@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@600;700&display=swap";:root{color:#172238;--bg:#f4f8fb;--surface:#ffffffe0;--solid:#fff;--text:#172238;--muted:#68758a;--line:#dbe6ee;--primary:#087da4;--accent:#0ca7c9;--shadow:0 18px 50px #1f4f6817;background:#f4f8fb;font-family:Inter,system-ui,sans-serif}:root[data-theme=dark]{color:#e8f3f8;--bg:#09131d;--surface:#101f2be6;--solid:#10202c;--text:#e8f3f8;--muted:#91a8b7;--line:#243d4b;--primary:#35c4e4;--accent:#13a6c9;--shadow:0 18px 50px #00000047;background:#09131d}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% -10%,#1fbedd21,transparent 34%),var(--bg);color:var(--text);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column;height:100vh;padding:26px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 10px 28px;display:flex}.brand>b,.login>b,.splash>b{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border-radius:14px;place-items:center;width:42px;height:42px;font:700 21px Manrope;display:grid}.brand div{flex-direction:column;display:flex}.brand small,.profile-link small{color:var(--muted)}nav{gap:5px;display:grid}nav a,.profile-link{color:var(--muted);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-weight:600;display:flex}nav a svg,.profile-link svg{width:19px}nav a:hover,nav a.active{color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent)}.profile-link{border:1px solid var(--line);color:var(--text);margin-top:auto}.profile-link span{flex-direction:column;min-width:0;display:flex}.profile-link small{text-overflow:ellipsis;overflow:hidden}main{min-width:0}header{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5;height:72px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 5vw;display:flex;position:sticky;top:0}.icon{cursor:pointer;color:var(--text);background:0 0;border:0;border-radius:10px;place-items:center;padding:9px;display:grid}.icon:hover{background:var(--surface)}.mobile{display:none}.content{max-width:1280px;margin:auto;padding:48px 5vw 72px}.page-title{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.page-title p{color:var(--primary);text-transform:uppercase;letter-spacing:.12em;margin:0 0 7px;font-size:12px;font-weight:700}.page-title h1{letter-spacing:-.04em;margin:0;font:700 clamp(30px,4vw,46px) Manrope}.page-title span{color:var(--muted);margin-top:8px;display:block}.button{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:11px 17px;font-weight:700;display:inline-flex}.button svg{width:18px}.button.ghost{color:var(--text);border:1px solid var(--line);background:0 0}.metrics{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.metric,.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px}.metric{flex-direction:column;padding:24px;display:flex}.metric strong{color:var(--primary);font:700 34px Manrope}.metric span,.list-row small,.empty{color:var(--muted)}.grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr);gap:20px;display:grid}.panel{overflow:hidden}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.panel-head h2{margin:0;font:700 18px Manrope}.panel-head a{color:var(--primary);font-size:13px;font-weight:700}.list{display:grid}.list-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:15px 22px;display:flex}.list-row:last-child{border:0}.list-row:hover{background:color-mix(in srgb,var(--primary) 4%,transparent)}.list-row div{flex-direction:column;gap:5px;min-width:0;display:flex}.empty,.state{text-align:center;padding:32px}.state{justify-content:center;gap:10px;display:flex}.error{color:#d54652}.status{background:color-mix(in srgb,var(--muted) 10%,transparent);text-transform:capitalize;white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-active,.status-approved,.status-resolved,.status-closed{color:#14795c;background:#18b3811f}.status-open,.status-in_progress,.status-running{color:#087da4;background:#0ca7c921}.status-waiting_customer{color:#986510;background:#eca73024}.form{grid-template-columns:1fr 1fr;gap:18px;padding:24px;display:grid}.form label{gap:8px;font-size:13px;font-weight:700;display:grid}.wide{grid-column:1/-1}input,select,textarea{border:1px solid var(--line);background:var(--solid);width:100%;color:var(--text);border-radius:11px;outline:none;padding:12px 13px}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)}textarea{resize:vertical}.actions{justify-content:flex-end;gap:10px;display:flex}.prose,.article-body{white-space:pre-wrap;margin:0;padding:22px;line-height:1.75}.timeline{padding:20px}.timeline>div{grid-template-columns:12px 1fr;gap:12px;padding-bottom:22px;display:grid}.timeline i{background:var(--primary);border-radius:50%;width:10px;height:10px;margin-top:5px}.timeline p{color:var(--muted);margin:5px 0}.timeline small{color:var(--muted)}.message{border-top:1px solid var(--line);gap:10px;padding:18px;display:grid}.cards{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;padding:18px;display:grid}.asset-card{border:1px solid var(--line);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:17px;display:grid}.asset-card>svg{color:var(--primary)}.asset-card div{flex-direction:column;display:flex}.details{grid-template-columns:repeat(2,1fr);gap:22px;margin:0;padding:22px;display:grid}.details div{border-bottom:1px solid var(--line);padding-bottom:14px}.details dt{color:var(--muted);text-transform:uppercase;font-size:12px}.details dd{margin:6px 0 0;font-weight:600}.article-body{background:var(--surface);border:1px solid var(--line);border-radius:18px;max-width:850px}.login,.splash{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:28px;display:flex}.login h1{letter-spacing:-.05em;max-width:750px;margin:16px;font:700 clamp(38px,7vw,72px) Manrope}.login span{max-width:600px;color:var(--muted);line-height:1.7}.login .button{margin:30px 0 12px}.login small{color:var(--muted)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=850px){.shell{display:block}.sidebar{z-index:20;width:min(310px,88vw);transition:all .2s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.sidebar.open{transform:none}.mobile{display:grid}.content{padding-top:30px}.grid{grid-template-columns:1fr}.page-title{flex-direction:column;align-items:flex-start}.form{grid-template-columns:1fr}.wide{grid-column:auto}}@media (width<=560px){.content{padding-inline:18px}.metrics,.details{grid-template-columns:1fr}.page-title .button{width:100%}.cards{grid-template-columns:1fr}}.shell{min-height:100vh;display:block}.shell main{width:100%;padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}.shell header{justify-content:space-between}.shell header>div{color:var(--text);flex-direction:column;display:flex}.shell header small{color:var(--muted);margin-top:3px;font-size:11px}.dock-fixed{z-index:40;inset-inline:0;bottom:calc(env(safe-area-inset-bottom,0px) + .75rem);pointer-events:none;width:92%;max-width:1280px;height:64px;margin:auto;position:fixed}.dock-row{width:100%;height:64px;position:relative}.dock-brand{z-index:2;pointer-events:auto;align-items:center;gap:9px;height:64px;padding:0 12px;transition:transform .2s;display:flex;position:absolute;bottom:0;left:0}.dock-brand:hover{transform:translateY(-2px)}.dock-brand>b{color:#fff;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:12px;place-items:center;width:36px;height:36px;font:700 18px Manrope;display:grid}.dock-brand>span{flex-direction:column;line-height:1;display:flex}.dock-brand strong{font-size:14px}.dock-brand small{color:var(--muted);letter-spacing:.12em;margin-top:5px;font-size:10px;font-weight:600}.dock-center{pointer-events:auto;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.dock-surface{isolation:isolate;background:color-mix(in oklab,var(--surface) 86%,transparent);border:1px solid color-mix(in oklab,var(--line) 86%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px/22px;align-items:center;height:64px;padding-inline:16px;display:flex;position:relative;box-shadow:0 14px 30px #03081038,inset 0 1px #ffffff1f}.dock-scroll{scrollbar-width:none;align-items:center;gap:8px;max-width:min(64vw,780px);padding:16px 14px 16px 20px;display:flex;overflow:auto hidden}.dock-scroll::-webkit-scrollbar{display:none}.dock-item{border:1px solid color-mix(in oklab,var(--line) 92%,transparent);width:40px;height:40px;color:var(--muted);background:color-mix(in oklab,var(--solid) 72%,transparent);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background-color:.22s;cursor:pointer;border-radius:999px;flex:0 0 40px;place-items:center;padding:0;transition:transform .22s,box-shadow .22s,border-color .22s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff1a,0 8px 18px #02081029}.dock-item:hover{border-color:color-mix(in oklab,var(--line) 70%,white 30%);transform:scale(1.05);box-shadow:inset 0 1px #ffffff1f,0 12px 22px #02081038}.dock-item svg{width:20px;height:20px}.dock-item-active{color:var(--primary);border-color:color-mix(in oklab,var(--primary) 34%,var(--line));background:color-mix(in oklab,var(--solid) 82%,transparent);box-shadow:inset 0 1px #ffffff24,0 10px 20px #0208103d}.dock-link i{background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:999px;width:24px;height:4px;display:none;position:absolute;bottom:-5px}.dock-link.active i{display:block}.dock-actions{pointer-events:auto;align-items:center;gap:8px;height:64px;display:flex;position:absolute;bottom:0;right:0}.dock-actions .dock-item{appearance:none}.dock-avatar{flex-basis:44px;width:44px;height:44px;padding:2px}.dock-avatar svg{width:22px;height:22px}:root[data-theme=dark] .dock-surface{background:#0c111885;border-color:#94a3b833;box-shadow:0 16px 32px #02070e61,inset 0 1px #ffffff12}:root[data-theme=dark] .dock-item{background:#171f2b70;border-color:#94a3b83d;box-shadow:inset 0 1px #ffffff1a,0 10px 20px #0208104d}@media (width<=760px){.dock-fixed{width:96%}.dock-brand,.dock-actions{display:none}.dock-center{width:100%}.dock-surface{justify-content:center;width:100%;padding-inline:8px}.dock-scroll{max-width:100%;padding-inline:10px}.shell main{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}}.theme-logo{flex:none;place-items:center;display:inline-grid}.theme-logo img{object-fit:contain;grid-area:1/1;width:100%;height:100%}.theme-logo .logo-dark,html[data-theme=dark] .theme-logo .logo-light{display:none}html[data-theme=dark] .theme-logo .logo-dark{display:block}.dock-logo{width:36px;height:36px}.header-logo{width:34px;height:34px}.splash-logo{width:72px;height:72px;margin-bottom:12px}.dock-brand>.theme-logo{border-radius:12px;overflow:hidden}.shell header>.header-brand{flex-direction:row;align-items:center;gap:10px}.header-brand>span{flex-direction:column;display:flex}.dock-fixed{width:92%;max-width:1280px;bottom:calc(env(safe-area-inset-bottom,0px) + .75rem)}.dock-brand{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0}.dock-center{max-width:100%}.dock-surface{border:1px solid var(--line);background:linear-gradient(180deg,color-mix(in oklab,var(--surface) 88%,transparent),color-mix(in oklab,var(--surface) 98%,transparent));-webkit-backdrop-filter:blur(18px)saturate(1.08);border-radius:18px/22px;padding-inline:12px;box-shadow:0 6px 14px #03081233}.dock-scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;max-width:min(64vw,780px);padding:16px 16px 16px 20px;scroll-padding-left:20px;scroll-padding-right:20px}.dock-item{border:1px solid var(--line);background:linear-gradient(180deg,color-mix(in oklab,var(--solid) 88%,transparent),color-mix(in oklab,var(--surface) 98%,transparent));-webkit-backdrop-filter:blur(18px)saturate(1.08);border-radius:12px;box-shadow:0 6px 14px #03081233}.dock-item:hover{border-color:color-mix(in oklab,var(--primary) 28%,var(--line));box-shadow:0 18px 36px #0003,0 0 0 1px color-mix(in oklab,var(--primary) 28%,transparent);transform:translateY(-1px)}.dock-item:active{transform:translateY(0)}.dock-item-active{border-color:color-mix(in oklab,var(--primary) 38%,var(--line));background:linear-gradient(180deg,color-mix(in oklab,var(--solid) 96%,transparent),color-mix(in oklab,var(--surface) 92%,transparent));box-shadow:0 6px 14px #03081233}.dock-actions{gap:8px}.dock-initials{width:100%;height:100%;color:var(--text);border-radius:10px;place-items:center;font-size:12px;font-weight:700;display:grid}.dock-badge{color:#fff;background:#dc3545;border-radius:999px;place-items:center;min-width:14px;height:14px;padding-inline:3px;font-size:9px;line-height:1;display:grid;position:absolute;top:1px;right:1px}.dock-mobile-trigger{display:none}.dock-mobile-trigger .theme-logo{width:28px;height:28px}.dock-mobile-menu{z-index:60;border:1px solid var(--line);background:color-mix(in oklab,var(--solid) 96%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:auto;border-radius:12px;width:min(86vw,340px);max-height:min(68vh,560px);padding:8px;position:absolute;bottom:calc(100% + .75rem);right:0;overflow-y:auto;box-shadow:0 24px 70px #02081475}.dock-mobile-menu>button,.dock-mobile-menu>a{width:100%;min-height:42px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.dock-mobile-menu>button:hover,.dock-mobile-menu>a:hover{border-color:var(--line);background:var(--surface)}.dock-mobile-menu>button svg,.dock-mobile-menu>a svg{flex:none;width:17px;height:17px}.dock-mobile-menu>button span,.dock-mobile-menu>a span{flex:1}.dock-mobile-menu>button b{color:#fff;background:#dc3545;border-radius:999px;padding:2px 6px;font-size:10px}.dock-mobile-menu>.danger{color:#d54652}.dock-mobile-profile{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:10px;display:flex}.dock-mobile-profile .theme-logo{width:40px;height:40px}.dock-mobile-profile>span{flex-direction:column;min-width:0;display:flex}.dock-mobile-profile strong,.dock-mobile-profile small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dock-mobile-profile small{color:var(--muted);margin-top:4px;font-size:11px}.dock-notifications{border:1px solid var(--line);background:var(--surface);border-radius:12px;max-height:220px;margin-bottom:8px;padding:6px;overflow:auto}.dock-notifications>div{border-bottom:1px solid var(--line);flex-direction:column;gap:3px;padding:8px;display:flex}.dock-notifications>div:last-child{border:0}.dock-notifications small{color:var(--muted)}:root[data-theme=dark] .dock-surface,:root[data-theme=dark] .dock-item{background:linear-gradient(#141f2db3,#0e1622a8);border-color:#ffffff29;box-shadow:0 6px 14px #03081233}:root[data-theme=dark] .dock-item{background:linear-gradient(#1e2a3a80,#15202d75)}:root[data-theme=dark] .dock-mobile-menu{background:#0e1622f5}@media (width<=1023px){.dock-fixed{width:calc(100vw - 1rem);max-width:calc(100vw - 1rem)}.dock-actions{display:none}.dock-center{width:100%}.dock-surface{width:100%;padding-inline:4px}.dock-scroll{scroll-snap-type:x proximity;gap:8px;width:100%;max-width:100%;padding-inline:8px;scroll-padding-inline:8px}.dock-scroll>*{scroll-snap-align:center}.dock-mobile-trigger{display:grid}.shell main{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}}@media (width>=761px) and (width<=1023px){.dock-brand{display:flex}}.dock-fixed{--radius-sm:10px;--radius-md:16px;--glass-blur:0px;--glass-bright:1.04;--glass-panel:#0c131e94;--glass-panel-strong:#090f18b3;--glass-border:#ffffff29;--border:#ffffff2e;--surface-1:#ffffff0d;--surface-2:#ffffff14;--shadow-soft:0 6px 16px #00000029;--outline-grad:linear-gradient(135deg,#ffffffc7,#5da8ffad 55%,#ffffff5c);--dock-primary:#5da8ff;--dock-text:#f4f8ff;--dock-muted:#e9f0fcad}:root[data-theme=light] .dock-fixed{--glass-panel:#ffffffa8;--glass-panel-strong:#ffffffc7;--glass-border:#0712261f;--border:#0712261f;--surface-1:#00000005;--surface-2:#0000000d;--shadow-soft:0 5px 14px #0f172a14;--outline-grad:linear-gradient(135deg,#fffffff5,#2d82ff57 62%,#ffffffc7);--dock-primary:#2d82ff;--dock-text:#071226;--dock-muted:#0712269e}.dock-fixed .dock-surface,.dock-fixed .dock-item{border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important;background:linear-gradient(180deg,color-mix(in oklab,var(--glass-panel-strong) 88%,transparent),color-mix(in oklab,var(--glass-panel) 98%,transparent))!important;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-bright))!important;box-shadow:var(--shadow-soft)!important}.dock-fixed .dock-item{color:var(--dock-muted);border-radius:var(--radius-sm)!important}.dock-fixed .dock-item:hover{border-color:color-mix(in oklab,var(--dock-primary) 28%,var(--glass-border))!important;box-shadow:0 18px 36px #0003,0 0 0 1px color-mix(in oklab,var(--dock-primary) 28%,transparent)!important;transform:translateY(-1px)!important}.dock-fixed .dock-item:active{transform:translateY(0)!important}.dock-fixed .dock-item-active{color:var(--dock-primary)}.dock-fixed .dock-link.dock-item-active svg{color:var(--dock-primary);filter:drop-shadow(0 0 14px #68a9ff73)}.dock-fixed .dock-link.dock-item-active i{background-image:var(--outline-grad);display:block}.dock-viewport{max-width:min(64vw,780px);padding-inline:.875rem;position:relative;overflow:visible}.dock-utility-surface{align-items:center;gap:8px;height:64px;padding:0 12px;display:flex;overflow:visible}.dock-mobile-separator{background:var(--border);flex:0 0 1px;width:1px;height:32px;margin-inline:4px;display:none}.dock-search-panel{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-panel-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:min(92vw,360px);padding:12px;position:absolute;bottom:calc(100% + 12px);right:0;box-shadow:0 24px 70px #02081475}.dock-search-panel label{align-items:center;gap:8px;display:flex}.dock-search-panel label svg{width:16px}.dock-search-panel input{height:40px}.dock-search-panel>div{max-height:240px;margin-top:8px;overflow:auto}.dock-search-panel a,.dock-search-mobile a{color:var(--dock-text);border-radius:10px;align-items:center;gap:9px;padding:9px;display:flex}.dock-search-panel a:hover,.dock-search-mobile a:hover{background:var(--surface-2)}.dock-search-panel a svg,.dock-search-mobile a svg{width:16px}.dock-search-mobile{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;margin:6px 0;padding:8px}.dock-search-mobile input{height:40px;margin-bottom:6px}@media (width<=1023px){[data-onboarding-target=dock-main]{width:calc(100vw - 1rem);max-width:calc(100vw - 1rem);padding-inline:.25rem!important}[data-onboarding-target=dock-main]>.dock-viewport{width:100%;max-width:100%!important;padding-inline:.25rem!important}[data-onboarding-target=dock-main]>.dock-viewport>.dock-scroll{scroll-snap-type:x proximity;overscroll-behavior-x:contain;touch-action:pan-x;-webkit-overflow-scrolling:touch;gap:.5rem;width:100%;max-width:100%;padding-left:.5rem!important;padding-right:.5rem!important;scroll-padding-left:.5rem!important;scroll-padding-right:.5rem!important;overflow-x:auto!important}[data-onboarding-target=dock-main]>.dock-viewport>.dock-scroll>*{scroll-snap-align:center;flex:none!important}[data-onboarding-target=dock-main] .dock-item{min-width:2.5rem;flex-shrink:0!important}.dock-mobile-separator{display:block}}