:root{--bg: #F8F9FA;--surface: #FFFFFF;--ink: #202124;--muted: #5F6368;--line: #DADCE0;--soft: #F1F3F4;--blue: #1A73E8;--blue-ink: #1967D2;--blue-soft: #E8F0FE;--blue-line: #D2E3FC;--green: #137333;--green-soft: #E6F4EA;--red: #C5221F;--red-soft: #FCE8E6;--amber: #B06000;--amber-soft: #FEF7E0}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);max-width:100%;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%}html{touch-action:manipulation}#root,.app{max-width:100vw;overflow-x:clip}body{font-family:Google Sans,Roboto,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit}h1{font-weight:400;font-size:28px;margin:0}h2{font-weight:400;font-size:18px;margin:0}.app{min-height:100vh}.topbar{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:10px 20px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px}.logo{width:36px;height:36px;border-radius:50%;background:#202124;color:#fff;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:13px;flex:none}.logo span{color:#f28b6e}.brand-name{font-size:22px;color:var(--muted)}.shell{display:flex;align-items:flex-start}.side{width:248px;flex:none;padding:16px 12px;display:flex;flex-direction:column;gap:2px;position:sticky;top:57px}.navlink{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-radius:999px;min-height:44px;font-weight:500;color:var(--ink);text-decoration:none!important}.navlink:hover{background:var(--soft)}.navlink.active{background:var(--blue-soft);color:var(--blue-ink)}.navlink small{color:var(--muted);font-weight:400;font-size:11px}.main{flex:1;min-width:0;padding:24px 28px 48px;display:flex;flex-direction:column;gap:20px}.page-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px}.sub{color:var(--muted);margin-top:6px}.bottomnav{display:none}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px}.card.flush{padding:0}.card-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:14px}.grid-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px}.kpi{display:flex;flex-direction:column;gap:8px;padding:18px}.kpi .v{font-size:28px;line-height:1.1}.muted{color:var(--muted);font-size:13px}.tiny{font-size:12px}.bar{height:6px;border-radius:3px;background:var(--soft);overflow:hidden}.bar>div{height:100%;border-radius:3px}.row{display:flex;align-items:center;gap:12px}.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:10px}.spacer{flex:1}.btn{font-size:14px;font-weight:500;border-radius:999px;padding:9px 18px;min-height:40px;cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.btn:hover{background:var(--soft)}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.primary:hover{background:#1765cc}.btn.text{border-color:transparent;color:var(--blue);background:none;padding:8px 12px}.btn.small{min-height:32px;padding:4px 12px;font-size:13px}.btn:disabled{opacity:.5;cursor:default}.chip{font-size:13px;font-weight:500;border-radius:8px;padding:0 14px;height:36px;display:inline-flex;align-items:center;cursor:pointer;white-space:nowrap;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.chip.on{background:var(--blue-soft);color:var(--blue-ink);border-color:var(--blue-line)}.pill{font-size:12px;font-weight:500;padding:3px 10px;border-radius:999px;white-space:nowrap;display:inline-block}.field{font:inherit;font-size:14px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;min-height:44px;background:var(--surface);color:var(--ink);width:100%}.field:focus{outline:2px solid var(--blue);outline-offset:-1px;border-color:transparent}textarea.field{resize:vertical;min-height:100px}.lbl{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-bottom:6px}.form-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.form-row>*{flex:1 1 140px}.form-row>.grow{flex:3 1 240px}.form-row>.btn{flex:0 0 auto}.avatar{border-radius:50%;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex:none}.check{width:24px;height:24px;flex:none;border-radius:6px;border:2px solid #5F6368;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.check.on{background:var(--blue);border-color:var(--blue)}.task{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid var(--soft);border-radius:10px;background:#fff}.task.done .t{text-decoration:line-through;color:#80868b}.task .t{font-weight:500;line-height:1.35}.x{background:none;border:0;cursor:pointer;color:#80868b;padding:2px 4px;border-radius:4px}.x:hover{color:var(--red);background:var(--red-soft)}.list-row{display:flex;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--soft);width:100%;background:none;border-left:0;border-right:0;border-top:0;text-align:left;cursor:pointer;min-height:56px}.list-row:hover{background:#fafbfc}.list-row.sel{background:var(--blue-soft)}.table-scroll{overflow-x:auto}.empty{text-align:center;color:var(--muted);padding:32px 16px}.banner{padding:14px 16px;border-radius:12px;font-weight:500}.banner.amber{background:var(--amber-soft);color:var(--amber)}.banner.blue{background:var(--blue-soft);color:var(--blue-ink)}.banner.green{background:var(--green-soft);color:var(--green)}.err{color:var(--red);font-size:13px}.week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-width:980px}.day{border-right:1px solid var(--soft);min-height:520px;display:flex;flex-direction:column}.day:last-child{border-right:0}.day.we{background:#fafbfc}.day-head{padding:12px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.day-num{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.day-num.today{background:var(--blue);color:#fff}.day-body{padding:10px;display:flex;flex-direction:column;gap:8px;flex:1}.appt{padding:10px;border-radius:10px;background:var(--blue-soft);display:flex;flex-direction:column;gap:4px;text-align:left;border:0;cursor:pointer;width:100%}.appt b{color:var(--blue-ink)}.add-dashed{padding:8px;min-height:40px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);font-weight:500;background:none;cursor:pointer}.daypick{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.daypick button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0;border:0;background:none;cursor:pointer;border-radius:12px}.daypick .n{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px}.daypick .on .n{background:var(--blue);color:#fff}.daypick .td .n{background:var(--blue-soft);color:var(--blue-ink)}.daypick .dot{width:5px;height:5px;border-radius:50%}.bars{position:relative;height:210px;display:flex;align-items:flex-end;gap:12px;padding-top:20px}.bars .col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.bars .b{width:100%;max-width:54px;border-radius:6px 6px 0 0}.goal-line{position:absolute;left:0;right:0;border-top:2px dashed #202124;opacity:.45}.funnel-bar{height:22px;border-radius:6px;background:var(--soft)}.funnel-bar>div{height:22px;border-radius:6px;background:var(--blue)}.kanban{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;align-items:start}.lane{background:var(--soft);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px;min-height:200px}.perm-grid{display:grid;grid-template-columns:230px 130px repeat(8,minmax(84px,1fr)) 40px;gap:8px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--soft);min-width:1200px}.perm-grid.head{font-size:12px;font-weight:500;color:var(--muted);border-bottom:1px solid var(--line)}.lv{font-size:13px;padding:6px 8px;min-height:36px;border-radius:8px;border:1px solid var(--line);background:#fff;color:#80868b;cursor:pointer}.lv.l1{background:var(--blue-soft);color:var(--blue-ink);border-color:var(--blue-line)}.lv.l2{background:var(--green-soft);color:var(--green);border-color:#ceead6}.lv:disabled{cursor:default}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#20212466;z-index:50;display:flex;align-items:flex-end;justify-content:center}.sheet{background:#fff;width:100%;max-width:560px;max-height:92vh;overflow:auto;border-radius:20px 20px 0 0;padding:20px;display:flex;flex-direction:column;gap:14px}@media (min-width: 761px){.sheet-bg{align-items:center}.sheet{border-radius:16px}}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login .card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:14px;padding:32px}@media (max-width: 760px){.field,select.field,textarea.field,input{font-size:16px}.topbar{padding:8px 12px}.brand-name{font-size:20px}.side{display:none}.main{padding:12px 16px calc(96px + env(safe-area-inset-bottom));gap:14px}h1{font-size:24px}.grid-kpi{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid-2{grid-template-columns:minmax(0,1fr)}.kpi{padding:14px}.kpi .v{font-size:22px}.card{padding:16px;border-radius:16px}.bottomnav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;background:#f3f6fc;height:calc(80px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:30}.bottomnav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--ink);text-decoration:none;font-size:12px;font-weight:500;position:relative}.bottomnav .ic{width:64px;height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center}.bottomnav a.active .ic{background:#d3e3fd}.bottomnav a.active{font-weight:700}.badge{position:absolute;top:10px;left:calc(50% + 8px);min-width:16px;height:16px;border-radius:8px;background:var(--red);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}.hide-m{display:none!important}.fab{position:fixed;right:16px;bottom:calc(96px + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:16px;background:#d3e3fd;color:#041e49;border:0;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0003,0 4px 8px #0000001a;z-index:25;cursor:pointer}}@media (min-width: 761px){.hide-d{display:none!important}.fab{display:none}}