:root{--emerald-950:#033321;--emerald-900:#064a31;--emerald-800:#075b3a;--emerald-700:#087148;--emerald-100:#dff3e9;--emerald-50:#eff9f4;--gold:#d7b35b;--gold-2:#f3df9b;--ink:#15211b;--muted:#6c786f;--line:#e5ece7;--bg:#f4f8f5;--white:#fff;--danger:#b42318;--shadow:0 12px 34px rgba(15,50,34,.07);--shadow-lg:0 24px 70px rgba(7,59,39,.18)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 15% 15%,rgba(215,179,91,.18),transparent 30%),linear-gradient(135deg,var(--emerald-950),var(--emerald-700))}
.login-wrap{width:min(1040px,100%);display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}.login-brand{color:#fff;padding:28px}.login-brand h1{font-size:54px;line-height:1;margin:22px 0 16px}.login-brand p{max-width:560px;color:rgba(255,255,255,.74);font-size:17px;line-height:1.65}
.login-card{background:#fff;border-radius:28px;padding:38px;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.4)}.login-card h2{font-size:28px;margin:8px 0 6px}.sub{color:var(--muted);margin:0 0 24px}.login-card label{display:block;font-weight:750;font-size:13px;margin:15px 0}.login-card input{width:100%;margin-top:7px;padding:14px;border:1px solid var(--line);border-radius:13px;outline:none;background:#fbfdfc}.login-card input:focus{border-color:var(--emerald-700);box-shadow:0 0 0 4px rgba(8,113,72,.1)}
.brand-mark{display:grid;place-items:center;background:linear-gradient(145deg,var(--emerald-800),#0a8556);color:#fff;font-weight:900;box-shadow:0 10px 25px rgba(6,74,49,.26)}.brand-mark.xl{width:84px;height:84px;border-radius:26px;font-size:42px;border:1px solid rgba(255,255,255,.22)}.brand-mark.small{width:44px;height:44px;border-radius:14px;font-size:22px}.eyebrow{font-size:10px;font-weight:850;letter-spacing:.14em;color:var(--emerald-700)}.eyebrow.light{color:var(--gold-2)}
.app{min-height:100vh;display:grid;grid-template-columns:262px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#06482f 0%,#043623 100%);color:#fff;padding:22px 16px;display:flex;flex-direction:column;z-index:30;border-right:1px solid rgba(255,255,255,.05)}.side-brand{display:flex;gap:12px;align-items:center;padding:0 8px 26px}.side-brand strong,.side-brand span{display:block}.side-brand strong{font-size:16px}.side-brand span{opacity:.66;font-size:11px;margin-top:3px}.side-section-label{font-size:9px;letter-spacing:.16em;font-weight:800;color:rgba(255,255,255,.38);padding:8px 12px}.quick-label{margin-top:22px}.sidebar nav{display:grid;gap:6px}.nav-item{border:0;background:transparent;color:rgba(255,255,255,.72);text-align:left;padding:11px 12px;border-radius:12px;display:flex;align-items:center;gap:10px;font-weight:650}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.10);color:#fff}.nav-item.active{box-shadow:inset 3px 0 0 var(--gold)}.nav-ico{width:20px;text-align:center}.quick-side{display:grid;gap:4px}.quick-side-item{border:0;background:transparent;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 12px;color:rgba(255,255,255,.64);font-size:12px;border-radius:10px;text-align:left}.quick-side-item:hover{background:rgba(255,255,255,.06);color:#fff}.quick-side-item b{color:var(--gold);font-size:10px}.quick-side-item.content-quick{background:rgba(215,179,91,.10);color:#fff;border:1px solid rgba(215,179,91,.13)}.side-footer{margin-top:auto}.drive-status-card{display:flex;align-items:center;gap:10px;padding:12px;margin-bottom:6px;background:rgba(255,255,255,.06);border-radius:14px}.drive-status-card strong,.drive-status-card small{display:block}.drive-status-card strong{font-size:12px}.drive-status-card small{font-size:10px;color:rgba(255,255,255,.55);margin-top:2px}.status-dot{width:9px;height:9px;border-radius:99px;background:#4ade80;box-shadow:0 0 0 4px rgba(74,222,128,.11)}.nav-item.danger{color:#ffb8b1}
main{min-width:0;padding:0 30px 44px;max-width:1700px;width:100%;margin:0 auto}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;gap:18px}.topbar-left{display:flex;align-items:center;gap:12px}.topbar h1{font-size:24px;margin:3px 0 4px;letter-spacing:-.02em}.breadcrumb{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65vw}.breadcrumb button{border:0;background:none;color:var(--emerald-700);padding:0;font-weight:650}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);box-shadow:0 3px 10px rgba(0,0,0,.025)}.profile-pill{display:flex;align-items:center;gap:10px;padding:5px 10px 5px 5px;border:1px solid var(--line);background:#fff;border-radius:14px}.avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--emerald-100);color:var(--emerald-800);font-weight:900}.profile-text strong,.profile-text span{display:block}.profile-text strong{font-size:12px}.profile-text span{font-size:10px;color:var(--muted)}.mobile-only{display:none}
.banner{display:flex;align-items:center;gap:14px;background:#fff8e5;border:1px solid #efd99d;padding:15px 17px;border-radius:16px;margin-bottom:18px}.banner-icon{width:40px;height:40px;border-radius:12px;background:#fff;display:grid;place-items:center;font-weight:900;color:#4285f4}.banner-copy{flex:1}.banner-copy strong,.banner-copy span{display:block}.banner-copy span{font-size:12px;color:#6f6548;margin-top:3px}
.hero-card{background:radial-gradient(circle at 90% 10%,rgba(215,179,91,.22),transparent 25%),linear-gradient(135deg,var(--emerald-900),var(--emerald-700));color:#fff;border-radius:22px;padding:27px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 16px 38px rgba(7,91,58,.16);margin-bottom:18px}.hero-card h2{font-size:24px;margin:6px 0 8px;letter-spacing:-.02em}.hero-card p{margin:0;max-width:760px;color:rgba(255,255,255,.72);font-size:13px;line-height:1.55}.hero-actions{display:flex;gap:9px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 14px;font-weight:750;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.15s}.btn:hover{transform:translateY(-1px);border-color:#c9d8cf}.btn.primary{background:var(--emerald-800);border-color:var(--emerald-800);color:#fff}.btn.hero-btn{background:#fff;border-color:#fff;color:var(--emerald-900);box-shadow:0 6px 16px rgba(0,0,0,.08)}.btn.hero-btn.ghost{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.24);color:#fff}.btn.soft{background:var(--emerald-50);border-color:#d8eee2;color:var(--emerald-800)}.btn.danger{background:#fff1f0;border-color:#ffd0cc;color:var(--danger)}.btn.wide{width:100%;margin-top:8px}
.quick-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.quick-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px 15px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;text-align:left;box-shadow:0 8px 22px rgba(15,50,34,.035)}.quick-card:hover{border-color:#cfe1d6;box-shadow:var(--shadow);transform:translateY(-1px)}.quick-card strong,.quick-card small{display:block}.quick-card strong{font-size:13px}.quick-card small{font-size:10px;color:var(--muted);margin-top:3px}.quick-card b{color:var(--emerald-700)}.quick-card.content-card{border-color:#ead79c;background:linear-gradient(180deg,#fffdf5,#fff)}.quick-card.content-card strong{color:#6d5518}.qicon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center}.q1{background:#eaf2ff}.q2{background:#edf8f2}.q3{background:#fff8dd}.q4{background:#f8edff}.q5{background:#fff3cc}
.workspace-head{display:flex;justify-content:space-between;gap:14px;margin-bottom:14px}.searchbox{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 14px;display:flex;align-items:center;gap:8px;min-width:280px;max-width:620px;flex:1;box-shadow:0 6px 18px rgba(15,50,34,.025)}.searchbox input{width:100%;border:0;outline:0;padding:13px 0;background:transparent}.toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:0 7px 22px rgba(15,50,34,.035)}.stat-top{display:flex;align-items:center;justify-content:space-between}.stat-top span:first-child{font-size:11px;color:var(--muted);font-weight:700}.stat-icon{font-size:16px}.stat strong{font-size:23px;color:var(--emerald-800);display:block;margin:8px 0 2px;letter-spacing:-.02em}.stat small{font-size:10px;color:var(--muted)}
.panel{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.panel-head{padding:20px 20px 16px;display:flex;align-items:center;justify-content:space-between}.panel-head h2{margin:4px 0 4px;font-size:17px}.panel-head p{margin:0;color:var(--muted);font-size:11px}.panel-badge{background:var(--emerald-50);border:1px solid #d7ecdf;color:var(--emerald-800);font-size:10px;font-weight:800;padding:7px 9px;border-radius:999px}.table-head{display:grid;grid-template-columns:minmax(260px,2fr) 140px 160px 120px;gap:12px;padding:10px 18px;background:#f8fbf9;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:9px;font-weight:850;letter-spacing:.08em;color:#7a867e;text-transform:uppercase}.file-list{display:grid}.file-row{display:grid;grid-template-columns:minmax(260px,2fr) 140px 160px 120px;gap:12px;align-items:center;padding:13px 18px;border-bottom:1px solid var(--line);transition:.12s}.file-row:last-child{border-bottom:0}.file-row:hover{background:#fbfdfc}.file-main{display:flex;gap:12px;align-items:center;min-width:0;cursor:pointer}.file-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--emerald-50);font-size:21px;flex:0 0 auto;border:1px solid #e2f0e8}.file-name{min-width:0}.file-name strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.file-name span{font-size:10px;color:var(--muted);margin-top:4px;display:block}.muted{font-size:11px;color:var(--muted)}.actions{display:flex;justify-content:flex-end;gap:5px}.mini{border:1px solid var(--line);background:#fff;border-radius:9px;padding:6px 8px;font-size:11px}.mini:hover{border-color:#c9d9cf;background:#f9fcfa}.mini.more{font-weight:900}.loading,.empty{padding:54px;text-align:center;color:var(--muted)}.empty{display:grid;justify-items:center;gap:6px}.empty-icon{font-size:36px}.empty strong{color:var(--ink)}.empty span{font-size:11px}
#toast{position:fixed;right:22px;bottom:22px;z-index:99;display:grid;gap:8px}.toast-item{background:#17211c;color:#fff;padding:12px 15px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.18);max-width:360px;font-size:12px}.toast-item.error{background:#8d221c}
.modal{position:fixed;inset:0;background:rgba(3,22,14,.52);display:grid;place-items:center;padding:20px;z-index:80;backdrop-filter:blur(4px)}.modal-card{width:min(620px,100%);max-height:88vh;background:#fff;border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.25);display:flex;flex-direction:column;overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0;font-size:17px}.modal-body{padding:18px;overflow:auto}.modal-foot{padding:14px 18px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.modal-body label{display:block;font-size:12px;font-weight:700}.modal-body input{width:100%;margin-top:7px;padding:12px;border:1px solid var(--line);border-radius:10px}.picker-row{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px;margin-bottom:7px}.preview-card{width:min(1080px,96vw);height:min(820px,92vh)}.preview-body{flex:1;background:#202321;display:grid;place-items:center;overflow:auto}.preview-body iframe,.preview-body img,.preview-body video{max-width:100%;max-height:100%;width:100%;height:100%;border:0;object-fit:contain;background:#fff}.error-text{color:var(--danger);font-size:12px;margin-top:12px}.upload-progress{height:7px;background:#e9efeb;border-radius:99px;overflow:hidden;margin:6px 0 12px}.upload-progress span{display:block;height:100%;background:var(--emerald-700);width:0}
@media(max-width:1300px){.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.quick-grid{grid-template-columns:1fr 1fr}}
@media(max-width:920px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:-280px;width:262px;transition:.2s;box-shadow:18px 0 50px rgba(0,0,0,.18)}.sidebar.open{left:0}.mobile-only{display:block}main{padding:0 16px 28px}.hero-card{align-items:flex-start;flex-direction:column}.file-row,.table-head{grid-template-columns:minmax(0,1fr) 95px}.file-row>.hide-mobile,.table-head span:nth-child(2),.table-head span:nth-child(3){display:none}.toolbar-actions{display:flex}.workspace-head{flex-direction:column}.searchbox{max-width:none;min-width:0}.stats{grid-template-columns:1fr 1fr}.stat:last-child{grid-column:1/-1}.breadcrumb{max-width:70vw}}
@media(max-width:640px){.login-wrap{grid-template-columns:1fr}.login-brand{display:none}.login-card{padding:26px;border-radius:22px}.topbar{height:80px}.topbar h1{font-size:19px}.profile-text{display:none}.quick-grid{grid-template-columns:1fr}.hero-card{padding:22px}.hero-card h2{font-size:19px;word-break:break-word}.hero-actions{width:100%}.hero-actions .btn{flex:1}.stats{grid-template-columns:1fr 1fr}.stat:last-child{grid-column:1/-1}.table-head{display:none}.file-row{grid-template-columns:minmax(0,1fr) 90px;padding:12px}.file-icon{width:38px;height:38px}.actions{gap:3px}.mini{padding:5px 6px}.modal{padding:8px}}