@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}