:root{--ink: #211d4a;--body: #3a3765;--muted: #8488b8;--hair: #e6e8f4;--wash: #f5f6fb;--accent: #4f46e5;--accent-wash: #eef0fe}*{box-sizing:border-box;margin:0}body{font-family:Figtree,-apple-system,sans-serif;background:var(--wash);color:var(--ink)}button{font-family:inherit;background:var(--accent);color:#fff;border:0;border-radius:10px;padding:10px 18px;font-weight:700;font-size:13.5px;cursor:pointer}button.ghost{background:#fff;color:var(--body);border:1px solid var(--hair)}button.small{padding:6px 12px;font-size:12px}input,select{width:100%;border:1px solid var(--hair);border-radius:10px;padding:10px 12px;font-size:13.5px;background:#fff;color:var(--ink)}label{display:block;font:700 11px Figtree;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:12px 0 5px}.login-wrap{position:relative;min-height:100vh;display:grid;place-items:center;background:linear-gradient(160deg,#37306b,#312e81 45%,#1e1b4b);overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;animation:drift 16s ease-in-out infinite alternate}.orb-a{width:420px;height:420px;background:#6d28d9;top:-120px;left:-90px}.orb-b{width:360px;height:360px;background:#4f46e5;bottom:-110px;right:-70px;animation-delay:-6s}.orb-c{width:240px;height:240px;background:#f59e0b;bottom:18%;left:12%;opacity:.22;animation-delay:-11s}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(60px,-40px) scale(1.15)}}.login-bg-logo{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center 38%;background-repeat:no-repeat;background-size:min(72vw,680px);opacity:0;filter:blur(26px) grayscale(1) brightness(3);animation:bg-surface 1.6s ease .1s forwards;pointer-events:none}@keyframes bg-surface{to{opacity:.09;filter:blur(8px) grayscale(1) brightness(3)}}.login-card{position:relative;width:min(92vw,390px);background:#fff;border-radius:20px;padding:34px 30px 24px;box-shadow:0 30px 80px #0c083c73;animation:card-in .55s cubic-bezier(.2,.9,.3,1) both}.login-card.glass{background:#fffffff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.5)}@keyframes card-in{0%{opacity:0;transform:translateY(22px) scale(.97)}}.login-logo{display:block;object-fit:contain}.login-logo.saas{height:46px;max-width:200px;margin-bottom:14px}.login-logo.client{height:54px;max-width:240px;margin-bottom:14px}.login-mark{width:54px;height:54px;border-radius:14px;background:var(--accent);color:#fff;display:grid;place-items:center;font:800 24px Figtree;margin-bottom:14px}.reveal{animation:logo-reveal .9s cubic-bezier(.2,.9,.3,1) both}@keyframes logo-reveal{0%{opacity:0;transform:scale(1.7);filter:blur(14px)}60%{filter:blur(0)}to{opacity:1;transform:scale(1);filter:blur(0)}}.rise{animation:rise-in .5s ease .25s both}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}}.login-brand{font:800 20px Figtree}.login-sub{font-size:12px;color:var(--muted);margin-bottom:8px}.login-email{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--wash);border:1px solid var(--hair);border-radius:10px;padding:8px 12px;font-size:13px;margin-top:12px}.login-email span{overflow:hidden;text-overflow:ellipsis}.linkish{background:none;border:0;color:var(--accent);font:700 12px Figtree;padding:0;cursor:pointer}.login-card button:not(.linkish){width:100%;margin-top:16px}.login-foot{display:flex;align-items:center;justify-content:center;gap:6px;font:600 10.5px Figtree;color:var(--muted);margin-top:18px;letter-spacing:.02em}.foot-logo{height:14px;opacity:.75}.shake{animation:card-shake .4s ease}@keyframes card-shake{0%,to{transform:translate(0)}20%{transform:translate(-9px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.shell{display:flex;min-height:100vh}aside{width:240px;background:#fff;border-right:1px solid var(--hair);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:11px;align-items:center;padding:20px 18px 14px;min-height:66px}.brand-logo{max-height:40px;max-width:170px;object-fit:contain}.powered{border-top:1px solid var(--hair);padding:10px 16px 8px;display:flex;align-items:center;gap:7px;font:600 10px Figtree;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.powered img{height:16px;opacity:.85}.brand-mark{width:36px;height:36px;border-radius:10px;background:var(--accent);color:#fff;display:grid;place-items:center;font:800 16px Figtree}.brand-name{font:800 13.5px Figtree}.brand-sub{font:600 9.5px Figtree;color:var(--muted)}nav{display:flex;flex-direction:column;padding:8px 10px;gap:2px;flex:1}nav a{padding:10px 12px;border-radius:9px;color:var(--body);text-decoration:none;font:600 13px Figtree}nav a.active{background:var(--accent-wash);color:var(--accent);font-weight:800}.me{border-top:1px solid var(--hair);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;font-size:13px}main{flex:1;padding:26px 30px 60px;max-width:1180px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px}.kpi{background:#fff;border:1px solid var(--hair);border-radius:14px;padding:16px}.kpi-l{font:700 10.5px Figtree;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.kpi-v{font:800 24px Figtree;margin-top:5px}.kpi-s{font-size:11.5px;color:var(--muted);margin-top:3px}.card{background:#fff;border:1px solid var(--hair);border-radius:14px;margin-bottom:18px;overflow:hidden}.card-head{padding:14px 18px;font:800 13.5px Figtree;display:flex;justify-content:space-between;align-items:center}.card-head a{font:700 12px Figtree;color:var(--accent);text-decoration:none}.card.pad,.pad{padding:18px}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font:700 10.5px Figtree;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:8px 18px;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);background:#fafbff}.tbl td{padding:11px 18px;border-bottom:1px solid var(--hair)}.tbl tbody tr{cursor:pointer}.tbl tbody tr:hover{background:#fafbff}.sub{font-size:11.5px;color:var(--muted)}.muted{color:var(--muted);font-size:13px}.pill{display:inline-block;padding:3px 10px;border-radius:999px;font:700 11px Figtree;white-space:nowrap}.err{background:#fee2e2;color:#b91c1c;border-radius:10px;padding:10px 14px;font-size:13px;margin:10px 0}.page-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px;flex-wrap:wrap}.page-head h2{font:800 20px Figtree;display:flex;gap:10px;align-items:center}.row-gap{display:flex;gap:10px;align-items:center}.wrap{flex-wrap:wrap}.grid2{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px}.fgrid .span2{grid-column:1 / -1}.f-l{font:700 10px Figtree;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.f-v{font-size:13.5px;margin-top:3px}.line{display:flex;justify-content:space-between;font-size:13px;padding:6px 0}.total-bar{display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:#fff;border-radius:10px;padding:12px 14px;margin-top:8px;font-size:13.5px}.odostrip{display:flex;gap:0;border:1px solid var(--hair);border-radius:12px;margin-top:14px;overflow:hidden}.odostrip>div{flex:1;padding:10px 14px;border-right:1px solid var(--hair)}.odostrip>div:last-child{border-right:0}.odostrip span{display:block;font:700 9.5px Figtree;color:var(--muted)}.odostrip b{font:800 18px Figtree}.shots{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.shots figure{border:1px solid var(--hair);border-radius:12px;overflow:hidden}.shots img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;background:#0b1220}.shots figcaption{font-size:11px;color:var(--muted);padding:8px 10px}.stars{display:flex;gap:4px;align-items:center}.star{background:none;border:0;font-size:26px;color:#d3d7e6;padding:0 2px;cursor:pointer}.star.on{color:#f5b30f}.chipbtn{background:#fff;border:1px solid var(--hair);color:var(--body);border-radius:999px;padding:7px 14px;font:700 12px Figtree}.chipbtn.on{background:var(--accent);border-color:var(--accent);color:#fff}.book button[type],.book button:not(.ghost){margin-top:16px}.nav-group{font:800 9.5px Figtree;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;padding:14px 12px 4px}.nav-badge{float:right;background:var(--accent);color:#fff;border-radius:999px;font:800 10px Figtree;padding:2px 7px}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.board-col{background:#fff;border:1px solid var(--hair);border-radius:14px;padding:10px}.board-head{display:flex;align-items:center;gap:8px;border-radius:9px;padding:8px 12px;font:800 12px Figtree;margin-bottom:8px}.board-head b{margin-left:auto}.board-dot{width:8px;height:8px;border-radius:50%;flex:none}.board-card{border:1px solid var(--hair);border-radius:10px;padding:10px 12px;margin-bottom:8px;cursor:pointer;font-size:13px}.board-card:hover{background:#fafbff}.exc{display:flex;gap:10px;align-items:center;padding:7px 0;font-size:13px;cursor:pointer}.thread{display:flex;flex-direction:column;gap:10px;max-height:55vh;overflow-y:auto;padding:4px}.msg{max-width:72%;background:var(--wash);border:1px solid var(--hair);border-radius:12px 12px 12px 4px;padding:10px 14px;font-size:13.5px;align-self:flex-start}.msg.mine{align-self:flex-end;background:var(--accent-wash);border-color:#dfe3fc;border-radius:12px 12px 4px}.bars{display:flex;flex-direction:column;gap:8px}.bar-row{display:flex;align-items:center;gap:10px}.bar{flex:1;height:14px;background:var(--wash);border-radius:7px;overflow:hidden}.bar-fill{height:100%;background:var(--accent);border-radius:7px}main>*{animation:page-in .35s ease both}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}button{transition:transform .15s ease,box-shadow .15s ease,background .15s ease}button:not(.ghost):not(.linkish):not(.star):hover{box-shadow:0 6px 18px #4f46e559;transform:translateY(-1px)}button:active{transform:translateY(0) scale(.99)}button.ghost:hover{border-color:var(--accent);color:var(--accent)}input,select{transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4f46e524}.card,.kpi,.board-col{transition:box-shadow .2s ease,transform .2s ease}.kpi:hover,.card:hover{box-shadow:0 10px 28px #211d4a14}nav a{transition:background .15s ease,color .15s ease,padding-left .15s ease;position:relative}nav a:hover{background:var(--wash)}nav a.active{padding-left:16px}nav a.active:before{content:"";position:absolute;left:5px;top:50%;transform:translateY(-50%);width:3.5px;height:16px;border-radius:4px;background:var(--accent)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#cfd3ea;border-radius:6px;border:2px solid var(--wash)}::-webkit-scrollbar-track{background:transparent}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 860px){.board{grid-template-columns:1fr}.msg{max-width:92%}}@media (max-width: 860px){.shell{flex-direction:column}aside{width:100%;height:auto;position:static;display:grid;grid-template-columns:1fr auto auto;align-items:center;border-right:0;border-bottom:1px solid var(--hair)}.brand{grid-column:1;padding:12px 14px;min-height:0}.brand-logo{max-height:30px;max-width:130px}.powered{grid-column:2;border-top:0;padding:0 8px}.me{grid-column:3;border-top:0;padding:0 14px 0 4px;gap:10px}.me .sub{display:none}nav{grid-column:1 / -1;flex-direction:row;overflow-x:auto;padding:2px 8px 10px}nav a{white-space:nowrap;flex:0 0 auto;padding:8px 12px}nav a.active{padding-left:12px}nav a.active:before{display:none}.nav-group{display:none}.grid2,.fgrid{grid-template-columns:1fr}main{padding:16px}}