@font-face{font-family:Josefin Sans;src:url(/fonts/JosefinSans-Light.ttf)format("truetype");font-weight:300;font-display:swap}@font-face{font-family:Josefin Sans;src:url(/fonts/JosefinSans-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Josefin Sans;src:url(/fonts/JosefinSans-Bold.ttf)format("truetype");font-weight:700;font-display:swap}:root{--xiketic:#0d0e22;--rich-black:#041e2f;--charcoal:#2e3b4c;--white:#fff;--yellow:#f7ad33;--sea-green:#39b3a9;--flame:#ed4d2e;--bg:var(--xiketic);--surface:#2e3b4c59;--surface-strong:#161a33;--border:#cacfd624;--border-strong:#cacfd647;--text:var(--white);--text-muted:#a3acb9;--text-faint:#6f7a8a;--font:"Josefin Sans", Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--text);background:radial-gradient(1200px 600px at 10% 70%, #041e2fe6, transparent 70%), radial-gradient(900px 500px at 90% 0%, #2e3b4c73, transparent 70%), var(--bg);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.boot{color:var(--text-muted);font-family:var(--font);padding:2rem}.boot-error{color:var(--flame)}.page{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 28px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{width:auto;height:18px;display:block}.brand-product{letter-spacing:.04em;color:var(--text-muted);border-left:1px solid var(--border-strong);padding-top:4px;padding-left:14px;font-size:1.15rem;font-weight:300;line-height:1}.topbar-actions{align-items:center;gap:14px;display:flex}.role-pill{border:1px solid var(--border-strong);color:var(--text-muted);border-radius:999px;padding:6px 12px 4px;font-size:.75rem}.icon-btn{width:38px;height:38px;color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface);color:var(--text);border-color:var(--border)}.icon-btn.small{border-radius:8px;width:28px;height:28px}.icon-btn.danger:hover{color:var(--flame)}.user-menu{position:relative}.avatar{border:1px solid var(--border-strong);background:var(--charcoal);border-radius:50%;width:38px;height:38px;padding-top:3px;font-weight:700}.menu{z-index:20;background:var(--surface-strong);border:1px solid var(--border-strong);border-radius:12px;min-width:240px;padding:6px;position:absolute;top:46px;right:0;box-shadow:0 16px 40px #00000073}.menu-head{border-bottom:1px solid var(--border);flex-direction:column;gap:2px;margin-bottom:4px;padding:10px 12px;display:flex}.menu-head small{color:var(--text-muted)}.menu-item{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.menu-item:hover{background:var(--surface)}.content{flex:1;width:100%;max-width:980px;margin:0 auto;padding:56px 16px 32px}.eyebrow{text-align:center;text-transform:uppercase;letter-spacing:.35em;color:var(--sea-green);margin:0 0 14px;font-size:.75rem}.hero{text-align:center;letter-spacing:-.02em;margin:0 0 28px;font-size:clamp(2rem,5vw,3.2rem);font-weight:700}.search{border:1px solid var(--border-strong);max-width:720px;color:var(--text-muted);background:#041e2f8c;border-radius:999px;align-items:center;gap:12px;margin:0 auto 16px;padding:14px 18px;display:flex}.search:focus-within{border-color:var(--sea-green)}.search input{background:0 0;border:0;outline:none;flex:1;min-width:0;padding-top:3px;font-size:1.05rem}.search input::placeholder{color:var(--text-faint)}.search kbd{font-family:var(--font);border:1px solid var(--border-strong);color:var(--text-muted);white-space:nowrap;border-radius:6px;padding:4px 8px 2px;font-size:.7rem}.status-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 32px;margin:0 auto 28px;padding:16px 22px;display:flex}.status-item{align-items:center;gap:12px;display:flex}.status-item>div{flex-direction:column;gap:3px;display:flex}.status-item small{color:var(--text-muted);font-size:.82rem}.status-item.vpn-on{color:var(--sea-green)}.status-item.vpn-off{color:var(--yellow)}.status-item.vpn strong{color:var(--text)}.dot{border-radius:50%;flex:none;width:10px;height:10px}.dot-up{background:var(--sea-green);box-shadow:0 0 0 3px #39b3a933}.dot-down{background:var(--flame);box-shadow:0 0 0 3px #ed4d2e33}.dot-checking{background:var(--text-faint)}.chips{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:36px;display:flex;position:relative}.chip{border:1px solid var(--border-strong);color:var(--text-muted);background:0 0;border-radius:999px;padding:10px 20px 8px}.chip:hover{color:var(--text)}.chip.active{background:var(--charcoal);border-color:var(--charcoal);color:var(--text)}.chip-link{color:var(--text-muted);background:0 0;border:0;margin-left:8px;padding:10px 12px 8px}.chip-link:hover,.chip-link.active{color:var(--sea-green)}.edit-hint{text-align:center;color:var(--text-muted);margin:-20px 0 28px;font-size:.85rem}.grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));justify-items:center;gap:40px 16px;display:grid}.tile{border-radius:18px;flex-direction:column;align-items:center;width:170px;display:flex;position:relative}.tile-link{color:inherit;border-radius:18px;flex-direction:column;align-items:center;gap:4px;width:100%;padding:8px;text-decoration:none;display:flex}a.tile-link:hover .tile-icon{transform:translateY(-3px);box-shadow:0 18px 34px #00000073}a.tile-link:focus-visible{outline:2px solid var(--sea-green);outline-offset:2px}.tile-icon{background:linear-gradient(150deg, color-mix(in srgb, var(--tile) 78%, white) 0%, var(--tile) 70%);border-radius:26px;place-items:center;width:104px;height:104px;margin-bottom:14px;transition:transform .15s,box-shadow .15s,filter .2s;display:grid;position:relative;box-shadow:0 10px 24px #00000059,inset 0 1px #ffffff2e}.tile-name{text-align:center;font-size:1.05rem;font-weight:700}.tile-desc{color:var(--text-muted);text-align:center;font-size:.85rem;line-height:1.35}.tile-dot{border:2px solid var(--bg);border-radius:50%;width:12px;height:12px;position:absolute;top:-3px;right:-3px}.tile-badge{letter-spacing:.12em;text-transform:uppercase;color:var(--text);background:var(--xiketic);border:1px solid var(--border-strong);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:4px 9px 2px;font-size:.62rem;display:inline-flex;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.badge-vpn{color:var(--yellow);border-color:#f7ad3380}.tile.soon .tile-icon,.tile.locked .tile-icon{filter:grayscale(.85)brightness(.55)}.tile.soon .tile-name,.tile.locked .tile-name{color:var(--text-muted)}.tile.locked .tile-desc{color:var(--yellow)}.tile.soon .tile-link,.tile.locked .tile-link{cursor:not-allowed}.tile-lock{color:var(--yellow);border-radius:inherit;filter:none;background:#0d0e2259;place-items:center;display:grid;position:absolute;inset:0}.tile.locked .tile-icon>svg{opacity:.35}.tile-fav{border:1px solid var(--border-strong);background:var(--xiketic);width:26px;height:26px;color:var(--text-muted);opacity:0;border-radius:50%;place-items:center;transition:opacity .15s;display:grid;position:absolute;top:6px;left:22px}.tile:hover .tile-fav,.tile-fav:focus-visible{opacity:1}.tile-fav.on{opacity:1;color:var(--yellow);border-color:#f7ad3380}.tile-tools{gap:4px;display:flex;position:absolute;top:2px;right:14px}.tile-tools .icon-btn{background:var(--xiketic);border-color:var(--border-strong)}.tile.editing{cursor:grab}.tile.editing .tile-icon{animation:.9s ease-in-out infinite wiggle}.tile.dragging{opacity:.35}@keyframes wiggle{0%,to{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}@media (prefers-reduced-motion:reduce){.tile.editing .tile-icon{animation:none}}.add-tile{background:0 0;border:0;gap:4px;padding:8px}.add-icon{border:2px dashed var(--border-strong);box-shadow:none;color:var(--text);background:0 0}.add-tile:hover .add-icon{border-color:var(--sea-green);color:var(--sea-green)}.add-tile .tile-name{color:var(--text-muted)}.empty{color:var(--text-muted);grid-column:1/-1}.footer{width:calc(100% - 32px);max-width:720px;color:var(--text-muted);align-items:center;gap:18px;margin:24px auto 28px;font-size:.9rem;display:flex}.footer:before,.footer:after{content:"";background:var(--border-strong);flex:1;height:1px}.error{color:var(--flame);font-size:.9rem}.muted{color:var(--text-muted)}.help{color:var(--text-faint);margin:4px 0 0;font-size:.8rem;display:block}.btn{border:1px solid var(--border-strong);background:0 0;border-radius:10px;padding:10px 18px 8px;font-weight:700}.btn.primary{background:var(--sea-green);border-color:var(--sea-green);color:var(--xiketic)}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost:hover{background:var(--surface)}.btn:disabled{opacity:.6;cursor:default}.btn.wide{width:100%;padding:14px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040612b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface-strong);border:1px solid var(--border-strong);border-radius:16px;flex-direction:column;width:100%;max-width:560px;max-height:calc(100vh - 32px);display:flex;box-shadow:0 30px 80px #0009}.modal-head{justify-content:space-between;align-items:center;padding:18px 22px 12px;display:flex}.modal-head h2{margin:0;font-size:1.25rem}.modal-body{padding:4px 22px 18px;overflow:auto}.modal-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.form{flex-direction:column;gap:14px;display:flex}.form label{color:var(--text-muted);flex-direction:column;gap:6px;font-size:.85rem;display:flex}.form label em{color:var(--text-faint);font-style:normal}.form input,.form select,.form-inline input,.form-inline select,.people select{background:var(--xiketic);border:1px solid var(--border-strong);color:var(--text);border-radius:10px;min-width:0;padding:10px 12px 8px;font-size:.95rem}.form input:focus,.form select:focus,.form-inline input:focus{border-color:var(--sea-green);outline:none}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-inline{align-items:center;gap:8px;display:flex}.form-inline input{flex:1}.form fieldset{border:0;margin:0;padding:0}.form legend{color:var(--text-muted);margin-bottom:8px;font-size:.85rem}.form-preview{background:var(--xiketic);border-radius:12px;align-items:center;gap:16px;padding:12px;display:flex}.form-preview .tile-icon{border-radius:16px;width:64px;height:64px;margin:0}.form-preview>div{flex-direction:column;gap:2px;display:flex}.form-preview small{color:var(--text-muted)}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{outline:1px solid var(--border-strong);border:2px solid #0000;border-radius:50%;width:32px;height:32px}.swatch.selected{border-color:var(--xiketic);outline:2px solid var(--white)}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px;display:grid}.icon-choice{border:1px solid var(--border);height:40px;color:var(--text-muted);background:0 0;border-radius:10px;place-items:center;display:grid}.icon-choice:hover{color:var(--text)}.icon-choice.selected{border-color:var(--sea-green);color:var(--sea-green);background:#39b3a91a}.people{flex-direction:column;gap:6px;margin:16px 0 0;padding:0;list-style:none;display:flex}.people li{background:var(--xiketic);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.people li>span:first-child{text-overflow:ellipsis;flex:1;overflow:hidden}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:18px;width:100%;max-width:440px;padding:44px 36px}.login-mark{width:180px;height:auto;margin:0 auto 28px;display:block}.login-card h1{margin:0 0 28px;font-size:1.6rem}.tile-icon.has-image{overflow:visible}.tile-icon.has-image>img{border-radius:inherit;pointer-events:none;display:block}.tile-icon.fit-cover{background:var(--charcoal)}.tile-icon.fit-cover>img{object-fit:cover;width:100%;height:100%}.tile-icon.fit-contain>img{object-fit:contain;border-radius:0;width:68%;height:68%}.badge-ai{color:var(--sea-green);border-color:#39b3a980}.badge-obsolete{color:var(--flame);border-color:#ed4d2e80}.tile.obsolete .tile-icon{filter:grayscale()brightness(.5)}.tile.obsolete .tile-name{color:var(--text-muted);-webkit-text-decoration:line-through #ed4d2e99;text-decoration:line-through #ed4d2e99}.chip{align-items:center;gap:6px;display:inline-flex}.chip-muted{border-style:dashed}.segmented{background:var(--xiketic);border:1px solid var(--border-strong);border-radius:10px;gap:3px;padding:3px;display:inline-flex}.segmented button{color:var(--text-muted);background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px 6px;display:inline-flex}.segmented button.on{background:var(--charcoal);color:var(--text)}.segmented.small{margin-bottom:12px}.segmented.small button{padding:6px 12px 4px;font-size:.85rem}.picture-pane{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.dropzone{text-align:center;border:2px dashed var(--border-strong);color:var(--text-muted);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:18px;display:flex}.dropzone:hover,.dropzone.over{border-color:var(--sea-green);color:var(--sea-green)}.dropzone span{color:var(--text);font-weight:700}.dropzone small{color:var(--text-faint);font-size:.75rem}.picture-pane .btn{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.swatches+.icon-grid{margin-top:12px}.obsolete-box{border-radius:12px;flex-direction:column;gap:10px;display:flex;border:1px solid var(--border)!important;padding:12px 14px!important}.obsolete-box.on{border-color:#ed4d2e73!important}.form label.check{color:var(--text);cursor:pointer;flex-direction:row;align-items:center;gap:10px;font-size:.95rem}.form label.check input{width:18px;height:18px;accent-color:var(--flame)}.help code{font-family:ui-monospace,monospace;font-size:.9em}.section-line{grid-column:1/-1;justify-self:stretch;align-items:center;gap:14px;margin:8px 0 -12px;display:flex}.section-line.unlabelled{margin:0 0 -16px}.section-title{letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;margin:0;padding-top:3px;font-size:.8rem;font-weight:700}.section-rule{background:var(--border-strong);flex:1;height:1px}.section-line.editing{border:1px dashed var(--border-strong);cursor:grab;border-radius:12px;padding:6px 8px}.section-line.dragging{opacity:.35}.section-grip{color:var(--text-faint);flex:none}.section-input{background:var(--xiketic);border:1px solid var(--border-strong);letter-spacing:.15em;text-transform:uppercase;border-radius:8px;width:240px;max-width:45%;padding:7px 10px 5px;font-size:.85rem}.section-input:focus{border-color:var(--sea-green);outline:none}.section-input::placeholder{text-transform:none;letter-spacing:normal;color:var(--text-faint)}.tile.drop-before:before,.tile.drop-after:after{content:"";background:var(--sea-green);pointer-events:none;border-radius:2px;width:3px;position:absolute;top:8px;bottom:8px;box-shadow:0 0 10px #39b3a9b3}.tile.drop-before:before{left:-10px}.tile.drop-after:after{right:-10px}.section-line{position:relative}.section-line.drop-before:before,.section-line.drop-after:after{content:"";background:var(--sea-green);pointer-events:none;border-radius:2px;height:3px;position:absolute;left:0;right:0;box-shadow:0 0 10px #39b3a9b3}.section-line.drop-before:before{top:-10px}.section-line.drop-after:after{bottom:-10px}.section-line.drop-after:not(.dragging){border-color:var(--sea-green)}.grid.drop-end{outline-offset:12px;border-radius:12px;outline:1px dashed #39b3a980}.badge-host{position:relative}.count-badge{background:var(--flame);min-width:18px;height:18px;color:var(--white);border-radius:999px;place-items:center;padding:2px 5px 0;font-size:.7rem;font-weight:700;line-height:1;display:grid;position:absolute;top:2px;right:2px}.tile-flag{border:1px solid var(--border-strong);background:var(--xiketic);width:26px;height:26px;color:var(--text-muted);opacity:0;border-radius:50%;place-items:center;transition:opacity .15s;display:grid;position:absolute;top:6px;right:22px}.tile:hover .tile-flag,.tile-flag:focus-visible{opacity:1}.tile-flag:hover{color:var(--flame);border-color:#ed4d2e80}.form textarea{background:var(--xiketic);border:1px solid var(--border-strong);color:var(--text);font:inherit;resize:vertical;border-radius:10px;padding:10px 12px;font-size:.95rem}.form textarea:focus{border-color:var(--sea-green);outline:none}.panel-heading{letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin:6px 0 10px;font-size:.8rem}.suggestions{flex-direction:column;gap:8px;margin:0 0 18px;padding:0;list-style:none;display:flex}.suggestion{background:var(--xiketic);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px;display:flex}.suggestion.approved,.suggestion.rejected{opacity:.7}.suggestion-main{flex-direction:column;gap:4px;min-width:0;display:flex}.suggestion-main p{margin:0;font-size:.9rem}.suggestion-link{color:var(--sea-green);text-overflow:ellipsis;white-space:nowrap;max-width:320px;font-size:.82rem;overflow:hidden}.suggestion-type{letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--border-strong);border-radius:999px;align-self:flex-start;padding:3px 8px 1px;font-size:.65rem}.suggestion-type.add{color:var(--sea-green);border-color:#39b3a980}.suggestion-type.remove{color:var(--flame);border-color:#ed4d2e80}.suggestion-actions{flex-direction:column;flex:none;gap:6px;display:flex}.suggestion-status{text-transform:capitalize;color:var(--text-muted);flex:none;font-size:.75rem}.suggestion-status.approved{color:var(--sea-green)}.suggestion-status.rejected{color:var(--flame)}.btn.small{justify-content:center;align-items:center;gap:6px;padding:6px 10px 4px;font-size:.8rem;display:inline-flex}.btn.danger{color:var(--flame);border-color:#ed4d2e80}.btn.danger:hover{background:#ed4d2e1a}.toast{z-index:60;background:var(--surface-strong);border:1px solid #39b3a980;border-radius:12px;padding:12px 18px 10px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #00000073}.overview{border:1px solid var(--border);background:var(--surface);border-radius:16px;min-width:0;margin:0 auto 32px}.ov-top{flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;display:flex}.ov-toggle{color:var(--text);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:6px 6px 4px;font-size:1rem;font-weight:700;display:flex}.ov-toggle svg{color:var(--text-muted);transition:transform .2s}.ov-updated{color:var(--text-faint);margin-left:auto}.ov-tabs{background:var(--xiketic);border:1px solid var(--border);border-radius:10px;align-items:center;gap:4px;padding:3px;display:flex}.ov-tab{color:var(--text-muted);background:0 0;border:0;border-radius:8px;padding:7px 14px 5px;font-size:.88rem;position:relative;overflow:hidden}.ov-tab:hover{color:var(--text)}.ov-tab.active{background:var(--charcoal);color:var(--text)}.ov-tab-progress{background:var(--sea-green);transform-origin:0;width:100%;height:2px;animation:linear forwards ov-progress;position:absolute;bottom:0;left:0}@keyframes ov-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ov-rotate-state{color:var(--text-faint);place-items:center;padding:0 6px;display:inline-grid}.ov-body{padding:0 14px 14px}.ov-pane{border:1px solid var(--border);background:#041e2f8c;border-radius:12px;min-width:0;min-height:440px;padding:14px 16px;animation:.25s ov-fade}@keyframes ov-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.ov-pane{animation:none}}.ov-idle td{color:var(--text-faint)}.ov-idle td:not(:first-child){text-align:left;font-size:.8rem}.tl{--tl-label:200px;font-size:.8rem}.tl-row{grid-template-columns:var(--tl-label) minmax(0, 1fr);align-items:center;min-height:34px;display:grid}.tl-header{z-index:2;border-bottom:1px solid var(--border);background:#0b1a2c;min-height:24px;position:sticky;top:0}.tl-body{max-height:400px;overflow:hidden auto}.tl-label{flex-direction:column;min-width:0;padding-right:10px;display:flex}.tl-label span{text-overflow:ellipsis;white-space:nowrap;color:var(--text);overflow:hidden}.tl-label small{text-overflow:ellipsis;white-space:nowrap;color:var(--text-faint);font-size:.7rem;overflow:hidden}.tl-track{height:100%;min-height:34px;position:relative}.tl-header .tl-track{min-height:24px}.tl-month{color:var(--text-muted);white-space:nowrap;border-left:1px solid var(--border);padding-left:6px;font-size:.72rem;position:absolute;top:4px;overflow:hidden}.tl-today-label{color:var(--sea-green);background:#0b1a2c;padding:0 3px;font-size:.62rem;position:absolute;bottom:2px;transform:translate(-50%)}.tl-grid{background:#cacfd614;width:1px;position:absolute;top:0;bottom:0}.tl-today{z-index:1;background:#39b3a9b3;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.tl-section-title{letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);padding:10px 0 4px;font-size:.7rem}.tl-empty{color:var(--text-faint);padding:4px 0 8px}.tl-section+.tl-section{border-top:1px solid var(--border);margin-top:6px}.tl-row:not(.tl-header):hover{background:#cacfd60a}.tl-bar{z-index:1;height:18px;box-shadow:0 0 0 1px var(--xiketic);border-radius:4px;align-items:center;display:flex;position:absolute;top:8px;overflow:hidden}.tl-bar.clip-l{border-top-left-radius:0;border-bottom-left-radius:0}.tl-bar.clip-r{border-top-right-radius:0;border-bottom-right-radius:0}.tl-bar-text{white-space:nowrap;text-overflow:ellipsis;padding:2px 6px 0;font-size:.68rem;overflow:hidden}.tl-marker{z-index:2;border:1px solid var(--xiketic);width:10px;height:10px;margin-left:-5px;position:absolute;top:12px;transform:rotate(45deg)}.b-active,.b-trip-project{color:var(--xiketic);background:#39b3a9}.b-ship{color:var(--xiketic);background:#f7ad33}.b-hold,.b-overdue{color:var(--white);background:#ed4d2e}.b-done{color:var(--xiketic);background:#cacfd6}.b-todo,.b-trip{color:var(--white);background:#465972}.b-early{color:var(--text-muted);box-shadow:inset 0 0 0 1px var(--border-strong);background:0 0}.m-ship{background:#f7e733}.tl-legend{color:var(--text-muted);flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:.75rem;display:flex}.tl-legend span{align-items:center;gap:6px;display:inline-flex}.tl-swatch{border-radius:3px;width:14px;height:10px;display:inline-block}.tl-swatch.m-ship{border-radius:0;width:9px;height:9px;transform:rotate(45deg)}.overview:not(.open) .ov-toggle svg{transform:rotate(-90deg)}.ov-loading{color:var(--text-muted);margin:0;padding:0 20px 18px}.ov-grid{flex-direction:column;gap:14px;padding:0 14px 14px;display:flex}.ov-col{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px;display:grid}.ov-block{border:1px solid var(--border);background:#041e2f8c;border-radius:12px;min-width:0;padding:14px 16px}.ov-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.ov-head h3{letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.8rem}.ov-link{color:var(--text-muted);white-space:nowrap;align-items:center;gap:4px;font-size:.8rem;text-decoration:none;display:inline-flex}.ov-link:hover{color:var(--sea-green)}.ov-stale{color:var(--yellow);align-items:center;gap:6px;margin:0 0 8px;font-size:.8rem;display:flex}.ov-foot{color:var(--text-muted);align-items:flex-start;gap:6px;margin:10px 0 0;font-size:.8rem;display:flex}.ov-foot>svg{flex:none;margin-top:2px}.ov-place{white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.ov-summary{color:var(--text-muted);margin:0 0 12px;font-size:.88rem}.ov-summary strong{color:var(--text)}.st-good{color:var(--sea-green)}.st-warn{color:var(--yellow)}.st-bad{color:var(--flame)}.st-none{color:var(--text-faint)}.ov-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.ov-tile{background:var(--xiketic);border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.ov-label{color:var(--text-muted);font-size:.75rem}.ov-value{color:var(--text);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:1.6rem;font-weight:700;display:inline-flex}.ov-value.st-good,.ov-value.st-warn,.ov-value.st-bad{color:var(--text)}.ov-value.st-good svg{color:var(--sea-green)}.ov-value.st-warn svg{color:var(--yellow)}.ov-value.st-bad svg{color:var(--flame)}.delta{color:var(--text-faint);font-size:.72rem}.ov-table-wrap{overflow-x:auto}.ov-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.88rem}.ov-table th{text-align:right;color:var(--text-faint);border-bottom:1px solid var(--border);white-space:nowrap;padding:6px 8px;font-size:.72rem;font-weight:400}.ov-table td{text-align:right;white-space:nowrap;border-bottom:1px solid #cacfd60f;padding:7px 8px}.ov-table th:first-child,.ov-table td:first-child{text-align:left}.ov-table tbody tr:hover{background:#cacfd60d}.ov-site{color:var(--text)}.ov-sr{color:var(--text);align-items:center;gap:4px;display:inline-flex}.ov-sr svg{flex:none}.ov-sr.st-good svg{color:var(--sea-green)}.ov-sr.st-warn svg{color:var(--yellow)}.ov-sr.st-bad svg{color:var(--flame)}.ov-mini{color:var(--text-faint);margin-left:6px;font-size:.7rem}.ov-projects{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;display:grid}.ov-project{background:var(--xiketic);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:4px;min-width:0;padding:10px 12px;display:flex}.ov-project-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.ov-project-top strong{text-overflow:ellipsis;font-size:.92rem;overflow:hidden}.ov-meta,.ov-people{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px;font-size:.78rem;display:inline-flex}.ov-people{color:var(--text)}.ov-status{border:1px solid var(--border-strong);min-width:0;color:var(--text-muted);text-align:right;border-radius:999px;flex:0 auto;align-items:center;gap:4px;max-width:55%;padding:3px 7px 1px;font-size:.66rem;display:inline-flex}.ps-active{color:var(--sea-green);border-color:#39b3a980}.ps-hold{color:var(--flame);border-color:#ed4d2e80}.ps-ship{color:var(--yellow);border-color:#f7ad3373}.ps-done{color:var(--text)}.ov-more{color:var(--sea-green);background:0 0;border:0;margin-top:10px;padding:0;font-size:.85rem}.ov-bars{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.ov-bar-label{justify-content:space-between;gap:8px;margin-bottom:5px;font-size:.82rem;display:flex}.ov-bar-label span:last-child{color:var(--text-muted);font-variant-numeric:tabular-nums}.ov-bar{background:#cacfd61f;border-radius:4px;height:8px;overflow:hidden}.ov-bar span{background:var(--sea-green);border-radius:4px;height:100%;display:block}.ov-flags{gap:12px;margin-top:5px;font-size:.75rem;display:flex}.ov-flags span{align-items:center;gap:4px;display:inline-flex}@media (width<=600px){.topbar{padding:14px 16px}.brand-product{display:none}.content{padding-top:36px}.search kbd{display:none}.grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:28px 8px}.tile{width:130px}.tile-icon{border-radius:22px;width:84px;height:84px}.tile-fav{opacity:1;left:6px}.tile-flag{opacity:1;right:6px}.suggestion{flex-direction:column}.suggestion-actions{flex-flow:wrap}.form-row{grid-template-columns:1fr}.ov-col{grid-template-columns:minmax(0,1fr)}.tl{--tl-label:110px}.ov-tabs{width:100%}.ov-tab{flex:1;padding:7px 6px 5px;font-size:.8rem}.ov-updated{display:none}.ov-pane{min-height:0;padding:12px}.ov-body{padding:0 8px 8px}.ov-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.ov-grid{padding:0 8px 8px}}