:root{--bg:#0b090a;--panel:#141112;--panel2:#1b1618;--panel3:#211a1c;--text:#f4f0ed;--muted:#9d9491;--line:#302729;--line-soft:#251e20;--accent:#6e192a;--accent-strong:#8a293d;--accent-soft:#32161d;--wine-light:#c1818d;--brass:#b6926d;--danger:#c95b62;--good:#6eb18b;--radius:12px;font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html{background:var(--bg)}body{background:radial-gradient(circle at 74% -20%,#3b142052,transparent 35%),var(--bg)}button,.button,input,select,textarea{font:inherit}button,.button{min-height:38px}.button svg,button svg{width:17px;height:17px}.secondary{background:#191416;border-color:#3b2e31;color:var(--text)}.secondary:hover{background:#22191c;border-color:#564047}.primary{background:linear-gradient(180deg,#8b293e,#681827);border-color:#9d3a4e;box-shadow:0 8px 24px #35091466}.primary:hover{background:linear-gradient(180deg,#9a3047,#751d2e)}
.app-body{min-height:100vh;overflow-x:hidden}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.app-sidebar{position:fixed;inset:0 auto 0 0;width:248px;z-index:30;display:flex;flex-direction:column;padding:18px 14px 14px;background:#0e0b0c;border-right:1px solid var(--line-soft);box-shadow:12px 0 50px #0002}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:0 7px 20px}.shell-brand{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:780;letter-spacing:-.02em}.sidebar-close{display:none;padding:5px;border:0;background:none}.primary-nav,.utility-nav{display:grid;gap:3px}.nav-item{display:flex;align-items:center;gap:11px;min-height:39px;padding:8px 10px;border-radius:8px;color:#a89fa0;transition:.16s}.nav-item svg{width:17px}.nav-item:hover{background:#181315;color:var(--text)}.nav-item.active{background:#24151a;color:#f7f1ef;box-shadow:inset 3px 0 #86283c}.nav-item b{margin-left:auto;min-width:21px;height:20px;padding:0 6px;display:grid;place-items:center;border-radius:20px;background:#2d2225;color:#cbbfc0;font-size:.7rem}.nav-item b.attention{background:#6b1b2b;color:#fff}.workspace-nav{margin-top:24px;min-height:0;overflow:auto}.sidebar-label{display:flex;align-items:center;justify-content:space-between;padding:0 10px 8px;color:#71696b;font-size:.69rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.sidebar-label a{display:grid;place-items:center;width:23px;height:23px;border-radius:6px}.sidebar-label a:hover{background:#1d1719;color:#fff}.sidebar-label svg{width:14px}.workspace-link{display:flex;align-items:center;gap:10px;min-height:37px;padding:7px 10px;border-radius:8px;color:#a2999b}.workspace-link:hover,.workspace-link.active{background:#181315;color:#f3edeb}.workspace-link>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-link>svg{width:13px;margin-left:auto;color:#706568}.workspace-swatch{width:9px;height:9px;border-radius:3px;flex:0 0 auto;background:#6d1b2b;box-shadow:0 0 0 3px #2d151a}.workspace-swatch.all{background:#a03a4d}.workspace-swatch.swatch-1,.folder-art.swatch-1{color:#bd9165;background:#3a261d}.workspace-swatch.swatch-2,.folder-art.swatch-2{color:#9c7caa;background:#2b202f}.workspace-swatch.swatch-3,.folder-art.swatch-3{color:#769f87;background:#1d2b24}.workspace-swatch.swatch-4,.folder-art.swatch-4{color:#8d8fa9;background:#20222d}.sidebar-bottom{margin-top:auto;padding-top:15px}.sidebar-storage{margin:0 4px 13px;padding:12px;background:#151113;border:1px solid #282023;border-radius:10px}.sidebar-storage>div{display:flex;justify-content:space-between;margin-bottom:8px}.sidebar-storage span,.sidebar-storage strong{font-size:.76rem}.sidebar-storage strong{color:#d5c4c0}.sidebar-storage progress{display:block;height:5px;border:0}.sidebar-storage small{display:block;margin-top:7px;color:#746c6d;font-size:.68rem}.utility-nav{padding:10px 0;border-top:1px solid var(--line-soft)}.profile-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 7px 2px}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#7d2336,#42141d);color:#f8ece9;font-weight:750;font-size:.72rem}.profile-row>span:nth-child(2){display:grid;min-width:0}.profile-row strong{overflow:hidden;text-overflow:ellipsis;font-size:.78rem}.profile-row small{color:#776f70;text-transform:capitalize;font-size:.68rem}.profile-row form button{padding:7px;border:0;background:transparent;color:#7e7476}.profile-row form button:hover{color:#fff;background:#201719}.sidebar-scrim{display:none}
.main-panel{grid-column:2;min-width:0}.shell-topbar{height:68px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:0 30px;border-bottom:1px solid var(--line-soft);background:#0c090ae8;backdrop-filter:blur(18px)}.mobile-menu{display:none;background:transparent;border:0;padding:7px}.global-search{width:min(520px,48vw);height:38px;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 11px;background:#151113;border:1px solid #2d2426;border-radius:9px}.global-search:focus-within{border-color:#6e3340;box-shadow:0 0 0 3px #4f1a262f}.global-search svg{width:16px;color:#776f70}.global-search input{min-width:0;padding:0;border:0;background:transparent;outline:0}.global-search kbd{padding:2px 6px;border:1px solid #33292b;border-radius:5px;color:#726a6b;background:#1b1618;font-size:.66rem}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.icon-action{position:relative;width:38px;height:38px;display:grid;place-items:center;border:1px solid #302628;border-radius:8px;color:#aaa0a1}.icon-action svg{width:17px}.icon-action span{position:absolute;right:8px;top:8px;width:6px;height:6px;border-radius:50%;background:#ab344a;box-shadow:0 0 0 2px #0d0a0b}.top-actions .button{gap:7px}.page-content{max-width:1440px;margin:0 auto;padding:32px 34px 90px}.content-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.content-head h1{margin:8px 0 3px;font-size:2.05rem;letter-spacing:-.045em}.content-head p{margin:0}.breadcrumbs{display:flex;align-items:center;gap:5px;color:#756d6e;font-size:.76rem}.breadcrumbs svg{width:12px}.breadcrumbs a:hover{color:#d2c7c4}.breadcrumbs strong{color:#bdb3b0;font-weight:600}.head-actions{display:flex;align-items:center;gap:8px}.head-actions .button,.head-actions button{gap:7px}
.quick-row{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:11px;margin-bottom:26px}.quick-card{display:grid;grid-template-columns:43px minmax(0,1fr) 16px;align-items:center;gap:11px;min-height:76px;padding:13px 14px;background:linear-gradient(145deg,#171315,#121011);border:1px solid #2d2527;border-radius:11px;transition:.17s}.quick-card:hover{transform:translateY(-1px);border-color:#50353b;background:#1b1518}.quick-card>svg{width:15px;color:#6f6668}.quick-card>span:nth-child(2){display:grid;min-width:0}.quick-card strong,.quick-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-card small{color:#7e7577;font-size:.73rem}.folder-art{width:43px;height:43px;display:grid;place-items:center;border-radius:10px;background:#351920;color:#b95a70}.folder-art svg{width:21px}.empty-quick{grid-column:span 2}.surface-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:11px}.filter-group{display:flex;align-items:center;gap:4px}.filter{min-height:34px;padding:6px 11px;border:0;background:transparent;color:#8c8385;border-radius:7px;font-size:.79rem}.filter:hover{background:#181315;color:#d7cfcc}.filter.active{background:#25171c;color:#e7d8d5}.toolbar-right{display:flex;align-items:center;gap:8px}.toolbar-right select{width:auto;min-width:150px;padding:7px 30px 7px 10px;background:#151113;font-size:.76rem}.segmented{display:flex;padding:3px;background:#151113;border:1px solid #2d2426;border-radius:8px}.segmented button{width:31px;min-height:28px;padding:4px;border:0;background:transparent;color:#6f6768}.segmented button.active{background:#292023;color:#e6dcda;box-shadow:0 1px 4px #0005}.segmented svg{width:15px}
.file-surface{overflow:hidden;background:#121011;border:1px solid #2b2325;border-radius:12px;box-shadow:0 18px 55px #0002}.table-head,.file-row{display:grid;grid-template-columns:32px minmax(250px,2.3fr) minmax(120px,1fr) 100px minmax(150px,1fr) 38px;align-items:center}.table-head{height:38px;padding:0 10px;background:#171315;border-bottom:1px solid #2a2224;color:#6f6768;font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.file-list{border:0}.file-row{min-height:62px;padding:7px 10px;border-bottom:1px solid #241e20;transition:.12s}.file-row:last-child{border:0}.file-row:hover{background:#191416}.file-row>span{color:#887f81;font-size:.75rem}.row-check{width:15px;height:15px;margin:0;accent-color:#81283a}.file-name{min-width:0;display:flex;align-items:center;gap:11px}.file-name>span:last-child{display:grid;min-width:0}.file-name strong,.file-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-name strong{font-size:.82rem;font-weight:650;color:#e8e1de}.file-name small{color:#71696b;font-size:.7rem}.file-type,.folder-tile{width:36px;height:40px;display:grid;place-items:center;flex:0 0 auto;background:#292024;color:#c7b8b7;border-radius:6px;font-size:.59rem!important;font-weight:800;letter-spacing:.04em}.file-type.image{background:#27221d;color:#c09b72}.file-type.video{background:#281c21;color:#c78292}.file-type.audio{background:#1e2423;color:#87aa9c}.folder-tile{height:35px;background:#351920;color:#b95a70;border-radius:8px}.folder-tile svg{width:19px}.row-action{width:30px;min-height:30px;padding:5px;display:grid;place-items:center;border:0;background:transparent;color:#6f6668;border-radius:7px}.row-action:hover{background:#292023;color:#fff}.row-action svg{width:16px}.empty-state{padding:65px 20px;text-align:center}.empty-state[hidden]{display:none}.empty-state>span{width:48px;height:48px;margin:0 auto 13px;display:grid;place-items:center;border-radius:13px;background:#21181b;color:#815061}.empty-state>span svg{width:22px}.empty-state strong{display:block}.empty-state p{margin:5px 0 16px}.grid-layout .table-head{display:none}.grid-layout .file-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;padding:12px}.grid-layout .file-row{display:grid;grid-template-columns:auto 1fr 28px;grid-template-rows:auto auto;gap:12px;min-height:135px;padding:14px;border:1px solid #2a2224;border-radius:10px;background:#171315}.grid-layout .file-row:hover{border-color:#4d353b}.grid-layout .file-row>.file-select-space,.grid-layout .file-row>.row-check{grid-column:1;grid-row:1}.grid-layout .file-name{grid-column:1/-1;grid-row:2;align-items:flex-start}.grid-layout .file-type,.grid-layout .folder-tile{width:43px;height:49px}.grid-layout .file-workspace,.grid-layout .file-size,.grid-layout .file-modified{display:none}.grid-layout .row-action{grid-column:3;grid-row:1;justify-self:end}.selection-bar{position:sticky;top:80px;z-index:12;display:none;align-items:center;gap:8px;margin-bottom:10px;padding:8px 11px;background:#25171c;border:1px solid #4b2d34;border-radius:10px;box-shadow:0 8px 30px #0007}.selection-bar.active{display:flex}.selection-bar strong{margin-right:auto;padding-left:6px}.selection-bar button{min-height:32px;padding:5px 9px;gap:5px;font-size:.75rem}
.modern-dropzone{display:flex;align-items:center;justify-content:center;gap:12px;min-height:72px;margin:-10px 0 24px;padding:14px;border-color:#412d32;background:#110e0f;text-align:left}.modern-dropzone>span{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#29151b;color:#b15e70}.modern-dropzone>span svg{width:19px}.modern-dropzone div{display:grid}.modern-dropzone small{font-size:.74rem}.modern-dropzone.active{background:#211218;border-color:#8d3146}.upload-tray{position:fixed;right:22px;bottom:20px;z-index:40;width:min(470px,calc(100vw - 28px));max-height:min(70vh,620px);display:none;margin:0;background:#151113;border:1px solid #3b2d31;border-radius:13px;box-shadow:0 24px 80px #000b;overflow:hidden}.has-uploads .upload-tray{display:block}.upload-panel-head{display:flex;align-items:center;justify-content:space-between;margin:0;padding:13px 15px;background:#1d1619;border-bottom:1px solid #302529}.upload-panel-head>div{display:grid}.upload-panel-head span{font-size:.72rem;color:#8d8385}.upload-panel-head button{padding:4px;background:transparent;border:0}.upload-tray .upload-list{max-height:480px;overflow:auto;margin:0;padding:9px}.upload-tray .upload-row{background:#1b1618}.upload-tray.collapsed .upload-list{display:none}.context-menu{position:fixed;z-index:70;width:190px;padding:6px;background:#1b1618;border:1px solid #3a2e31;border-radius:10px;box-shadow:0 16px 50px #000b}.context-menu button{width:100%;min-height:34px;justify-content:flex-start;gap:9px;padding:6px 9px;border:0;background:transparent}.context-menu button:hover{background:#292023}.context-menu button svg{width:15px}
.polished-dialog{padding:0;width:min(520px,calc(100% - 24px));background:#171315;border-color:#443338;box-shadow:0 30px 100px #000c}.polished-dialog form{padding:27px}.polished-dialog h2{margin:4px 0 0;font-size:1.45rem}.polished-dialog p{margin:0 0 5px}.dialog-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:11px;background:#2e171e;color:#c17888}.dialog-icon svg{width:21px}.polished-dialog input,.polished-dialog select{background:#100d0e}.polished-dialog .dialog-close{right:10px;top:10px}.public-body .public-top{height:64px;display:flex;align-items:center;padding:0 max(20px,calc((100vw - 1120px)/2));border-bottom:1px solid var(--line-soft)}.public-content{max-width:1120px;margin:0 auto;padding:32px 20px 80px}
@media(max-width:1100px){.quick-row{grid-template-columns:repeat(2,minmax(190px,1fr))}.request-action{display:none}.table-head,.file-row{grid-template-columns:32px minmax(230px,2fr) 110px 90px minmax(115px,1fr) 36px}.page-content{padding-inline:24px}}
@media(max-width:820px){.app-shell{display:block}.app-sidebar{transform:translateX(-102%);transition:transform .22s ease}.sidebar-open .app-sidebar{transform:translateX(0)}.sidebar-close,.mobile-menu{display:grid}.sidebar-open .sidebar-scrim{display:block;position:fixed;inset:0;z-index:25;background:#0009;backdrop-filter:blur(2px)}.main-panel{width:100%}.shell-topbar{padding:0 15px}.global-search{width:auto;flex:1}.global-search kbd{display:none}.page-content{padding:24px 16px 75px}.content-head{align-items:flex-start}.settings-action{display:none}.table-head,.file-row{grid-template-columns:30px minmax(200px,1fr) 78px 34px}.table-head>*:nth-child(3),.table-head>*:nth-child(5),.file-workspace,.file-modified{display:none}.file-size{text-align:right}.quick-row{overflow-x:auto;display:flex;padding-bottom:3px}.quick-card{min-width:225px}.surface-toolbar{align-items:flex-start}.filter-group{overflow:auto;max-width:100%}}
@media(max-width:580px){.shell-topbar{height:60px;gap:8px}.global-search{height:36px}.global-search input::placeholder{color:transparent}.icon-action,.request-action{display:none}.upload-action{width:38px;padding:0}.upload-action span{display:none}.page-content{padding:20px 12px 70px}.content-head{display:grid;gap:16px}.content-head h1{font-size:1.72rem}.head-actions{width:100%;overflow:auto}.head-actions .button,.head-actions button{white-space:nowrap}.quick-card{min-width:210px}.surface-toolbar{display:grid}.toolbar-right{justify-content:space-between}.toolbar-right select{flex:1}.file-surface{margin-inline:-3px}.table-head{display:none}.file-row{grid-template-columns:27px minmax(0,1fr) 30px;min-height:67px;padding:8px}.file-size,.file-workspace,.file-modified{display:none}.file-name{gap:9px}.modern-dropzone{justify-content:flex-start;margin-top:0}.modern-dropzone small{display:none}.filter-group{margin-inline:-4px}.filter{padding-inline:9px}.selection-bar{top:70px;overflow:auto}.selection-bar button{white-space:nowrap}.upload-tray{right:7px;bottom:7px;width:calc(100vw - 14px)}.polished-dialog form{padding:22px 18px}.public-content{padding:22px 12px 70px}}
.file-row .file-type{color:#c7b8b7}.file-row .file-type.image{color:#c09b72}.file-row .file-type.video{color:#c78292}.file-row .file-type.audio{color:#87aa9c}.file-row .folder-tile{color:#b95a70}
.page-content>.page-head{align-items:flex-end;margin-bottom:28px}.page-content>.page-head h1{font-size:2rem;letter-spacing:-.04em}.page-content>.page-head p{margin:4px 0 0}.link-list{gap:11px}.link-card{background:linear-gradient(145deg,#171315,#121011);border-color:#2d2527;box-shadow:0 16px 45px #0002}.link-card:hover{border-color:#49353a}.link-card details{padding-top:10px;border-top:1px solid #2a2224}.link-card summary{cursor:pointer;color:#b8adaf}.request-dialog{padding:0;background:#171315}.request-dialog form{padding:27px}.request-page-head .button{gap:7px}
.mobile-menu{position:relative;z-index:2;flex:0 0 40px;width:40px;min-height:40px;pointer-events:auto;touch-action:manipulation}
.nav-toggle{position:fixed;left:-9999px;opacity:0}.sidebar-close,.mobile-menu{cursor:pointer;align-items:center;justify-content:center}.received-files{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.received-files>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.received-files h2{margin:0;font-size:1rem}.received-files>div>span,.received-files>p{color:var(--muted);font-size:.8rem}.received-files ul{display:grid;gap:6px;margin:12px 0 0;padding:0;list-style:none}.received-files li{display:flex;align-items:center;gap:9px;padding:9px 10px;background:#141012;border:1px solid #292124;border-radius:8px}.received-files li svg{width:15px;color:var(--brass);flex:none}.received-files li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}
@media(max-width:820px){.nav-toggle:checked~.app-sidebar{transform:translateX(0)}.nav-toggle:checked~.sidebar-scrim{display:block;position:fixed;inset:0;z-index:25;background:#0009;backdrop-filter:blur(2px)}}