:root{--bg: #F3F5F9;--card: #FFFFFF;--ink: #0F1729;--ink2: #2B3247;--muted: #5F6880;--muted2: #475069;--line: #E3E7EF;--line2: #CBD2DF;--soft: #F6F8FB;--chip: #F1F3F8;--blue: #1E4FD8;--blue-d: #163BA6;--blue-s: #E4EBFC;--navy: #0F1729;--green: #0B6B4A;--green-s: #DDF2E8;--red: #A3301B;--red-s: #FBE6E1;--amber: #8A5A00;--amber-s: #FBF0D9;--badge: #E0483B;--radius: 16px;--tab-h: 64px;font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg)}body{font-size:15px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}a{color:var(--blue)}h1,h2,h3{margin:0;letter-spacing:-.01em}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.shell{display:flex;min-height:100vh}.side{width:248px;flex:none;background:var(--navy);color:#fff;display:flex;flex-direction:column;gap:22px;padding:22px 14px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:0 6px}.brand-mark{width:36px;height:36px;border-radius:10px;background:var(--blue);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}.brand small{display:block;font-size:12px;color:#aeb7cc;font-weight:600}.side nav{display:flex;flex-direction:column;gap:4px}.side-btn{display:flex;align-items:center;gap:12px;height:46px;padding:0 12px;border-radius:12px;border:0;background:transparent;color:#c9d0e0;font-size:15px;font-weight:700;text-align:left}.side-btn[aria-current=page]{background:var(--blue);color:#fff}.side-btn .grow{flex:1}.side-foot{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding:0 6px;font-size:13px;color:#c9d0e0}.side-foot button,.side-foot select{background:#18223a;border:1px solid #2B3550;color:#fff;border-radius:10px;height:40px;padding:0 10px;font-weight:700}.main{flex:1;min-width:0;display:flex;flex-direction:column}.top{display:flex;align-items:center;gap:14px;padding:16px 28px;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.top h1{font-size:24px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top p{margin:2px 0 0;font-size:13px;font-weight:600;color:var(--muted)}.top .titles{flex:1;min-width:0}.body{padding:24px 28px 110px;width:100%;max-width:1480px}.tabbar{display:none}@media (max-width: 760px){.side{display:none}.top{padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top))}.top h1{font-size:21px}.body{padding:14px 14px calc(var(--tab-h) + 90px)}.tabbar{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:15;background:var(--card);border-top:1px solid var(--line);padding:2px 4px max(6px,env(safe-area-inset-bottom))}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:58px;border:0;background:transparent;font-size:11px;font-weight:800;color:var(--muted);position:relative}.tab[aria-current=page]{color:var(--blue)}.desk-only{display:none!important}}@media (min-width: 761px){.mob-only{display:none!important}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cols2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media (max-width: 760px){.cols2{grid-template-columns:minmax(0,1fr)}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.label{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.h-sec{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);margin-top:4px}.muted{color:var(--muted);font-weight:600;font-size:13px;line-height:1.45}.btn{height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--line2);background:var(--card);font-size:14px;font-weight:800;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.dark{background:var(--navy);border-color:var(--navy);color:#fff}.btn.green{background:var(--green);border-color:var(--green);color:#fff}.btn.link{border:0;background:transparent;color:var(--blue);padding:0 8px}.btn.big{height:56px;font-size:16px;border-radius:14px}.btn.block{width:100%}.btn:disabled{background:#e3e7ef;border-color:#e3e7ef;color:var(--muted2)}.icon-btn{width:44px;height:44px;flex:none;border-radius:12px;border:1px solid var(--line2);background:var(--card);display:inline-flex;align-items:center;justify-content:center;position:relative}.dot-badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--badge);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}.chip{height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line2);background:var(--card);color:var(--ink2);font-size:13px;font-weight:800;white-space:nowrap;flex:none;display:inline-flex;align-items:center;gap:6px}.chip[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.chip:disabled{opacity:.6}.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;align-items:center}.pill{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.tag{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;background:var(--chip);font-size:12px;font-weight:700;color:var(--ink2)}.avatar{border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;font-weight:800}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field>span{font-size:12px;font-weight:800;color:var(--muted)}.input{height:44px;border-radius:10px;border:1px solid var(--line2);background:var(--card);font-size:15px;font-weight:600;padding:0 12px;width:100%}.input.big{height:52px;border-width:2px;border-radius:12px;font-size:16px}textarea.input{height:auto;padding:12px;line-height:1.45;resize:vertical}.input:disabled{background:var(--soft);color:var(--muted2)}.empty{padding:22px;border-radius:var(--radius);border:1px dashed var(--line2);background:var(--card);text-align:center;color:var(--muted);font-weight:600}.note-box{padding:10px 12px;border-radius:12px;font-size:14px;line-height:1.45;font-weight:700}.note-box.amber{background:var(--amber-s);color:#5c3d00}.note-box.blue{background:var(--blue-s);color:#1e3a8a}.note-box.green{background:var(--green-s);color:#0b4f37}.note-box.red{background:var(--red-s);color:#7f2414}.bar{height:12px;border-radius:6px;background:#eef1f6;overflow:hidden;display:block}.bar>span{display:block;height:100%;border-radius:6px}.barrow{display:grid;grid-template-columns:140px minmax(0,1fr) 40px;gap:10px;align-items:center;font-size:13px;font-weight:700;color:var(--ink2)}.barrow b{text-align:right}.table{overflow-x:auto}.trow{display:grid;gap:8px;padding:10px;border-bottom:1px solid #EEF1F6;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;align-items:center}.trow.head{font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom-color:var(--line);padding:8px 10px}.num{text-align:right}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:4px;min-width:0}.kpi b{font-size:24px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kpi small{font-size:12px;font-weight:600;color:var(--muted)}.days{display:flex;align-items:center;gap:6px}.days-grid{flex:1;min-width:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.day{height:64px;border-radius:12px;border:1px solid var(--line2);background:var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0}.day.today{border:2px solid var(--blue)}.day[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.day .dw{font-size:11px;font-weight:700;text-transform:uppercase}.day .dn{font-size:18px;font-weight:800;line-height:1.1}.day .dc{min-width:18px;height:16px;border-radius:999px;font-size:11px;font-weight:800;line-height:16px;background:var(--blue);color:#fff}.day[aria-pressed=true] .dc{background:#fff;color:var(--navy)}.day .dc.zero{background:transparent}.arrow{width:40px;height:64px;flex:none;border-radius:12px;border:1px solid var(--line2);background:var(--card);display:flex;align-items:center;justify-content:center}.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:12px}@media (max-width: 760px){.items{grid-template-columns:minmax(0,1fr)}}.item{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:12px}.item.overdue{border-color:#f0c9c0}.item-open{display:flex;gap:12px;align-items:flex-start;padding:0;border:0;background:transparent;text-align:left;width:100%}.when{width:64px;flex:none;border-radius:12px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;background:#eef1f6}.when.red{background:var(--red-s);color:var(--red)}.when b{font-size:15px}.when small{font-size:11px;font-weight:700}.item-acts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.item-acts .btn{height:48px}.locked{font-size:12px!important;line-height:1.2;padding:0 6px}.kanban{overflow-x:auto;padding-bottom:8px}.kanban-in{display:flex;gap:12px;align-items:flex-start;width:max-content}.col{width:268px;flex:none;background:#e9edf3;border-radius:var(--radius);display:flex;flex-direction:column}.col-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 12px 2px}.col-head h2{font-size:14px;font-weight:800;white-space:nowrap}.col-hint{padding:0 12px 10px;font-size:12px;color:var(--muted2);font-weight:600}.col-cards{display:flex;flex-direction:column;gap:8px;padding:0 8px 10px;max-height:calc(100vh - 290px);overflow-y:auto}.lcard{width:100%;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--card);text-align:left;box-shadow:0 1px 2px #0f17290d}.lcard.new{border-color:#9db4f5}.lcard .nm{font-size:15px;font-weight:800;line-height:1.25}.lcard .ag{font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap}.lcard .bz{font-size:13px;color:var(--muted2);font-weight:600}.cdot{width:9px;height:9px;border-radius:50%;flex:none;display:inline-block}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;border:0;padding:0;background:#0f172966;z-index:20}.panel{position:fixed;top:0;right:0;bottom:0;width:min(580px,100%);background:var(--bg);overflow-y:auto;z-index:21;box-shadow:-16px 0 48px #0f172933}.panel-head{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--card);position:sticky;top:0;z-index:2;padding-top:max(14px,env(safe-area-inset-top))}.panel-body{padding:16px 16px 40px;display:flex;flex-direction:column;gap:16px}.stagebtns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}@media (max-width: 760px){.stagebtns{grid-template-columns:repeat(2,minmax(0,1fr))}}.stagebtn{min-height:62px;padding:8px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;border:2px solid var(--line2);background:var(--card)}.stagebtn b{font-size:15px}.stagebtn small{font-size:11px;font-weight:700;opacity:.9}.stagebtn:disabled{border-color:var(--line);background:var(--soft);color:var(--muted)}.hist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.hist li{display:grid;grid-template-columns:14px minmax(0,1fr);gap:10px}.hist .hd{width:10px;height:10px;border-radius:50%;margin-top:5px}.hist .ht{font-size:14px;line-height:1.4;font-weight:700}.hist .ht.note{font-weight:600;background:var(--soft);border-radius:10px;padding:8px 10px;white-space:pre-wrap}.hist small{font-size:12px;font-weight:600;color:var(--muted)}dl.kv{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}dl.kv dt{font-size:12px;font-weight:700;color:var(--muted)}dl.kv dd{margin:0;font-size:14px;font-weight:700;overflow-wrap:anywhere}.mscrim{position:fixed;top:0;right:0;bottom:0;left:0;border:0;padding:0;background:#0f172973;z-index:30}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(560px,calc(100% - 32px));max-height:88vh;overflow-y:auto;border-radius:20px;padding:24px;background:var(--card);display:flex;flex-direction:column;gap:14px;z-index:31;box-shadow:0 24px 60px #0f17294d}@media (max-width: 760px){.modal{top:auto;bottom:0;left:0;right:0;transform:none;width:100%;max-height:92vh;border-radius:22px 22px 0 0;padding:20px 16px max(24px,env(safe-area-inset-bottom))}}.opt{min-height:56px;padding:8px 10px;border-radius:14px;border:2px solid var(--line2);background:var(--card);font-size:16px;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center}.opt small{font-size:12px;font-weight:700;opacity:.85}.opt[aria-pressed=true]{border-color:var(--blue);background:var(--blue-s);color:var(--blue-d)}.pop{position:fixed;right:24px;top:76px;width:400px;max-height:70vh;overflow-y:auto;background:var(--card);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:10px;z-index:25;box-shadow:0 20px 50px #0f172940}@media (max-width: 760px){.pop{left:8px;right:8px;width:auto;top:64px}}.nitem{width:100%;display:grid;grid-template-columns:14px minmax(0,1fr);gap:10px;text-align:left;padding:10px;border-radius:12px;border:0;background:var(--card)}.nitem.unread{background:#f1f5ff}.toasts{position:fixed;left:50%;transform:translate(-50%);bottom:24px;z-index:50;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:min(460px,calc(100% - 24px))}@media (max-width: 760px){.toasts{bottom:calc(var(--tab-h) + 24px)}}.toast{padding:12px 16px;border-radius:14px;font-size:14px;line-height:1.4;font-weight:700;box-shadow:0 12px 30px #0f172940;background:var(--navy);color:#fff}.toast.warn{background:#7f2414}.fab{position:fixed;right:24px;bottom:24px;z-index:14}@media (max-width: 760px){.fab{right:12px;bottom:calc(var(--tab-h) + 14px)}}.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.auth .card{width:min(420px,100%);padding:24px;display:flex;flex-direction:column;gap:14px}.center{min-height:60vh;display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:700}.fbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.fsel{position:relative;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 30px 0 14px;border-radius:999px;border:1px solid var(--line2);background:var(--card);cursor:pointer}.fsel:after{content:"";position:absolute;right:13px;top:50%;width:7px;height:7px;border-right:2px solid var(--muted2);border-bottom:2px solid var(--muted2);transform:translateY(-70%) rotate(45deg);pointer-events:none}.fsel-l{font-size:12px;font-weight:800;color:var(--muted)}.fsel select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;font:inherit;font-size:14px;font-weight:800;color:var(--ink);padding:0;cursor:pointer;max-width:190px;text-overflow:ellipsis}.fsel select:focus{outline:none}.fsel:focus-within{outline:3px solid var(--blue);outline-offset:2px}.fsel.on{background:var(--navy);border-color:var(--navy)}.fsel.on .fsel-l{color:#c9d2e3}.fsel.on select{color:#fff}.fsel.on select option{color:var(--ink)}.fsel.on:after{border-color:#fff}.dragwrap{cursor:grab;border-radius:14px}.dragwrap.dragging{opacity:.35}.col.drop{outline:3px dashed var(--blue);outline-offset:-3px;background:var(--blue-s)}.lostzone{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:30;padding:18px 40px;border-radius:16px;border:3px dashed var(--red);background:var(--red-s);color:var(--red);font-weight:800;font-size:15px;box-shadow:0 10px 30px #0f17292e}.lostzone.drop{background:var(--red);color:#fff}.sig{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:11.5px;font-weight:800;white-space:nowrap}.sig.blue{background:var(--blue-s);color:var(--blue-d)}.sig.amber{background:var(--amber-s);color:var(--amber)}.sig.violet{background:#eee7fb;color:#5b21b6}.sig.green{background:var(--green-s);color:var(--green)}.sig.hot{background:var(--green);color:#fff}.rtl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.rstep{position:relative;display:flex;gap:12px;padding:0 0 14px}.rdot{width:14px;height:14px;border-radius:50%;border:3px solid;flex:none;margin-top:3px;position:relative;z-index:1;box-sizing:border-box}.rline{position:absolute;left:6px;top:18px;bottom:0;width:2px}.rbar{display:block;height:8px;border-radius:999px;overflow:hidden;max-width:260px}.rbar>span{display:block;height:100%;border-radius:999px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:4px}.kpi b{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.kpi span{font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.kpi small{font-size:12px;font-weight:700;color:var(--muted2)}.kpi.good b{color:var(--green)}.kpi.bad b{color:var(--red)}.funnel{display:flex;flex-direction:column;gap:6px}.frow{display:grid;grid-template-columns:150px 1fr 90px;gap:10px;align-items:center;font-size:14px;font-weight:700}.fbarw{height:26px;background:var(--chip);border-radius:8px;overflow:hidden}.fbarw>span{display:block;height:100%;background:var(--blue);border-radius:8px}.ttree{width:100%;border-collapse:collapse;font-size:14px}.ttree th{text-align:right;font-size:11.5px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.ttree th:first-child,.ttree td:first-child{text-align:left}.ttree td{text-align:right;padding:9px 10px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.ttree tr.l0 td{font-weight:800;background:var(--soft)}.ttree button.tog{border:0;background:transparent;font:inherit;font-weight:inherit;color:var(--ink);cursor:pointer;display:inline-flex;gap:6px;align-items:center;padding:0;text-align:left;white-space:normal}.roi-pos{color:var(--green);font-weight:800}.roi-neg{color:var(--red);font-weight:800}.fsel.date{padding-right:12px}.fsel.date:after{display:none}@media (max-width: 760px){.fbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -14px;padding:2px 14px}.fbar::-webkit-scrollbar{display:none}.fsel{flex:none}.frow{grid-template-columns:110px 1fr 70px}}