:root{font-family:Inter,"Yu Gothic UI",Meiryo,system-ui,sans-serif;color:#243b43;background:#f3f7f6;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-height:100vh}.shell{max-width:1160px;margin:0 auto;padding:28px 24px 48px}.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe9e7}.brand,.top-actions,.toolbar,.panel-heading,.panel-actions{display:flex;align-items:center;gap:12px}.brand{font-size:17px;font-weight:650;letter-spacing:.01em}.brand-mark{width:46px;height:46px;border-radius:15px;background:#218b7b;color:#fff;display:grid;place-items:center;font-size:20px;font-weight:700;box-shadow:0 7px 18px #218b7b2b}.brand-mark.small{width:34px;height:34px;border-radius:11px;font-size:15px}.welcome{padding:34px 2px 23px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.eyebrow{font-size:10px;letter-spacing:.16em;color:#319484;font-weight:700;margin:0 0 7px}.welcome h1,.login-card h1{margin:0;font-size:27px;font-weight:600;letter-spacing:-.03em}.muted{color:#73858a;font-size:13px;margin:8px 0 0}.toolbar{justify-content:flex-end;flex-wrap:wrap}button{font:inherit;font-size:13px;color:#33515a;background:#fff;border:1px solid #d9e4e2;border-radius:9px;padding:9px 13px;cursor:pointer;transition:.15s ease}button:hover{border-color:#8dbeb4;color:#167365;background:#f8fcfb}button:disabled{opacity:.45;cursor:default}.primary{color:#fff;background:#218b7b;border-color:#218b7b}.primary:hover{color:#fff;background:#197969;border-color:#197969}.quiet{background:transparent;border-color:transparent}.full{width:100%;margin-top:7px}.panel{background:#fff;border:1px solid #e2ebe9;border-radius:17px;box-shadow:0 12px 35px #21443e0a}.panel-heading{justify-content:space-between;padding:17px 20px;border-bottom:1px solid #eaf0ef;min-height:64px}#breadcrumbs{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:13px}#breadcrumbs button{padding:5px 8px;border:0;background:transparent;color:#577078}.crumb-sep{color:#b7c6c3}.table-head,.file-row{display:grid;grid-template-columns:minmax(220px,1fr) 120px 180px 126px;align-items:center;gap:14px;padding:0 20px}.table-head{height:39px;color:#96a5a7;text-transform:uppercase;font-size:10px;letter-spacing:.08em;border-bottom:1px solid #eff3f2}.file-row{min-height:58px;border-bottom:1px solid #f0f4f3;font-size:13px}.file-row:last-child{border-bottom:0}.file-name{display:flex;align-items:center;gap:11px;min-width:0}.file-name button{border:0;background:none;padding:5px 0;text-align:left;color:#29444b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-icon{width:31px;height:31px;border-radius:9px;background:#edf7f5;color:#308f81;display:grid;place-items:center;font-size:15px}.file-size,.file-date{color:#809094;font-size:12px}.row-buttons{display:flex;justify-content:flex-end;gap:3px}.row-buttons button{font-size:11px;padding:6px 8px}.empty{padding:54px 16px;text-align:center;color:#839297;font-size:13px}.busy{display:flex;justify-content:center;align-items:center;gap:10px;padding:35px;color:#638078;font-size:13px}.spinner{width:15px;height:15px;border:2px solid #dbe9e6;border-top-color:#218b7b;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 11px;font-size:11px;background:#fff;border:1px solid #e0e9e7;color:#75878b}.badge i{width:7px;height:7px;background:#ed9b5a;border-radius:50%}.badge.online{color:#197565;background:#eff9f6;border-color:#d2eee6}.badge.online i{background:#35b990;box-shadow:0 0 0 3px #35b99024}.footnote{color:#96a5a7;font-size:11px;padding:11px 4px}.login-card{background:#fff;border:1px solid #e1ebe8;border-radius:20px;box-shadow:0 18px 55px #21443e10;max-width:410px;margin:9vh auto 0;padding:32px}.login-card h1{font-size:24px;margin-bottom:7px}.login-card form{display:grid;gap:15px;margin-top:23px}.login-card label{display:grid;gap:7px;color:#496169;font-size:12px}.login-card input{height:42px;border:1px solid #dce6e4;border-radius:8px;padding:0 11px;font:inherit;font-size:14px;outline:none}.login-card input:focus{border-color:#53aa9b;box-shadow:0 0 0 3px #53aa9b20}.message{min-height:17px;color:#bd5b48;font-size:12px;margin:10px 0 0}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#203c42;color:white;border-radius:10px;padding:11px 16px;font-size:13px;box-shadow:0 8px 30px #203c4233;transition:.2s;max-width:min(90vw,600px)}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:#a64d40}.progress{height:3px;background:#e4efed;border-radius:4px;overflow:hidden;margin:0 20px 14px}.progress span{display:block;height:100%;width:0;background:#35b990;transition:width .15s}@media(max-width:760px){.shell{padding:12px 12px 34px}.welcome{align-items:flex-start;flex-direction:column;padding:24px 2px 15px}.toolbar{justify-content:flex-start}.topbar{height:50px}.brand{font-size:15px}.table-head,.file-row{grid-template-columns:minmax(110px,1fr) 72px 95px 80px;gap:7px;padding:0 10px}.panel-heading{padding:12px 10px;align-items:flex-start;flex-direction:column}.file-row{font-size:12px;min-height:57px}.file-date{font-size:10px}.row-buttons button{font-size:10px;padding:5px}.toolbar button{font-size:12px;padding:8px 10px}.welcome h1{font-size:23px}}
.file-panel{position:relative;transition:border-color .15s,box-shadow .15s}.busy{padding:28px 20px}.busy-copy{display:grid;gap:4px}.busy-copy small{font-size:11px;color:#809094}.transfer-progress{padding:0 20px 15px}.progress-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px;color:#6f8586;font-size:11px}.progress-meta span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-meta span:last-child{font-variant-numeric:tabular-nums;color:#197565}.progress{height:6px;border-radius:999px}.progress span{border-radius:inherit}.drop-hint{margin:9px 5px 0;color:#8a9a9b;font-size:11px}.drop-overlay{position:absolute;inset:8px;z-index:5;display:grid;place-items:center;border:2px dashed #45a995;border-radius:13px;background:#f7fcfaed;pointer-events:none}.drop-overlay[hidden]{display:none}.drop-card{display:grid;justify-items:center;gap:9px;color:#28796c;font-size:14px;text-align:center}.drop-card>span:last-child{font-size:12px;color:#778d8b}.drop-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#e2f4ef;color:#278975;font-size:26px}.file-panel.dragging{border-color:#45a995;box-shadow:0 0 0 4px #45a99520}
.usage-card{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid #e2ebe9;border-radius:15px;padding:16px 20px;margin:0 0 16px;box-shadow:0 8px 24px #21443e08}.usage-info{display:grid;gap:4px}.usage-label{font-size:12px;color:#597176}.usage-info strong{font-size:23px;font-weight:600;letter-spacing:-.02em;color:#243b43;font-variant-numeric:tabular-nums}.usage-note,.usage-actions>span{font-size:11px;color:#8a9a9b}.usage-actions{display:flex;align-items:center;gap:14px}.usage-actions>span{max-width:460px;text-align:right}.usage-actions button{white-space:nowrap}@media(max-width:760px){.usage-card{align-items:flex-start;flex-direction:column;padding:15px;gap:12px}.usage-actions{width:100%;justify-content:space-between;gap:8px}.usage-actions>span{text-align:left}}