:root{--ink:#172033;--muted:#6d7482;--navy:#17233f;--blue:#405cf5;--sky:#e9efff;--cream:#f5f6f8;--paper:#fff;--line:#e5e8ef;--green:#2f8f68;--red:#c14f4f;--amber:#d59a31;--shadow:0 12px 35px rgba(23,32,51,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream)}
*{box-sizing:border-box}body{margin:0;min-height:100vh}.hidden{display:none!important}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;font-weight:850;color:var(--blue);margin:0 0 .4rem}.fine-print,small{font-size:.76rem;color:var(--muted)}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,43%) 1fr;background:var(--paper)}.auth-panel{max-width:480px;width:100%;margin:auto;padding:4rem}.auth-panel h1{font-family:Georgia,serif;font-size:3rem;line-height:1;margin:.7rem 0}.brand-mark{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:850;letter-spacing:.08em;box-shadow:0 8px 20px rgba(23,35,63,.2)}.brand-mark.small{width:42px;height:42px;border-radius:13px;font-size:.8rem;box-shadow:none}.auth-art{margin:1rem;border-radius:28px;background:linear-gradient(150deg,#192541,#405cf5);display:flex;align-items:flex-end;padding:4rem;overflow:hidden;position:relative}.auth-art:before,.auth-art:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%}.auth-art:before{width:500px;height:500px;top:-170px;right:-120px}.auth-art:after{width:650px;height:650px;bottom:-400px;left:-100px}.art-card{position:relative;max-width:580px;padding:2rem;border:1px solid rgba(255,255,255,.22);background:rgba(13,23,48,.32);backdrop-filter:blur(14px);border-radius:22px;color:#fff;z-index:1}.art-card span{font-size:.72rem;text-transform:uppercase;letter-spacing:.15em}.art-card strong{display:block;font-family:Georgia,serif;font-size:2.1rem;line-height:1.2;margin-top:.8rem}
.form-stack{display:grid;gap:1rem;margin-top:1.5rem}label{font-size:.8rem;font-weight:750;display:grid;gap:.42rem}input,select,textarea{width:100%;border:1px solid #d9dde6;background:#fff;border-radius:10px;padding:.76rem .88rem;outline:none;transition:.18s}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(64,92,245,.1)}textarea{resize:vertical}.button{border:0;border-radius:10px;padding:.73rem 1rem;font-weight:750;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.button.primary{background:var(--blue);color:#fff;box-shadow:0 5px 12px rgba(64,92,245,.2)}.button.primary:hover{background:#304bdd}.button.secondary{background:#edf0f6;color:var(--ink)}.button.light{background:#fff;color:var(--navy)}.wide{width:100%;padding:.9rem}.text-button{border:0;background:none;color:var(--blue);font-weight:750}
.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--navy);color:#fff;padding:1.35rem;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:.8rem;padding:.15rem .2rem 1.4rem}.brand strong,.brand span{display:block}.brand span{font-size:.7rem;color:#aeb7c9;margin-top:.15rem}.new-button{background:#fff;color:var(--navy);margin-bottom:1.3rem}.sidebar nav{display:grid;gap:.3rem}.sidebar nav button{border:0;background:transparent;color:#bcc4d5;text-align:left;border-radius:10px;padding:.75rem .9rem;font-weight:650}.sidebar nav button span{display:inline-block;width:27px}.sidebar nav button:hover,.sidebar nav button.active{background:rgba(255,255,255,.1);color:#fff}.storage-mini{margin-top:auto;border-top:1px solid rgba(255,255,255,.14);padding-top:1rem}.storage-mini span,.storage-mini small{display:block;font-size:.7rem;color:#bdc5d4}.storage-mini>div{height:5px;background:rgba(255,255,255,.14);border-radius:99px;margin:.55rem 0;overflow:hidden}.storage-mini i{display:block;height:100%;width:0;background:#8da1ff;border-radius:99px}.user-card{display:grid;grid-template-columns:36px 1fr 28px;align-items:center;gap:.6rem;margin-top:1.1rem}.avatar{width:36px;height:36px;border-radius:12px;background:#e9efff;color:var(--navy);display:grid;place-items:center;font-weight:850}.user-card strong,.user-card span{display:block;font-size:.78rem}.user-card span{font-size:.68rem;color:#aeb7c9;text-transform:capitalize}.user-card button{border:0;background:none;color:#fff;font-size:1.1rem}
.content{grid-column:2;padding:2.1rem 2.5rem;max-width:1600px;width:100%;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:2rem}.topbar h1{font-family:Georgia,serif;font-size:2.25rem;margin:0}.icon-button{display:none;border:0;background:none;font-size:1.4rem}.global-search{position:relative;max-width:460px;width:40%;display:block}.global-search span,.search span{position:absolute;left:.85rem;top:.62rem;font-size:1.25rem;color:var(--muted)}.global-search input,.search input{padding-left:2.35rem;background:#fff}.page{display:none}.page.active{display:block}
.welcome-card{background:linear-gradient(120deg,var(--navy),#334b96);border-radius:20px;color:#fff;padding:2rem 2.2rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;box-shadow:var(--shadow)}.welcome-card h2{font-family:Georgia,serif;font-size:2rem;margin:.25rem 0}.welcome-card p:not(.eyebrow){color:#cbd3e4;margin:.4rem 0;max-width:670px}.welcome-card .eyebrow{color:#aebdff}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.25rem}.stat span{font-size:.74rem;color:var(--muted);font-weight:750}.stat strong{display:block;font-family:Georgia,serif;font-size:2rem;margin-top:.35rem}.stat small{display:block;margin-top:.15rem}.card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 15px rgba(21,32,55,.03);padding:1.3rem}.dashboard-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:1rem;margin-bottom:1rem}.card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.1rem}.card-heading h2{font-size:1.03rem;margin:0}.type-chart{display:grid;gap:.85rem}.type-row{display:grid;grid-template-columns:90px 1fr 75px;gap:.7rem;align-items:center;font-size:.78rem}.type-row>span:first-child{text-transform:capitalize}.bar-track{height:8px;background:#edf0f5;border-radius:99px;overflow:hidden}.bar-fill{height:100%;background:var(--blue);border-radius:99px}.type-row strong{text-align:right}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.shortcut{border:1px solid var(--line);background:#fafbfe;border-radius:12px;padding:.9rem;text-align:left}.shortcut i{display:block;font-style:normal;font-size:1.35rem;margin-bottom:.4rem}.shortcut strong,.shortcut span{display:block}.shortcut span{font-size:.68rem;color:var(--muted);margin-top:.12rem}
.library-toolbar,.section-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.toolbar-actions{display:flex;gap:.6rem}.breadcrumbs{display:flex;align-items:center;gap:.4rem;min-width:0}.breadcrumbs button{border:0;background:none;color:var(--muted);font-weight:700;padding:.3rem}.breadcrumbs button:last-child{color:var(--ink)}.breadcrumbs span{color:#aeb2bd}.filterbar{display:grid;grid-template-columns:minmax(240px,1fr) 190px auto;gap:.75rem;align-items:center;margin-bottom:1rem;padding:.85rem}.search{position:relative;display:block}.filterbar>span{text-align:right;font-size:.75rem}.library-section{margin:1.5rem 0}.library-section h2{font-size:.9rem;margin:0 0 .75rem}.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.8rem}.folder-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:.85rem;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:.7rem;text-align:left;position:relative}.folder-card:hover,.file-card:hover{border-color:#b9c4ff;box-shadow:0 8px 22px rgba(40,55,90,.07)}.folder-icon{width:40px;height:34px;border-radius:7px;background:#dfe7ff;display:grid;place-items:center;color:var(--blue);font-size:1.25rem}.folder-card strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-menu{border:0;background:transparent;color:var(--muted);font-size:1.1rem;border-radius:8px;padding:.35rem}.item-menu:hover{background:#edf0f6}
.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.85rem}.file-grid.compact{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.file-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;position:relative;min-width:0}.file-preview{height:132px;background:#f0f2f7;display:grid;place-items:center;overflow:hidden;cursor:pointer}.file-grid.compact .file-preview{height:105px}.file-preview img{width:100%;height:100%;object-fit:cover}.file-symbol{font-style:normal;font-size:2.5rem}.file-info{padding:.75rem;display:grid;grid-template-columns:1fr auto;gap:.45rem}.file-info strong{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-info span{display:block;font-size:.68rem;color:var(--muted);margin-top:.2rem}.file-actions{position:absolute;top:.45rem;right:.45rem;display:flex;gap:.25rem}.file-actions button{border:0;background:rgba(255,255,255,.9);border-radius:8px;padding:.35rem .5rem;box-shadow:0 2px 7px rgba(0,0,0,.08)}.empty-state{background:#fff;border:1px dashed #cfd4df;border-radius:15px;padding:3rem;text-align:center;color:var(--muted)}
.table-card{padding:0;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th{text-transform:uppercase;letter-spacing:.08em;font-size:.64rem;color:var(--muted);text-align:left;background:#f8f9fb;padding:.85rem 1rem}.data-table td{font-size:.8rem;padding:.9rem 1rem;border-top:1px solid #edf0f4}.pill{display:inline-block;border-radius:99px;padding:.28rem .55rem;background:#edf1ff;color:#334ab5;font-size:.68rem;font-weight:750}.pill.inactive{background:#faece9;color:#8b3c35}.actions button{border:0;background:#eef1f6;border-radius:8px;padding:.4rem .55rem}.section-copy{margin-top:-.8rem;margin-bottom:1.2rem}
dialog{border:0;border-radius:20px;padding:0;width:min(760px,calc(100vw - 2rem));box-shadow:0 28px 80px rgba(0,0,0,.24)}dialog::backdrop{background:rgba(10,18,38,.58);backdrop-filter:blur(3px)}.dialog-form{padding:1.5rem}.dialog-form.narrow{max-width:520px;margin:auto}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:1rem;margin-bottom:1.2rem}.dialog-head h2{font-family:Georgia,serif;font-size:1.65rem;margin:0}.dialog-head button,.preview-head button{border:0;background:none;font-size:1.7rem;color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:.6rem;border-top:1px solid var(--line);padding-top:1rem;margin-top:1.25rem}.drop-zone{border:2px dashed #c4cce0;background:#f8f9fe;border-radius:14px;padding:2.2rem 1rem;text-align:center;cursor:pointer}.drop-zone:hover,.drop-zone.drag{border-color:var(--blue);background:#f0f3ff}.drop-zone strong,.drop-zone span{display:block}.drop-zone span{font-weight:400;color:var(--muted);margin-top:.35rem}.drop-zone input{position:absolute;opacity:0;pointer-events:none}.selected-files{max-height:180px;overflow:auto;margin-top:.75rem}.selected-file{display:flex;justify-content:space-between;padding:.5rem;border-bottom:1px solid var(--line);font-size:.75rem}.preview-dialog{width:min(1000px,calc(100vw - 2rem));background:#111827;color:#fff}.preview-head{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;background:#fff;color:var(--ink)}.preview-head strong,.preview-head span{display:block}.preview-head span{font-size:.7rem;color:var(--muted);margin-top:.2rem}.preview-head>div:last-child{display:flex;align-items:center;gap:.5rem}.preview-body{min-height:450px;display:grid;place-items:center;padding:1rem}.preview-body img,.preview-body video{max-width:100%;max-height:70vh}.preview-body audio{width:min(650px,90%)}.toast{position:fixed;right:1.5rem;top:1.5rem;background:var(--navy);color:#fff;padding:.85rem 1.1rem;border-radius:10px;z-index:100;box-shadow:var(--shadow);transform:translateY(-100px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}.toast.error{background:var(--red)}
@media(max-width:1050px){.dashboard-grid{grid-template-columns:1fr}.file-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.data-table{min-width:760px}.table-card{overflow:auto}}
@media(max-width:760px){.auth-shell{grid-template-columns:1fr}.auth-art{display:none}.auth-panel{padding:2rem}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.app-shell{grid-template-columns:1fr}.content{grid-column:1;padding:1.2rem}.icon-button{display:block}.topbar{gap:.7rem;flex-wrap:wrap}.topbar>div{margin-right:auto}.topbar h1{font-size:1.8rem}.global-search{width:100%;max-width:none}.stats-grid{grid-template-columns:1fr}.welcome-card{padding:1.4rem}.welcome-card h2{font-size:1.55rem}.welcome-card .button{display:none}.library-toolbar{align-items:flex-start;flex-direction:column}.filterbar{grid-template-columns:1fr}.filterbar>span{text-align:left}.folder-grid{grid-template-columns:1fr}.file-grid{grid-template-columns:1fr 1fr}.file-preview{height:110px}.preview-body{min-height:300px}}