:root{--bg: #f4f6f9;--card: #ffffff;--border: #e3e8ef;--text: #1c2430;--muted: #6b7688;--accent: #2563eb;--accent-soft: #eaf1ff}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.wrap{max-width:1200px;margin:0 auto;padding:20px 16px 60px}header.top{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}header.top h1{font-size:20px;margin:0;letter-spacing:-.01em}header.top .sub{color:var(--muted);font-size:13px}header.top .logout{margin-left:auto;padding:6px 12px;border:1px solid var(--border);border-radius:8px;background:var(--card);cursor:pointer;color:var(--muted);font-size:13px}header.top .logout:hover{color:var(--text)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.kpi{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.kpi .v{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}.kpi .l{color:var(--muted);font-size:12px;margin-top:2px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.filters input,.filters select{padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--card);font-size:13px;color:var(--text)}.filters input.search{flex:1 1 260px;min-width:200px}.tablewrap{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap}th{color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.03em;position:sticky;top:0;background:var(--card)}tbody tr{cursor:pointer}tbody tr:hover{background:var(--accent-soft)}td.title{white-space:normal;max-width:320px}td.num{text-align:right;font-variant-numeric:tabular-nums}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.badge.active{background:#e6f7ee;color:#0a7a44}.badge.dealed{background:#eaf1ff;color:#1d4ed8}.badge.cancelled{background:#fdeaea;color:#b42318}.badge.unknown,.badge.not_dealed{background:#eef1f5;color:#6b7688}.flag{font-size:11px;color:#b45309;margin-left:6px}.pager{display:flex;align-items:center;gap:12px;margin-top:14px;justify-content:flex-end;color:var(--muted);font-size:13px}.pager button{padding:6px 12px;border:1px solid var(--border);border-radius:8px;background:var(--card);cursor:pointer;color:var(--text)}.pager button:disabled{opacity:.5;cursor:default}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#141c2873;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow:auto;z-index:50}.modal{background:var(--card);border-radius:14px;max-width:820px;width:100%;padding:22px 24px;box-shadow:0 20px 60px #0003}.modal h2{margin:0 0 4px;font-size:18px}.modal h3{font-size:14px;margin:14px 0 6px}.modal .close{float:right;cursor:pointer;border:none;background:none;font-size:22px;color:var(--muted);line-height:1}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 24px;margin:14px 0;font-size:13px}.grid2 .k{color:var(--muted)}.loading{color:var(--muted);padding:24px;text-align:center}@media (max-width: 720px){.kpis{grid-template-columns:repeat(2,1fr)}}.auth-page{display:flex;min-height:100vh}.auth-hero{flex:1 1 60%;position:relative;padding:44px 56px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0 / 44px 44px,linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0 / 44px 44px,linear-gradient(140deg,#1d4ed8,#1e3a8a 55%,#172554)}.auth-hero .brand{font-size:22px;font-weight:700;letter-spacing:-.01em}.hero-mid{margin:28px 0;max-width:640px}.hero-mid h1{font-size:40px;line-height:1.12;margin:0 0 16px;font-weight:700;letter-spacing:-.02em}.hero-mid h1 .accent{color:#ffffff80}.hero-sub{font-size:15px;line-height:1.6;color:#ffffffc7;max-width:540px;margin:0}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:760px}.feature{display:flex;gap:12px;align-items:flex-start;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px}.feature .fi{flex:0 0 auto;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#ffffff1a;color:#dbe6ff}.feature .ft{font-size:14px;font-weight:600}.feature .fd{font-size:12.5px;color:#ffffff9e;margin-top:2px;line-height:1.45}.auth-panel{flex:0 0 440px;background:#0e1116;color:#e8ebf0;display:flex;align-items:center;justify-content:center;padding:40px}.auth-form{width:100%;max-width:320px}.auth-form h2{margin:0 0 6px;font-size:26px}.auth-form .formsub{color:#8b93a2;font-size:13px;margin:0 0 24px;line-height:1.5}.auth-form .fld{display:block;margin-bottom:14px}.auth-form .fld>span{display:block;font-size:12px;color:#8b93a2;margin-bottom:7px}.auth-form .fld input{width:100%;padding:11px 12px;border:1px solid #2a3140;border-radius:10px;font-size:15px;color:#fff;background:#171b22}.auth-form .fld input::placeholder{color:#5b6472}.auth-form .fld input:focus{outline:none;border-color:#2563eb}.auth-form .phone{display:flex;border:1px solid #2a3140;border-radius:10px;overflow:hidden}.auth-form .phone .pfx{display:flex;align-items:center;padding:0 14px;background:#20262f;color:#8b93a2;font-size:15px;font-variant-numeric:tabular-nums}.auth-form .phone input{border:none;border-radius:0}.auth-form .btn{width:100%;padding:12px;border:none;border-radius:10px;background:#2563eb;color:#fff;font-size:15px;font-weight:600;cursor:pointer;margin-top:4px}.auth-form .btn:hover:not(:disabled){background:#1d4ed8}.auth-form .btn:disabled{opacity:.5;cursor:default}.auth-form .btnlink{width:100%;margin-top:10px;border:none;background:none;color:#8b93a2;font-size:13px;cursor:pointer}.auth-form .botlink{display:inline-block;margin-top:14px;color:#60a5fa;font-weight:600;text-decoration:none;font-size:14px}.auth-form .msg{margin-top:14px;font-size:13px;color:#fbbf24;line-height:1.5}.auth-form .hint{margin-top:20px;font-size:12px;color:#6b7688;line-height:1.5}@media (max-width: 900px){.auth-hero{display:none}.auth-panel{flex:1}}