*{box-sizing:border-box}body{margin:0;font-family:Inter,Microsoft YaHei,system-ui,sans-serif;background:#f4f7fb;color:#152033}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-page{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:56px;padding:56px 8vw;background:linear-gradient(135deg,#eff6ff,#fff 45%,#dbeafe)}.brand-icon,.logo svg{color:#fff;background:#2563eb}.brand-icon{width:96px;height:96px;display:grid;place-items:center;border-radius:24px;box-shadow:0 18px 36px #bfdbfe}.login-hero h1{margin:24px 0 10px;font-size:48px;line-height:1.05}.login-hero p{color:#53657d;font-size:20px}.feature-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.feature-row span{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border:1px solid #bfdbfe;border-radius:10px;color:#1d4ed8;background:#fffc;font-weight:700}.login-card,.panel,.kpi-card,.client-card,.task-card{background:#fffffff2;border:1px solid #dbe4f0;border-radius:8px;box-shadow:0 14px 34px #2563eb0f}.login-card{padding:32px}.login-card form,.stack{display:grid;gap:16px}label{display:grid;gap:8px;font-weight:700;color:#334155}input,select,textarea{width:100%;border:1px solid #d6deea;border-radius:8px;padding:11px 12px;background:#fff;color:#172033;outline:none}textarea{min-height:88px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #dbeafe}.primary,.secondary,.danger,.warning,.ghost,.link{border:0;border-radius:8px;min-height:38px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800}.primary{background:#2563eb;color:#fff}.secondary{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.danger{background:#ef4444;color:#fff}.warning{background:#f97316;color:#fff}.ghost{background:#f8fafc;color:#334155;border:1px solid #e2e8f0}.link{color:#2563eb;background:transparent;padding:0;min-height:auto}.icon-btn{min-width:34px;width:34px;min-height:34px;padding:0;margin-left:8px}.hint,.muted,small{color:#64748b}.error{background:#fff1f2;color:#be123c;padding:10px 12px;border-radius:8px}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:20;background:#172033;color:#fff;border-radius:8px;padding:10px 16px;box-shadow:0 14px 34px #0f172a2e;font-weight:800}.empty{min-height:180px;display:grid;place-items:center;align-content:center;gap:12px;color:#64748b;text-align:center}.desktop-app{min-height:100vh;display:grid;grid-template-columns:236px 1fr}.sidebar{background:#08223d;color:#dbeafe;display:flex;flex-direction:column;padding:18px;gap:16px}.logo{display:flex;align-items:center;gap:10px;font-weight:900;color:#fff;margin-bottom:12px}.logo svg{border-radius:9px;padding:5px;width:34px;height:34px}.sidebar nav{display:grid;gap:6px}.sidebar button{display:flex;align-items:center;gap:12px;border:0;border-radius:8px;background:transparent;color:#c8d8ee;padding:12px 14px;text-align:left;font-weight:700}.sidebar button.active,.sidebar button:hover{background:#2563eb;color:#fff}.user-mini{margin-top:auto;display:flex;gap:10px;align-items:center;border-top:1px solid rgba(255,255,255,.14);padding-top:16px}.user-mini span{display:block;color:#93a9c5;font-size:12px;margin-top:4px}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:999px;color:#fff;background:linear-gradient(135deg,#0f766e,#2563eb);font-weight:900;flex:0 0 auto}.avatar.large{width:64px;height:64px;font-size:24px}.main{min-width:0;padding:18px}.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.topbar>div{display:flex;align-items:center;gap:10px}.step{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:#2563eb;color:#fff;font-weight:900}.top-actions{display:flex;gap:10px}.kpi-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.kpi-card{min-height:112px;padding:20px;display:flex;align-items:center;justify-content:space-between}.kpi-card span{color:#475569;font-size:14px}.kpi-card b{display:block;font-size:28px;margin:8px 0}.kpi-card small{color:#16a34a}.kpi-icon{width:58px;height:58px;border-radius:50%;background:#eff6ff;color:#2563eb;display:grid;place-items:center}.kpi-icon svg{width:28px;height:28px}.dashboard-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:16px}.panel{padding:16px;overflow:hidden}.panel h3{margin:0 0 14px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-head span{color:#2563eb;font-size:13px;font-weight:800}.filters{display:flex;gap:12px;align-items:center}.search-box{flex:1;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d6deea;border-radius:8px;padding:0 10px}.search-box input{border:0;box-shadow:none}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.form-grid.single{grid-template-columns:1fr}.inline-form{display:grid;grid-template-columns:minmax(88px,1fr) minmax(112px,1fr) minmax(88px,1fr) minmax(76px,1fr) minmax(86px,1fr) auto;gap:8px;align-items:center;min-width:640px}.inline-form input{padding:8px 9px}summary{display:flex;align-items:center;gap:8px;font-weight:900;color:#1d4ed8}table{width:100%;border-collapse:collapse;font-size:14px}th,td{border-bottom:1px solid #e6edf5;padding:12px;text-align:left;vertical-align:middle}th{color:#475569;background:#f8fafc;font-size:13px}.chip{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;border:1px solid transparent}.chip.green{background:#ecfdf5;color:#047857;border-color:#bbf7d0}.chip.red{background:#fff1f2;color:#be123c;border-color:#fecdd3}.chip.amber{background:#fffbeb;color:#b45309;border-color:#fde68a}.chip.blue{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.progress{display:flex;align-items:center;gap:8px;min-width:120px}.progress:before{content:"";display:block;height:7px;flex:1;border-radius:999px;background:#e2e8f0}.progress i{position:absolute;height:7px;max-width:82px;border-radius:999px}.progress i.green{background:#22c55e}.progress i.blue{background:#2563eb}.progress i.amber{background:#f59e0b}.progress i.red{background:#ef4444}.progress span{width:36px;color:#475569;font-size:12px;font-weight:900}.review-layout{display:grid;grid-template-columns:360px 1fr;gap:16px}.detail-top{display:flex;gap:14px;align-items:center;margin-bottom:14px}.detail-top h2{margin:0}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;color:#475569;margin:14px 0}.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.doc-card{border:1px solid #dbe4f0;border-radius:8px;padding:12px;display:grid;gap:8px;background:#fff}.doc-preview{height:72px;border-radius:6px;display:grid;place-items:center;background:#eef4ff;color:#2563eb}.upload-btn{min-height:34px;display:grid;place-items:center;border:1px solid #bfdbfe;border-radius:8px;color:#1d4ed8;background:#eff6ff;font-weight:900;cursor:pointer}.upload-btn input{display:none}.timeline{padding-left:18px;color:#475569}.timeline li{margin-bottom:8px}.timeline b{color:#172033;margin-right:8px}.action-row,.tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.tabs button{border:1px solid #dbe4f0;border-radius:8px;background:#fff;color:#475569;padding:10px 14px;font-weight:800}.tabs button.active{background:#2563eb;color:#fff}.task-grid,.client-cards{display:grid;gap:12px}.task-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.task-card{padding:16px;display:grid;gap:10px}.task-card h3,.task-card p{margin:0}.narrow{max-width:720px}.mobile-shell{display:none}@media(max-width:767px){.desktop-app{display:none}.mobile-shell{display:block;min-height:100vh;padding:72px 14px 88px}.mobile-header{position:fixed;top:0;left:0;right:0;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#ffffffeb;border-bottom:1px solid #e2e8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5}.mobile-kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kpi-card{min-height:104px;padding:14px}.kpi-card b{font-size:24px}.kpi-icon{width:42px;height:42px}.panel{margin-top:12px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-grid button{min-height:76px;border:1px solid #dbe4f0;border-radius:8px;background:#fff;color:#172033;display:grid;place-items:center;font-weight:800}.quick-grid svg{color:#2563eb}.client-card{width:100%;border:0;text-align:left;padding:12px;display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;margin-top:10px}.filters{margin-top:8px}.filters select{max-width:116px}.form-grid{grid-template-columns:1fr}.doc-grid{grid-template-columns:1fr 1fr}.task-grid{grid-template-columns:1fr}.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:68px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #dbe4f0;z-index:5}.bottom-nav button{border:0;background:transparent;color:#64748b;display:grid;place-items:center;align-content:center;gap:4px;font-size:12px;font-weight:800}.bottom-nav button.active{color:#2563eb}.profile{text-align:center}.profile .avatar{margin:0 auto 10px}.login-page{grid-template-columns:1fr;padding:32px 18px;gap:24px}.login-hero h1{font-size:38px}}@media(min-width:768px){.client-cards{display:none}}