:root{--ink:#111d2d;--muted:#6f7c8c;--line:#e5e9ec;--blue:#0667e8;--green:#17a873}*{box-sizing:border-box}body{margin:0;background:#f6f8f9;color:var(--ink);font-family:Arial,sans-serif}button,input{font:inherit}.brand{display:flex;direction:ltr;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:.14em}.cloud{font-size:28px;color:var(--blue)}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,44%) 1fr}.login-card{padding:48px clamp(38px,7vw,110px);display:flex;flex-direction:column;justify-content:center;position:relative}.login-card>.brand{position:absolute;top:40px;right:clamp(38px,7vw,110px)}.login-copy small,.content-head small{color:var(--blue);font-weight:800}.login-copy h1{font-size:clamp(42px,4.7vw,68px);line-height:1.04;letter-spacing:-.04em;margin:14px 0 18px}.login-copy p,.content-head p{color:var(--muted);line-height:1.7}.login-form{display:grid;gap:9px;max-width:440px}.login-form label{font-size:13px;font-weight:700}.login-form input,.content-head input{border:1px solid #dce2e6;border-radius:11px;background:white;height:50px;padding:0 15px;outline:none}.login-form input:focus,.content-head input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0667e815}.login-form button,.sidebar>button{border:0;border-radius:11px;background:var(--blue);color:white;height:52px;font-weight:800;margin-top:10px;cursor:pointer}.secure{font-size:12px;color:var(--green);text-align:center;max-width:440px}.login-visual{position:relative;overflow:hidden;background:linear-gradient(155deg,#172c3d,#1c5267 43%,#e88b4c 72%,#261f35);color:white}.sun{position:absolute;width:180px;height:180px;border-radius:50%;background:#ffd18e;right:20%;top:21%;box-shadow:0 0 90px #ffae6c}.horizon{position:absolute;inset:auto -10% 0;height:45%;background:#132d3c;clip-path:polygon(0 35%,25% 13%,46% 30%,65% 0,100% 24%,100% 100%,0 100%)}.visual-caption{position:absolute;right:10%;bottom:65px;display:grid;gap:9px}.visual-caption span{color:#d5dde1}.visual-caption strong{font-size:30px}.alert{padding:12px 15px;border-radius:10px;margin:12px 0;font-size:13px}.alert.error{background:#fff0f0;color:#a92f2f}.alert.success{background:#eaf8f3;color:#157452}.topbar{height:70px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.topbar a{color:var(--muted);text-decoration:none;font-size:13px}.dashboard{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 70px)}.sidebar{background:white;border-left:1px solid var(--line);padding:24px 18px;display:flex;flex-direction:column}.sidebar>button{margin:0 0 22px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:12px;border-radius:9px;color:var(--muted);font-size:14px}.sidebar nav a.active{background:#edf5ff;color:var(--blue);font-weight:800}.drive{margin-top:auto;border-top:1px solid var(--line);padding-top:20px;display:grid;gap:7px}.drive span{color:var(--muted);font-size:12px}.drive small{color:var(--green)}.content{padding:42px clamp(24px,5vw,70px);max-width:1200px;width:100%;margin:auto}.content-head{display:flex;align-items:end;justify-content:space-between;gap:30px}.content-head h1{font-size:34px;margin:7px 0}.content-head p{margin:0}.content-head input{width:min(320px,36vw)}.upload-box{margin:30px 0;border:2px dashed #cbd8e4;background:#fafdff;border-radius:15px;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer}.upload-box.drag{border-color:var(--blue);background:#edf5ff}.upload-box input{position:absolute;opacity:0;pointer-events:none}.upload-box span{color:var(--muted);font-size:12px}.files-head{display:flex;align-items:baseline;gap:12px}.files-head h2{font-size:20px}.files-head span{font-size:12px;color:var(--muted)}.file-list{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.file-row{display:grid;grid-template-columns:46px 1fr auto;gap:14px;align-items:center;padding:14px 16px;border-bottom:1px solid #edf0f2}.file-row:last-child{border:0}.file-icon{width:42px;height:42px;border-radius:10px;background:#eaf2ff;color:var(--blue);display:grid;place-items:center}.file-info{display:grid;gap:5px}.file-info strong{font-size:14px}.file-info span{color:var(--muted);font-size:11px}.file-actions{display:flex;gap:7px}.file-actions a{padding:8px 10px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:#526375;font-size:12px}.empty{padding:45px;text-align:center;color:var(--muted)}[hidden]{display:none!important}@media(max-width:800px){.login-shell{display:block}.login-card{min-height:100vh;padding:36px 24px}.login-card>.brand{right:24px}.login-visual{display:none}.dashboard{display:block}.sidebar{display:none}.content{padding:28px 16px}.content-head{align-items:start;flex-direction:column}.content-head input{width:100%}.file-row{grid-template-columns:42px 1fr}.file-actions{grid-column:2}.topbar{padding:0 16px}}