@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700&display=swap";:root{--page-bg: #f4f7fb;--surface: #ffffff;--surface-soft: #f9fbff;--text: #18253f;--text-muted: #61718c;--line: #dce3ee;--line-strong: #cbd5e3;--brand: #0b57d0;--brand-hover: #0846ac;--brand-soft: #e7f0ff;--danger: #c7392f;--danger-soft: #fdecea;--focus-ring: rgba(11, 87, 208, .2);--shadow-soft: 0 12px 28px rgba(13, 39, 80, .08);--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;font-family:Manrope,Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--text)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-size:14px;line-height:1.45;background:radial-gradient(circle at 10% 0%,#edf3ff,#edf3ff00 40%),radial-gradient(circle at 88% 100%,#eef9f1,#eef9f100 45%),var(--page-bg)}button,input,select{font:inherit;color:inherit}input,select{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 12px;font-size:14px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease}input:focus,select:focus,button:focus-visible{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)}.btn{border:1px solid transparent;border-radius:11px;padding:8px 12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .16s ease;display:inline-flex;align-items:center;justify-content:center;line-height:1}.btn:active{transform:translateY(1px)}.btn.full{width:100%}.btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn.primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}.btn.ghost{background:#fff;border-color:var(--line);color:#1d2c48}.btn.ghost:hover{background:var(--surface-soft);border-color:var(--line-strong)}.btn.danger{background:#fff;border-color:#f1c5c1;color:var(--danger)}.btn.danger:hover{background:var(--danger-soft);border-color:#e4a5a0}.icon-btn{width:34px;min-width:34px;height:34px;padding:0}.error,.status.error{background:#fff4f2;border:1px solid #f2c0bb;color:#8d2d24;border-radius:var(--radius-sm);padding:10px 12px}.status.loading{background:#edf4ff;border:1px solid #c9dcff;color:#124b9a;border-radius:var(--radius-sm);padding:10px 12px}.status.info{background:#f6f9ff;border:1px solid #d7e4fb;color:#2c4d82;border-radius:var(--radius-sm);padding:10px 12px;white-space:pre-line}.status.success{background:#f1faf3;border:1px solid #c6e9cf;color:#27643a;border-radius:var(--radius-sm);padding:10px 12px}.auth-page{min-height:100%;display:grid;place-items:center;padding:24px}.auth-card{width:min(456px,100%);background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-soft);padding:28px;animation:rise-in .35s ease}.auth-card h1{margin:10px 0 4px;font-size:28px;letter-spacing:-.02em}.auth-card p{margin:0 0 20px;color:var(--text-muted);font-size:13px}.auth-form{display:grid;gap:12px}.auth-form label{display:grid;gap:6px;font-size:13px;font-weight:700}.link-btn{border:none;background:transparent;color:var(--brand);font-weight:700;cursor:pointer;padding:0;margin-top:14px}.link-btn.subtle{margin-top:10px;font-size:13px;color:#50617d}.link-btn.subtle:hover{color:#314a73}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#121e363d;display:grid;place-items:center;padding:16px}.modal-card{width:min(540px,100%);max-height:min(86vh,720px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px #0d27502e;padding:14px;display:grid;gap:10px}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h3{margin:0;font-size:18px}.icon-close{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;font-size:20px;line-height:1;color:#4f6486}.icon-close:hover{background:#f7faff}.modal-section{border:1px solid #e7edf8;border-radius:12px;padding:12px;display:grid;gap:10px}.modal-section label{display:grid;gap:6px;font-size:13px;font-weight:600;color:#24395b}.modal-step{font-size:13px;font-weight:700;color:#2d456d}.locale-switch{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:999px;padding:2px}.locale-switch button{border:none;background:transparent;border-radius:999px;color:var(--text-muted);font-size:13px;padding:6px 12px;cursor:pointer}.locale-switch button.active{background:var(--brand-soft);color:#0e489f;font-weight:800}.locale-switch.compact{float:right}.workspace{min-height:100%;display:grid;grid-template-columns:276px minmax(0,1fr)}.left-nav{border-right:1px solid var(--line);background:#fff;padding:20px 14px 18px;display:flex;flex-direction:column;gap:16px}.brand-block{display:flex;align-items:center;gap:12px;padding:0 6px}.brand-block h2{margin:0;font-size:24px;letter-spacing:-.02em}.brand-block p{margin:1px 0 0;font-size:12px;color:var(--text-muted)}.logo-image{width:36px;height:36px;object-fit:contain;border-radius:10px;box-shadow:0 2px 10px #122a541f;flex-shrink:0}.nav-list{display:grid;gap:2px}.nav-list button{width:100%;border:1px solid transparent;border-radius:12px;background:transparent;color:#2b3c58;display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:600;cursor:pointer}.nav-list button:hover{background:#f6f9ff}.nav-list button.active{background:var(--brand-soft);color:#113f88;border-color:#d7e5ff}.nav-icon{font-size:13px;width:16px;text-align:center}.folder-panel{border-top:1px solid #edf1f7;padding-top:14px;min-height:0;display:flex;flex-direction:column}.folder-panel h3{margin:0 0 10px;font-size:14px}.folder-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;overflow:auto}.folder-panel li{display:grid;grid-template-columns:1fr auto;gap:6px}.folder-panel li>button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:8px 10px;display:flex;align-items:center;cursor:pointer}.folder-panel li>button:first-child{gap:8px;min-width:0}.folder-panel li>button:hover{border-color:#c6d3e8;background:#f9fbff}.folder-panel li>button.active{border-color:#aac8f7;background:#edf4ff;color:#103f85}.folder-dot{width:8px;height:8px;border-radius:50%;background:#7ea7e8;flex-shrink:0}.folder-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.folder-count{font-size:11px;color:#7a899f;margin-left:8px}.main-area{min-width:0;padding:16px 20px 20px;display:grid;grid-template-rows:auto 1fr;gap:14px}.app-topbar{display:flex;align-items:center;gap:12px}.topbar-locale{flex-shrink:0}.search-box{flex:1;min-width:220px;display:flex;align-items:center;gap:8px;background:#eef2f7;border:1px solid #e1e7f1;border-radius:16px;padding:8px 12px}.search-box input{border:none;background:transparent;border-radius:0;padding:0;box-shadow:none;min-width:0}.search-box input:focus{box-shadow:none}.search-icon{color:#72839b;font-size:15px}.topbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;position:relative}.account-trigger{max-width:260px;border-radius:999px;padding:8px 12px;gap:8px}.account-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-caret{font-size:12px;color:#607293;transition:transform .15s ease}.account-caret.open{transform:rotate(180deg)}.account-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:20;min-width:190px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 12px 24px #0d27501f;padding:6px}.menu-item{width:100%;border:none;border-radius:8px;background:transparent;text-align:left;padding:8px 10px;font-size:13px;color:#223756;cursor:pointer}.menu-item:hover{background:#f4f8ff}.menu-item.danger{color:#b43a30}.menu-item.danger:hover{background:#fff2f1}.content-surface{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft);padding:18px;min-height:0;display:grid;grid-template-rows:auto auto auto 1fr;gap:14px;animation:rise-in .35s ease}.content-surface.settings-surface{display:block}.settings-page{display:grid;gap:14px}.settings-head{margin-bottom:4px}.settings-card{max-width:560px;border:1px solid #e1e8f4;border-radius:14px;background:#fff;padding:14px;display:grid;gap:10px}.settings-card h3{margin:0;font-size:17px;color:#203556}.settings-card label{display:grid;gap:6px;font-size:13px;font-weight:600;color:#2a3d5c}.content-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.content-head h1{margin:0;font-size:24px;letter-spacing:-.03em}.content-head p{margin:4px 0 0;color:var(--text-muted);font-size:14px}.meta-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.meta-chips span{border:1px solid #d9e2ef;background:#f7faff;border-radius:999px;font-size:12px;padding:6px 11px;color:#3b4f72;font-weight:700}.toolbar{display:flex;align-items:center;justify-content:flex-end;gap:10px}.toolbar select{width:auto;min-width:150px}.table-wrap{border:1px solid var(--line);border-radius:14px;overflow:auto;background:#fff}.file-table{width:100%;min-width:760px;border-collapse:collapse}.file-table th,.file-table td{border-bottom:1px solid #e6edf7;text-align:left;padding:12px;vertical-align:middle}.file-table th{position:sticky;top:0;z-index:1;font-size:12px;font-weight:600;color:#4f6280;background:#fbfdff}.file-table tbody tr:hover{background:#f9fbff}.file-title{font-size:13px;font-weight:600;color:#1a2a45;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-name{margin-top:3px;color:var(--text-muted);font-size:11px;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions .btn{min-width:72px}.empty-state{padding:46px 24px;text-align:center}.empty-state h3{margin:0;font-size:18px}.empty-state p{margin:8px 0 0;color:var(--text-muted)}@media (max-width: 1220px){.workspace{grid-template-columns:244px minmax(0,1fr)}.brand-block h2{font-size:22px}.content-head h1{font-size:21px}}@media (max-width: 1024px){.workspace{grid-template-columns:1fr}.left-nav{border-right:none;border-bottom:1px solid var(--line);padding:14px;gap:12px}.folder-panel ul{max-height:180px}.main-area,.content-surface{padding:14px}.app-topbar{flex-wrap:wrap}.topbar-actions{width:100%;justify-content:flex-start}.account-trigger{max-width:100%}.content-head{flex-direction:column}}@media (max-width: 720px){.auth-card{padding:22px;border-radius:18px}.auth-card h1{font-size:28px}.main-area{padding:10px;gap:10px}.search-box{width:100%;min-width:0}.topbar-actions{flex-wrap:wrap;gap:6px}.topbar-locale{width:100%;justify-content:center}.account-trigger{width:100%;max-width:none}.topbar-actions .btn{flex:1}.toolbar{justify-content:stretch;flex-wrap:wrap}.toolbar select,.toolbar .btn{width:100%}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}