@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--soft-pink:#fce4ec;--soft-pink-darker:#f8bbd0;--light-purple:#f3e5f5;--light-purple-darker:#ce93d8;--orange:#ffb74d;--orange-darker:#f57c00;--text-main:#333;--text-light:#666;--bg-gradient:linear-gradient(135deg, var(--soft-pink) 0%, var(--light-purple) 100%);--glass-bg:#ffffffa6;--glass-border:#fffc}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-main);min-height:100vh;font-family:Outfit,sans-serif}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px #1f268712}.btn-primary{background:linear-gradient(to right, var(--light-purple-darker), var(--orange));color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-family:Outfit,sans-serif;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #ce93d866}.btn-primary:hover{background:linear-gradient(to right, #ba68c8, var(--orange-darker));transform:translateY(-2px);box-shadow:0 6px 20px #ffb74d80}.btn-secondary{color:var(--text-main);cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:12px 24px;font-family:Outfit,sans-serif;font-weight:600;transition:all .3s;display:flex}.btn-secondary:hover{background:#f5f5f5;border-color:#d0d0d0;transform:translateY(-1px)}.btn-outline{color:var(--orange-darker);border:2px solid var(--orange);cursor:pointer;background:0 0;border-radius:8px;padding:8px 20px;font-weight:600;transition:all .3s}.btn-outline:hover{background:var(--soft-pink);border-color:var(--soft-pink-darker);color:var(--text-main)}.login-container{height:100vh;display:flex}.login-left{background:linear-gradient(135deg, var(--orange-darker) 0%, #d84315 100%);color:#fff;flex-direction:column;flex:1.2;justify-content:center;padding:60px;display:flex;position:relative;overflow:hidden}.login-left:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 60%);width:150%;height:150%;position:absolute;top:-20%;left:-10%}.login-left h1{z-index:1;margin-bottom:24px;font-size:3.5rem;font-weight:800}.login-left p{opacity:.9;z-index:1;max-width:80%;font-size:1.2rem;line-height:1.6}.login-right{background:var(--bg-gradient);flex:1;justify-content:center;align-items:center;display:flex;position:relative}.login-box{flex-direction:column;width:100%;max-width:450px;padding:40px;display:flex}.login-box-header{text-align:center;margin-bottom:32px}.login-box-header h2{color:var(--light-purple-darker);margin-bottom:8px;font-size:2rem}.sso-divider{color:var(--text-light);align-items:center;margin:24px 0;font-size:.85rem;display:flex}.sso-divider:before,.sso-divider:after{content:"";border-bottom:1px solid #dcdcdc;flex:1}.sso-divider:before{margin-right:12px}.sso-divider:after{margin-left:12px}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.app-container{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--glass-border);border-radius:0 24px 24px 0;flex-direction:column;gap:24px;width:250px;padding:24px;display:flex}.sidebar h2{color:var(--orange-darker);align-items:center;gap:8px;font-size:1.5rem;display:flex}.sidebar-menu{flex-direction:column;gap:12px;list-style:none;display:flex}.sidebar-menu li{cursor:pointer;color:var(--text-light);border-radius:8px;padding:12px 16px;font-weight:500;transition:all .2s}.sidebar-menu li:hover,.sidebar-menu li.active{color:var(--light-purple-darker);background:#ffffff80;font-weight:600}.main-content{flex:1;padding:32px;overflow-y:auto}.grid-container{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:24px;display:grid}.media-card{padding:16px;transition:transform .3s}.media-card:hover{transform:translateY(-5px)}.card-img-placeholder{background:linear-gradient(135deg, var(--soft-pink-darker), var(--light-purple));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:100%;height:180px;margin-bottom:16px;font-weight:600;display:flex}.card-title{margin-bottom:8px;font-size:1.1rem;font-weight:700}.card-center{color:var(--text-light);align-items:center;gap:4px;margin-bottom:16px;font-size:.85rem;display:flex}.card-actions{gap:8px;display:flex}.badge{text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:700}.badge-pending{background:var(--soft-pink);color:#c2185b}.badge-approved{color:#2e7d32;background:#e8f5e9}.upload-container{max-width:600px;margin:0 auto;padding:32px}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px;font-weight:500;display:block}.form-control{background:#fff6;border:1px solid #fffc;border-radius:8px;width:100%;padding:12px;font-family:inherit;transition:border-color .2s}.form-control:focus{border-color:var(--light-purple-darker);background:#ffffffb3;outline:none}.drop-zone{border:2px dashed var(--light-purple-darker);text-align:center;cursor:pointer;background:#fff3;border-radius:12px;padding:40px;transition:all .3s}.drop-zone:hover{border-color:var(--orange);background:#ffffff80}