:root{color-scheme:dark;--bg:#0b1016;--panel:#111922;--panel2:#16212b;--panel3:#1d2a34;--line:#26343d;--muted:#8da0a9;--text:#e9f1ef;--accent:#9ce5c4;--accent2:#68cba9;--danger:#f4a4a2;--shadow:0 22px 80px #0006;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;flex:none}::selection{background:#569d83;color:#fff}
.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:14px;color:var(--muted)}.spinner{width:17px;height:17px;border:2px solid #3c6558;border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.login{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,480px);background:radial-gradient(circle at 22% 35%,#1b3b3b 0,transparent 34%),var(--bg)}.login-art{padding:60px clamp(40px,8vw,140px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:700;letter-spacing:.02em}.brand-icon{width:34px;height:34px;display:grid;place-items:center;background:var(--accent);color:#0d201b;border-radius:10px}.brand-icon svg{width:20px;height:20px}.login-art h1{font-size:clamp(52px,6vw,94px);letter-spacing:-.075em;line-height:1.1;margin:0 0 26px;font-weight:720}.login-art h1 em{font-style:normal;color:var(--accent)}.login-art p{color:#a9c2bd;font-size:17px;line-height:1.9;max-width:500px;margin:0}.login-art .fine{color:#70918b;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.login-side{border-left:1px solid #ffffff12;background:#0d141bc9;padding:40px;display:grid;place-items:center}.login-card{width:100%;max-width:360px}.lock-mark{width:57px;height:57px;display:grid;place-items:center;color:var(--accent);border:1px solid #528778;border-radius:17px;background:#1c3530;margin-bottom:38px}.lock-mark svg{width:27px;height:27px}.eyebrow{font-size:11px;color:var(--accent);letter-spacing:.2em;font-weight:700;text-transform:uppercase}.login-card h2{font-size:31px;letter-spacing:-.04em;margin:11px 0 8px}.login-card p{color:var(--muted);line-height:1.8;margin:0 0 34px;font-size:14px}.field-label{display:block;color:#c8d5d1;font-size:13px;font-weight:600;margin-bottom:9px}.input-wrap{position:relative}.input{width:100%;border:1px solid #34434a;background:#101a22;color:var(--text);height:50px;padding:0 15px;outline:0;border-radius:10px;transition:border .2s,box-shadow .2s}.input:focus{border-color:var(--accent2);box-shadow:0 0 0 3px #67cca926}.input::placeholder{color:#657980}.input-wrap .input{padding-right:47px}.input-toggle{position:absolute;right:7px;top:6px;border:0;background:none;color:var(--muted);padding:8px;border-radius:8px}.input-toggle:hover{color:var(--text);background:#ffffff0b}.login-error{min-height:24px;color:var(--danger);font-size:13px;padding-top:8px}.primary{border:0;border-radius:10px;background:var(--accent);color:#10231d;font-weight:700;min-height:42px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,transform .2s}.primary:hover{background:#b7f3d6;transform:translateY(-1px)}.login-card .primary{width:100%;height:49px;margin-top:11px}.login-foot{margin-top:28px;display:flex;align-items:center;gap:9px;font-size:12px;color:#6e8783}.login-foot svg{width:14px;height:14px}
.shell{min-height:100vh;display:grid;grid-template-columns:245px minmax(0,1fr)}.sidebar{background:#0e151c;border-right:1px solid #263039;display:flex;flex-direction:column;padding:31px 17px 23px;position:sticky;top:0;height:100vh}.sidebar .brand{padding-left:14px}.side-section{font-size:10px;color:#687d86;letter-spacing:.18em;font-weight:700;margin:58px 14px 15px}.nav-item{display:flex;align-items:center;gap:12px;min-height:42px;padding:0 13px;border-radius:9px;color:#9fb1b7;font-size:13px;font-weight:600}.nav-item.active{background:#203329;color:var(--accent)}.nav-item svg{width:17px;height:17px}.side-bottom{margin-top:auto}.side-note{border:1px solid #293b3a;border-radius:12px;padding:15px;margin-bottom:17px;background:linear-gradient(145deg,#152922,#111b21)}.side-note svg{color:var(--accent);width:19px;height:19px}.side-note strong{display:block;font-size:12px;margin:10px 0 5px}.side-note p{font-size:11px;line-height:1.6;color:#839b98;margin:0}.ghost{background:none;border:1px solid transparent;color:var(--muted);border-radius:9px;min-height:38px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.ghost:hover{color:var(--text);background:#ffffff0c}.ghost svg{width:16px;height:16px}.side-bottom .ghost{width:100%;justify-content:flex-start}.main{min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 clamp(24px,4vw,58px)}.top-title{color:#8c9ea5;font-size:12px;display:flex;align-items:center;gap:9px}.top-title strong{color:#d6e3df;font-weight:600}.top-actions{display:flex;align-items:center;gap:8px}.status-pill{border:1px solid #294d41;background:#153025;color:var(--accent);display:flex;align-items:center;gap:7px;border-radius:99px;padding:6px 10px;font-size:11px;font-weight:600}.status-dot{height:6px;width:6px;border-radius:50%;background:#9ce5c4;box-shadow:0 0 8px #9ce5c4}.mobile-brand,.mobile-logout{display:none}.content{padding:45px clamp(24px,4vw,58px) 80px;max-width:1540px;margin:auto}.page-kicker{font-size:11px;color:var(--accent);font-weight:700;letter-spacing:.18em}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:12px 0 31px}.page-heading h1{font-size:clamp(29px,3.1vw,43px);letter-spacing:-.055em;line-height:1.2;margin:0;overflow-wrap:anywhere}.page-heading p{color:var(--muted);font-size:13px;line-height:1.7;margin:10px 0 0}.heading-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.outline{border:1px solid #394850;color:#d2deda;background:#151e26;border-radius:10px;min-height:42px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:12px}.outline:hover{background:#213039;border-color:#5b7375}.outline svg,.primary svg{width:16px;height:16px}.stats{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;border:1px solid var(--line);border-radius:14px;background:linear-gradient(115deg,#152029,#111922);padding:23px 28px;margin-bottom:36px}.stat{padding-right:25px}.stat+.stat{border-left:1px solid #33434a;padding-left:27px}.stat b{display:block;font-size:26px;letter-spacing:-.04em}.stat span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.stats-mark{color:#4d786c}.stats-mark svg{width:31px;height:31px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 16px}.section-head h2{font-size:15px;margin:0;letter-spacing:-.01em}.section-head small{font-size:11px;color:#70838a}.search{height:38px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#81949b;background:#101820;width:min(260px,100%)}.search svg{width:15px;height:15px}.search input{min-width:0;background:none;border:0;outline:0;color:var(--text);width:100%;font-size:12px}.search input::placeholder{color:#65777e}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.collection{background:#131d25;border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:transform .2s,border .2s,box-shadow .2s}.collection:hover{transform:translateY(-3px);border-color:#548674;box-shadow:0 18px 34px #0003}.collection-cover{height:145px;background:linear-gradient(135deg,#213c38,#17252e);position:relative;overflow:hidden;display:grid;place-items:center}.collection-cover img{width:100%;height:100%;object-fit:cover;display:block;opacity:.82;transition:transform .35s}.collection:hover img{transform:scale(1.05)}.collection-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#111c24aa)}.collection-cover .folder-glyph{width:45px;height:45px;color:#75b89f;opacity:.7}.collection-body{padding:17px 18px 19px}.collection-body strong{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-body p{display:flex;align-items:center;justify-content:space-between;color:#84979e;font-size:11px;margin:11px 0 0}.collection-body p span:last-child{color:#73a991}.empty{border:1px dashed #3a5154;border-radius:16px;background:radial-gradient(circle at 50% 0,#1b3430,transparent 50%),#111b22;text-align:center;padding:62px 24px;margin-top:5px}.empty-icon{height:54px;width:54px;display:grid;place-items:center;border:1px solid #385c53;border-radius:15px;background:#1c3731;color:var(--accent);margin:0 auto 20px}.empty-icon svg{width:26px;height:26px}.empty h2{font-size:19px;margin:0 0 8px}.empty p{color:var(--muted);font-size:12px;line-height:1.7;margin:0 auto 22px;max-width:410px}.path-link{display:flex;align-items:center;gap:9px;color:#9aaeb4;font-size:12px;min-width:0}.path-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.path-link svg{width:14px;height:14px;color:#80bda6}.path-info{display:flex;align-items:center;gap:9px;color:#8da1a7;font-size:12px;margin:-15px 0 28px}.path-info .sep{color:#41515a}.dropzone{border:1px dashed #4d706b;border-radius:14px;background:#12221f;min-height:132px;display:flex;align-items:center;justify-content:center;gap:17px;padding:24px;transition:background .2s,border .2s}.dropzone.dragging{background:#1f4034;border-color:var(--accent)}.dropzone .drop-icon{color:var(--accent);height:44px;width:44px;border:1px solid #426a5d;border-radius:12px;display:grid;place-items:center;background:#203b32}.dropzone .drop-icon svg{width:23px;height:23px}.dropzone strong{display:block;font-size:13px}.dropzone p{font-size:11px;color:#849f98;margin:5px 0 0}.dropzone .outline{margin-left:auto;flex:none}.upload-input{display:none}.upload-progress{font-size:12px;color:var(--accent);margin:12px 0 0}.file-toolbar{display:flex;align-items:center;justify-content:space-between;margin:36px 0 16px}.file-toolbar h2{font-size:15px;margin:0}.file-toolbar p{font-size:11px;color:#748990;margin:0}.file-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.file-card{background:#131d25;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0;transition:border .2s,transform .2s}.file-card:hover{border-color:#547c70}.file-card.dragging-card{opacity:.45}.file-preview{aspect-ratio:1.2;display:grid;place-items:center;background:#0e171d;overflow:hidden;position:relative}.file-preview img{width:100%;height:100%;object-fit:contain;display:block}.file-preview button{border:0;background:none;padding:0;width:100%;height:100%;cursor:zoom-in}.file-preview.generic{background:radial-gradient(circle at 50% 45%,#243d3b,#14222b 70%)}.file-preview.generic svg{width:43px;height:43px;color:#8bcbb4}.file-meta{padding:12px 13px}.file-name{display:block;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-sub{display:flex;justify-content:space-between;align-items:center;color:#7d9198;font-size:10px;margin:7px 0 10px}.file-actions{border-top:1px solid var(--line);padding-top:8px;display:flex;align-items:center;gap:3px}.icon-btn{width:29px;height:29px;border:0;border-radius:7px;background:none;color:#9caeb2;display:grid;place-items:center;padding:0}.icon-btn:hover{background:#263941;color:var(--accent)}.icon-btn.danger:hover{background:#442728;color:var(--danger)}.icon-btn svg{width:15px;height:15px}.file-actions .spacer{flex:1}.mobile-order-note{display:none}
.modal-backdrop,.lightbox{position:fixed;inset:0;background:#03080cbd;z-index:20;display:grid;place-items:center;padding:18px;backdrop-filter:blur(7px)}.modal{background:#17222b;border:1px solid #3a5054;border-radius:16px;padding:25px;width:min(100%,430px);box-shadow:var(--shadow)}.modal h2{font-size:20px;margin:0 0 8px;letter-spacing:-.03em}.modal p{color:var(--muted);font-size:12px;line-height:1.7;margin:0 0 22px}.modal .field-label{margin-top:17px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:23px}.modal-error{color:var(--danger);font-size:12px;min-height:16px;margin-top:8px}.lightbox{z-index:30;background:#050a0de8;grid-template-rows:auto minmax(0,1fr) auto;gap:16px}.lightbox-top{width:100%;max-width:1250px;display:flex;align-items:center;gap:15px;justify-content:space-between;color:#e3eeeb}.lightbox-top strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox-top span{font-size:11px;color:#82989a}.lightbox-stage{min-width:0;min-height:0;width:min(100%,1250px);display:flex;align-items:center;justify-content:center;gap:12px}.lightbox-stage img{min-width:0;min-height:0;max-width:calc(100% - 96px);max-height:100%;object-fit:contain}.lightbox-stage .icon-btn{background:#ffffff14;width:38px;height:38px;flex:none}.lightbox-stage .icon-btn svg{width:20px;height:20px}.lightbox-footer{font-size:11px;color:#86999f}.lightbox .close{color:#e4f0ed}.toast-message{position:fixed;z-index:50;bottom:24px;right:24px;background:#243930;border:1px solid #609482;color:#d9f4e5;padding:12px 17px;border-radius:10px;box-shadow:var(--shadow);font-size:12px;max-width:min(350px,calc(100vw - 32px))}.toast-message.error{background:#392629;border-color:#805355;color:#ffd4d1}
@media(max-width:1200px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.file-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.login{display:block}.login-art{min-height:37vh;padding:28px 24px 20px}.login-art h1{font-size:46px;margin-top:40px}.login-art p{font-size:13px}.login-art .fine{display:none}.login-side{border-left:0;border-top:1px solid #ffffff12;padding:34px 24px 60px;display:block}.login-card{max-width:460px;margin:auto}.lock-mark{display:none}.shell{display:block}.sidebar{display:none}.topbar{height:66px;padding:0 20px}.top-title{display:none}.mobile-brand{display:flex;font-size:16px}.mobile-brand .brand-icon{width:30px;height:30px}.mobile-brand .brand-icon svg{width:18px;height:18px}.mobile-logout{display:inline-flex}.content{padding:31px 20px 65px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:24px}.heading-actions{justify-content:flex-start}.stats{margin-bottom:28px}.file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-order-note{display:block}}@media(max-width:540px){.collection-grid{grid-template-columns:1fr}.collection-cover{height:133px}.page-heading h1{font-size:30px}.stats{padding:18px;grid-template-columns:1fr 1fr}.stats-mark{display:none}.stat b{font-size:23px}.stat+.stat{padding-left:16px}.dropzone{flex-direction:column;text-align:center;gap:10px}.dropzone .outline{margin:8px 0 0}.dropzone .drop-icon{margin:auto}.file-grid{gap:9px}.file-card{border-radius:10px}.file-preview{aspect-ratio:1}.file-meta{padding:9px}.file-actions{gap:0}.icon-btn{width:26px}.file-actions .icon-btn svg{width:14px}.path-info{flex-wrap:wrap}.section-head{align-items:flex-start;flex-direction:column}.search{width:100%}.lightbox-stage{gap:4px}.lightbox-stage img{max-width:calc(100% - 68px)}.lightbox-stage .icon-btn{width:30px;height:30px}.toast-message{right:16px;bottom:16px}}