@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{margin:0;background:#f2f6fb;color:#132a50;font-family:Inter,Arial,sans-serif;font-size:13px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.app{display:flex;min-height:100vh}.sidebar{width:230px;flex-shrink:0;background:#fff;border-right:1px solid #e5ebf4;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:9px;color:#073c83;padding:27px 24px 33px}.brand-icon{font-size:37px;line-height:1;color:#0d4c9b}.brand b{font-size:25px;letter-spacing:-1px}.brand small{display:block;letter-spacing:4px;font-size:10px;font-weight:800;text-align:center;border-top:2px solid #0d4c9b;padding-top:3px}.sidebar nav{display:grid;gap:4px}.nav{display:flex;align-items:center;gap:13px;padding:15px 20px;color:#17335b;border-left:3px solid transparent}.nav.active{background:#fff2eb;color:#f45a0a;border-color:#ff610f;font-weight:700}.nav.disabled{opacity:.8}.aside-bottom{margin-top:auto;padding:16px}.help{padding:15px;background:#f2f7ff;border-radius:12px}.help small{display:block;color:#71839b;margin-top:6px}.logout{border:0;background:none;display:flex;gap:8px;align-items:center;color:#435b79;padding:16px 8px}.workspace{flex:1;min-width:0}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:12px 28px;background:#f7faff;border-bottom:1px solid #e7edf5;gap:20px}.global-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e0e8f3;border-radius:12px;padding:0 16px;max-width:730px;flex:1;color:#5177a7}.global-search input{border:0;outline:0;width:100%;height:40px;min-width:0}.account{display:flex;align-items:center;gap:10px;max-width:260px}.account strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.account small{display:block;color:#7b8ca6;margin-top:3px}.avatar{border-radius:50%;width:38px;height:38px;background:#0c4b9a;color:#fff;display:grid;place-items:center;font-weight:800}.content{padding:26px 28px;max-width:1800px;margin:auto}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px}.eyebrow{display:flex;align-items:center;gap:7px;color:#fb5c12;font-size:12px}.pagehead h1{font-size:29px;letter-spacing:-1px;margin:10px 0 6px}.pagehead p,.upload-panel p{color:#7286a2;margin:0}.primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;background:linear-gradient(110deg,#ff6c16,#f74a04);color:#fff;padding:13px 18px;border-radius:10px;font-weight:700;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric,.category,.panel{background:#fff;border:1px solid #e7edf5;border-radius:13px;box-shadow:0 5px 20px #1a477008}.metric{padding:18px;display:flex;align-items:center;gap:14px}.metric-icon{width:53px;height:53px;display:grid;place-items:center;border-radius:12px}.blue{background:#e6f1ff;color:#2487fa}.orange{background:#fff0e6;color:#fa650e}.purple{background:#f0eaff;color:#7958ef}.green{background:#e1f8ec;color:#1aa86e}.metric strong{font-size:25px;display:block}.metric small{color:#7186a1}.categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:16px 0}.category{display:flex;align-items:center;text-align:left;gap:10px;padding:13px;border-radius:12px;color:#16345e;font-weight:700;min-width:0}.category span{flex:1}.category-icon{background:#f1f5fb;padding:10px;border-radius:10px;color:#1a5498}.browser{display:grid;grid-template-columns:minmax(210px,25%) minmax(360px,1fr) minmax(210px,24%);gap:13px;align-items:stretch}.panel{padding:16px;min-width:0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px}.section-head h2,.upload-panel h2{display:flex;align-items:center;gap:9px;font-size:15px;margin:0}.section-head h2 svg{color:#fa650e}.section-head small{display:block;color:#8190a7;margin-top:6px}.square{display:inline-grid;place-items:center;border:1px solid #e1e9f2;background:#f9fbff;border-radius:8px;width:31px;height:31px;color:#476387}.square.orange{background:#ff6714;color:#fff;border:0}.folder-row{width:100%;display:flex;align-items:center;gap:8px;text-align:left;background:none;border:0;padding:10px 8px;border-radius:8px;color:#234268}.folder-row svg{flex-shrink:0}.folder-row svg:nth-child(2),.folder-row>svg:first-child:not(:only-child){color:#f88b20}.folder-row.selected{background:#fff0e8;color:#fa5b0a;font-weight:700}.folder-row.nested{padding-left:32px}.new-folder{display:flex;gap:6px;margin-top:15px}.new-folder input,.upload-panel input,.login input{min-width:0;border:1px solid #dfe8f2;border-radius:8px;padding:11px;width:100%;outline-color:#f86b1b}.new-folder button{border:0;background:#ff6714;color:#fff;border-radius:8px;padding:8px}.file-controls{display:flex;gap:6px}.file-controls select{max-width:100px;border:1px solid #e1e9f2;background:#fff;border-radius:8px;padding:7px;color:#476387}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{background:#f7f9fc;font-size:11px;color:#6e82a0;padding:12px 9px}td{padding:13px 9px;border-bottom:1px solid #edf1f6;color:#486080;font-size:12px}td:first-child{font-weight:600;color:#203a5e;max-width:270px;overflow:hidden;text-overflow:ellipsis}tr{cursor:pointer}tr:hover td,tr.chosen td{background:#f4f8ff}.file-icon{vertical-align:middle;margin-right:9px;color:#f15c40}.preview-icon{background:#f1f6ff;border-radius:13px;min-height:170px;display:grid;place-items:center;color:#fa5d25}.preview-title{display:block;overflow-wrap:anywhere;margin:16px 0 6px}.preview p{color:#7589a4;font-size:12px}.details{border-top:1px solid #edf0f6;margin:20px 0;padding-top:10px}.details div{display:flex;justify-content:space-between;gap:8px;padding:10px 0;font-size:11px}.details span{color:#8294ab}.details b{font-weight:600;text-align:right;overflow-wrap:anywhere}.wide{width:100%}.preview-empty{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:300px;color:#9aabc0;gap:14px}.preview-empty strong{color:#375479}.empty{text-align:center;padding:30px;color:#8496ad}.upload-panel{margin-top:15px;display:flex;justify-content:space-between;gap:20px;align-items:center}.upload-panel h2{margin-bottom:9px}.upload-panel form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.upload-panel input{width:230px}.choose-file{border:1px dashed #9bafc7;border-radius:8px;padding:11px 13px;cursor:pointer;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error{color:#b91c1c;background:#feecec;padding:12px;border-radius:8px}.center{min-height:100vh;display:grid;place-items:center;padding:20px}.login{width:min(440px,100%);padding:32px}.login .brand{padding:0 0 20px}.login h1{margin:10px 0}.login p{color:#7589a4}.login label{display:block;font-weight:600;margin:16px 0}.login label input{display:block;margin-top:8px}.login .primary{width:100%}@media(max-width:1250px){.browser{grid-template-columns:230px minmax(350px,1fr)}.preview{grid-column:1/-1}.categories{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.sidebar{width:65px}.brand{padding:20px 8px}.sidebar .brand div,.nav span,.aside-bottom{display:none}.nav{justify-content:center;padding:16px 0}.content{padding:15px}.topbar{padding:12px}.account>div:last-child{display:none}.metrics,.categories{grid-template-columns:repeat(2,1fr)}.browser{grid-template-columns:1fr}.preview{grid-column:auto}.pagehead h1{font-size:23px}.upload-panel{display:block}.upload-panel form{margin-top:15px}}.sidebar nav button{border:0;background:transparent;text-align:left;width:100%;font-weight:500}.sidebar nav button.active{background:#fff2eb;color:#f45a0a}.full-table{width:100%;margin-top:22px;min-height:320px}.full-table .table-wrap{overflow:auto}.actions{white-space:nowrap}.actions button{border:0;background:#f5f7fb;border-radius:8px;padding:8px;margin:0 2px;color:#385477}.actions button:hover{background:#ffeadb;color:#ec600c}.filter-bar{display:flex;gap:12px;margin:20px 0;flex-wrap:wrap}.filter-bar select{border:1px solid #e2e8f2;background:#fff;border-radius:9px;padding:12px;min-width:180px;color:#243c61}.cat-active{outline:2px solid #f67b2a}.alert-error,.alert-ok{padding:14px 18px;margin:12px 0;border-radius:9px}.alert-error{background:#fff1f1;color:#9c2222}.alert-ok{background:#edf9f1;color:#1a7041}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10233c99;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal-card{background:#fff;border-radius:18px;width:min(610px,100%);max-height:92vh;display:flex;flex-direction:column;box-shadow:0 30px 100px #081b3550}.modal-title{padding:22px 26px;border-bottom:1px solid #edf0f4;display:flex;align-items:center;justify-content:space-between}.modal-title h2{margin:0;font-size:20px}.modal-form{padding:22px 26px;overflow:auto;display:grid;gap:15px}.modal-form label{display:grid;gap:7px;font-weight:600;color:#334b6b}.modal-form input,.modal-form select,.modal-form textarea{width:100%;border:1px solid #dbe3ef;border-radius:9px;padding:11px;background:#fff;color:#182f52}.modal-form textarea{min-height:75px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.modal-actions button{border-radius:9px;padding:11px 19px}.modal-actions button:not(.primary){background:#f3f6fa;border:1px solid #e1e8f1}.modal-form .error{color:#c62828}.sidebar .nav.disabled{cursor:not-allowed}.file-icon{vertical-align:middle;color:#ef781e}@media(max-width:900px){.sidebar{width:65px}.sidebar .brand div,.sidebar .nav span,.aside-bottom .help,.logout{display:none}.sidebar .nav{justify-content:center}.content{padding:18px}.metrics,.categories{grid-template-columns:repeat(2,minmax(0,1fr))}}.category-add{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;padding:7px;border-radius:8px;background:#fff1e5;color:#d96b0a;cursor:pointer}.category-add:hover{background:#ffdfc2}.permission-list{border:1px solid #dfe5ec;border-radius:10px;padding:12px;margin:8px 0}.permission-list p{font-size:12px;color:#697586}.check-line{display:flex!important;align-items:center;gap:10px;padding:5px 0}.check-line input{width:auto!important}.files code{word-break:break-all}.files a{color:#d87622}