:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#332632;background:#f8f6f7;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{border:0;border-radius:9px;background:#502a3d;color:#fff;padding:12px 18px;cursor:pointer;font-weight:650}button:hover{filter:brightness(1.12)}button:disabled{opacity:.55;cursor:wait}a{color:#502a3d;text-decoration:none}.app{display:flex;min-height:100vh}.sidebar{width:248px;background:#432638;color:#fff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0;padding:28px 16px}.brand{display:flex;align-items:center;gap:13px;color:white;padding:4px 12px 43px}.brand-mark{display:grid;place-items:center;background:#ffffff20;border:1px solid #ffffff45;border-radius:12px;width:42px;height:42px;font-size:26px;font-weight:800}.brand b{font-size:22px;letter-spacing:2px}.brand small{display:block;font-size:9px;letter-spacing:2px;opacity:.7;margin-top:2px}.nav-label{font-size:10px;letter-spacing:1.7px;color:#d6b7c5;padding:0 13px;margin-bottom:14px}.sidebar nav a{display:block;color:#e6d6de;padding:14px 15px;border-radius:9px;margin-bottom:5px;font-weight:550}.sidebar nav a.active,.sidebar nav a:hover{background:#ffffff1c;color:#fff}.side-bottom{margin-top:auto;border-top:1px solid #ffffff22;padding:20px 7px 0;display:flex;align-items:center;gap:10px}.side-bottom small,.user-info small{display:block;opacity:.65;font-size:12px;margin-top:4px}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#a77a8e;color:#fff;font-weight:750}.signout{color:#fff;margin-left:auto;font-size:20px}.workspace{flex:1;min-width:0}.topbar{height:72px;background:white;border-bottom:1px solid #eee7ea;display:flex;justify-content:space-between;align-items:center;padding:0 42px;color:#937d89;font-size:13px}main{max-width:1460px;margin:auto;padding:39px 42px 75px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:16px}.eyebrow{font-size:10px;color:#956b7f;letter-spacing:2px;font-weight:750;margin-bottom:9px}h1{font-size:32px;letter-spacing:-1px;margin:0}h2{font-size:19px;margin:0}h3{font-size:15px;margin:0;overflow-wrap:anywhere}.page-heading p,.section-title p,.hint{color:#9b8b95;font-size:13px}.version,.pill{font-size:10px;letter-spacing:1px;color:#805366;background:#f3eaf0;border-radius:30px;padding:9px 13px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}.stat,.card{background:#fff;border:1px solid #eee6ea;border-radius:15px;box-shadow:0 5px 24px #3d1c2e08}.stat{padding:23px 26px}.stat span{font-size:10px;color:#9c8491;letter-spacing:1.2px;font-weight:750}.stat strong{display:block;font-size:31px;letter-spacing:-1px;margin:11px 0 3px}.stat strong em{font-size:15px;font-style:normal}.stat small{color:#a49aa0}.card{padding:24px;margin-bottom:22px}.section-title,.library-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-title p{margin:8px 0 0}.upload-fields{display:flex;align-items:end;gap:14px;margin-top:22px;flex-wrap:wrap}.file-picker{position:relative;display:flex;align-items:center;min-height:44px;max-width:100%;padding:10px 13px;border:1px dashed #bfa8b4;border-radius:9px;color:#65465a;flex:1;min-width:230px}.file-picker input{margin-left:10px;max-width:100%;font-size:12px}.field{flex:1;min-width:220px;font-weight:600}.field span{font-weight:400;color:#a99aa2}.field input{display:block;margin-top:8px;width:100%}input:not([type=file]),select{border:1px solid #e5dce1;border-radius:9px;background:white;padding:12px;min-width:0;color:#483543}input:focus,select:focus{outline:2px solid #caa4b8;outline-offset:1px}.hint{margin-bottom:0}.progress-wrap{margin-top:22px}.progress-label{display:flex;justify-content:space-between;margin-bottom:9px;font-size:12px}.progress-track{height:10px;background:#f2e8ed;border-radius:20px;overflow:hidden}.progress-track>div{height:100%;width:0;background:#6b3954;border-radius:20px;transition:width .15s}.progress-meta{color:#9b8b95;margin-top:8px;font-size:12px}.library-heading{margin:33px 0 19px}.library-heading h2 span{font-size:12px;color:#8f7582;background:#f0e6ec;padding:5px 9px;border-radius:50px;margin-left:7px}.filters{display:flex;gap:10px}.filters input{width:240px}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:19px}.video-card{padding:0;overflow:hidden;min-width:0}.video-card[hidden]{display:none}.video-card video{display:block;width:100%;aspect-ratio:16/9;background:#281d25}.video-body{padding:18px}.video-meta{font-size:11px;color:#a09199;margin-top:9px}.tag-list{display:flex;flex-wrap:wrap;gap:5px;margin:14px 0;min-height:18px}.tag{font-size:11px;padding:5px 9px;border-radius:30px;background:#f5eaf0;color:#774c63}.copy{display:flex;gap:7px}.copy input{flex:1;width:10px;font-size:11px}.secondary{background:#f1e8ed;color:#63394e}.danger{background:#fce8e9;color:#ad3c4b}.manage{border-top:1px solid #f0e9ed;margin-top:17px;padding-top:13px}.manage summary{cursor:pointer;color:#754e63;font-weight:650;display:flex;justify-content:space-between}.manage form{display:flex;align-items:end;gap:7px;flex-wrap:wrap;margin-top:14px}.manage form label{width:100%;font-size:12px}.manage form label input{display:block;width:100%;margin-top:6px}.manage input[type=file]{max-width:200px;font-size:11px}.manage button{padding:10px 12px;font-size:12px}.alert{padding:13px 16px;border-radius:9px;margin:14px 0}.success{background:#e7f6ec;color:#22663d}.error{background:#fce6e8;color:#a32f47}.empty{text-align:center;color:#a38c99;padding:30px}.user-create{display:flex;align-items:end;gap:13px;flex-wrap:wrap;margin-top:18px}.user-create label{flex:1;min-width:180px;font-size:12px;font-weight:650}.user-create input,.user-create select{display:block;width:100%;margin-top:7px}.user-list{margin-top:16px}.user-row{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:18px 0;border-top:1px solid #f0e9ed}.user-info{display:flex;align-items:center;gap:12px;flex:1;min-width:160px}.user-controls{display:flex;gap:8px;flex-wrap:wrap}.login{max-width:430px;margin:12vh auto;background:white;padding:40px;border:1px solid #eee6ea;border-radius:17px;box-shadow:0 18px 55px #3d1c2e18}.login h1{color:#502a3d}.login small{display:block;font-size:14px;font-weight:400;letter-spacing:1px;margin-top:4px}.login label{display:block;margin-top:20px;font-weight:600}.login label input{width:100%;display:block;margin-top:8px}.login button{width:100%;margin-top:24px}@media(max-width:900px){.sidebar{width:190px}.topbar{padding:0 20px}main{padding:30px 20px}.stats{gap:9px}.stat{padding:16px}}@media(max-width:650px){.app{display:block}.sidebar{width:100%;height:auto;position:static;padding:12px}.brand{padding:0}.sidebar nav{display:flex;gap:7px;margin-top:12px}.sidebar nav a{padding:9px}.nav-label,.side-bottom,.topbar{display:none}main{padding:25px 14px}.page-heading{align-items:start}.version{display:none}.stats{grid-template-columns:1fr 1fr}.stat:last-child{grid-column:span 2}.filters{width:100%}.filters input,.filters select{width:50%}.library-heading{flex-wrap:wrap}.upload-fields{display:block}.upload-fields>*{width:100%;margin-top:12px}.user-controls{width:100%}}

/* EMPIRIA GROUP branding */
.sidebar .brand{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.sidebar-logo{display:block;width:170px;max-width:100%;height:auto;object-fit:contain}
.sidebar .brand small{font-size:10px;letter-spacing:.17em}
.login-brand{display:flex;flex-direction:column;align-items:center;gap:14px}
.login-brand img{display:block;width:240px;max-width:100%;height:auto}
.login-brand small{font-size:13px;letter-spacing:.16em;text-transform:uppercase}

/* EMPIRIA GROUP v1.1.2 — refined responsive identity */
.sidebar{padding:26px 18px}
.sidebar .brand{width:100%;padding:12px 12px 29px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center;border-bottom:1px solid rgba(255,255,255,.13);margin-bottom:27px;min-width:0}
.sidebar-logo{width:100%;max-width:150px;max-height:56px;height:auto;object-fit:contain;object-position:center;display:block}
.sidebar .brand small{font-size:10px;letter-spacing:.23em;line-height:1.5;opacity:.75}
body.login-page{min-height:100vh;background:radial-gradient(circle at 85% 5%,#f1e4e9 0,transparent 38%),linear-gradient(135deg,#fbf9fa,#f3edf0);display:flex;align-items:center;justify-content:center;padding:24px}
.login-page .login{width:100%;max-width:440px;margin:0;background:#fff;padding:44px 42px 38px;border:1px solid #eee5e9;border-radius:20px;box-shadow:0 24px 70px rgba(67,38,56,.12)}
.login-page .login-brand{margin:0 0 36px;padding-bottom:28px;border-bottom:1px solid #f1e9ed;display:flex;align-items:center;gap:19px}
.login-page .login-brand img{width:100%;max-width:205px;height:auto;max-height:80px;object-fit:contain;display:block}
.login-page .login-brand small{font-size:10px;font-weight:700;letter-spacing:.25em;color:#977b8b;margin:0}
.login-page .login label{font-size:12px;color:#604a58;margin-top:18px}
.login-page .login label input{margin-top:9px;min-height:47px}
.login-page .login button{min-height:48px;margin-top:27px;width:100%;border-radius:10px}
.login-foot{text-align:center;margin:26px 0 0;color:#a18c99;font-size:11px;letter-spacing:.06em}
@media(max-width:900px){.sidebar-logo{max-width:125px}.sidebar .brand{padding:12px 5px 24px}}
@media(max-width:650px){.sidebar{padding:12px 14px}.sidebar .brand{width:auto;flex-direction:row;justify-content:flex-start;gap:15px;margin:0;padding:5px 0 12px;border:0;text-align:left}.sidebar-logo{width:105px;max-height:42px}.sidebar .brand small{font-size:9px}.sidebar nav{margin-top:6px}.login-page .login{padding:34px 25px}.login-page .login-brand img{max-width:180px}}