:root .server-card{position:relative}
:root{--paper:#f8f6f4;--white:#fffefd;--ink:#392f39;--muted:#857d84;--plum:#413141;--rose:#a84e70;--rose-soft:#f4e4e9;--border:#eee7e9;--green:#4a7a68;--shadow:0 4px 24px #51384706;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--paper)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:var(--rose);text-decoration:none}button{border:0}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #c77c9a;outline-offset:4px}button,input,select{transition:background .15s,box-shadow .15s}input,select{width:100%;border:1px solid #dfd4da;border-radius:9px;background:#fff;padding:12px;color:var(--ink);outline:none}input:focus,select:focus{border-color:#b5708e;box-shadow:0 0 0 3px #bd7e9c17}input::placeholder{color:#aaa0a7}label{display:flex;flex-direction:column;gap:8px;font-weight:550;font-size:13px}label small{color:var(--muted);font-size:12px;font-weight:400;line-height:1.6}h1,h2,p{margin:0}h1{font-size:32px;letter-spacing:-1px;font-weight:600;line-height:1.2}h2{font-size:17px;letter-spacing:-.4px;font-weight:600}p{line-height:1.7}.muted{color:var(--muted);font-size:13px}.pink{color:#cb8da6}.eyebrow{font-size:10px;letter-spacing:2.1px;color:#a67587;font-weight:650;display:block;margin-bottom:12px}.button{padding:12px 18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-size:13px;font-weight:600;white-space:nowrap}.button.primary{background:var(--rose);color:white;box-shadow:0 4px 12px #a84e7015}.button.primary:hover{background:#913e60}.button.dark{background:var(--plum);color:#fff}.button.dark:hover{background:#322333}.button.secondary{background:#f2edf0;color:#6d5664}.text-button{background:none;color:var(--rose);font-size:12px;padding:8px 0;white-space:nowrap}.text-button:hover{color:#76314e}.icon-button{background:none;color:#887780;font-size:23px;line-height:1;padding:8px;border-radius:8px}.icon-button:hover{background:#f0e8ec}.status-dot{display:inline-block;width:6px;height:6px;background:#739e85;border-radius:50%;flex-shrink:0}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:30px;letter-spacing:1px;font-weight:450}.brand img{width:39px;height:39px}.brand-small{display:block;font-size:8px;letter-spacing:4.4px;font-weight:600;margin-top:1px;margin-left:2px}.workspace{display:flex;min-height:100vh}.sidebar{width:236px;position:fixed;inset:0 auto 0 0;background:#fffdfc;border-right:1px solid var(--border);padding:32px 19px 18px;display:flex;flex-direction:column;z-index:10}.sidebar .brand{margin-left:14px}.nav-caption{font-size:8px;letter-spacing:1.8px;color:#a59aa2;margin:49px 14px 15px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 15px;color:#81747f;background:transparent;border-radius:8px;font-size:12px;text-align:left;margin-bottom:5px;position:relative}.nav-item:hover{background:#faf4f6}.nav-item.active{background:#f4e7ed;color:#9a4c70;font-weight:600}.nav-icon{font-size:18px;width:20px;text-align:center;color:#aa899a}.nav-item.active .nav-icon{color:#a25a7c}.nav-mark{width:5px;height:5px;border-radius:50%;background:#a85b7e;margin-left:auto}.nav-count{margin-left:auto;background:#eee9ec;padding:2px 6px;border-radius:4px;font-size:9px;color:#9e8796}.sidebar-bottom{margin-top:auto;padding-top:50px}.sidebar-card{background:#f8f4f5;border:1px solid #f0e9ec;border-radius:12px;padding:17px 14px}.sidebar-card strong{font-size:10px;margin-left:5px;font-weight:600}.sidebar-card p{font-size:10px;color:#9a8995;margin:10px 0;line-height:1.8}.sidebar-card a{font-size:10px}.logout{display:flex;align-items:center;gap:10px;background:none;color:var(--ink);width:100%;padding:23px 5px 0;text-align:left}.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:35px;height:35px;border-radius:50%;background:#f1e4eb;color:#a2718c;font-size:12px;border:3px solid white;box-shadow:0 0 0 1px #efe7eb}.avatar.small{width:31px;height:31px;font-size:10px}.logout strong{font-size:11px;display:block}.logout small{font-size:9px;display:block;color:#a99ca4;margin-top:4px}.logout>span:last-child{margin-left:auto;color:#a394a0}.main{margin-left:236px;width:calc(100% - 236px)}.topbar{height:77px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 41px;background:#fffefd99}.breadcrumb{font-size:10px;color:#9f929b}.breadcrumb span{margin:0 13px;color:#c7bdc3}.breadcrumb strong{font-weight:500;color:#756772}.topbar-right{display:flex;align-items:center;gap:19px}.connection{font-size:10px;color:#93818e;display:flex;align-items:center;gap:7px}.connection.offline{color:#a34a59}.connection.offline .status-dot{background:#b65865}.topbar .icon-button{font-size:20px}.content{max-width:1600px;margin:auto;padding:35px 41px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading h1{margin-bottom:9px}.page-heading .eyebrow{font-size:9px;margin-bottom:10px}.date-chip{font-size:10px;color:#958691;border:1px solid #e7dde3;border-radius:7px;padding:9px 11px;white-space:nowrap;margin-top:15px}.hero{position:relative;background:#f1e3e7;border:1px solid #eee0e5;border-radius:15px;min-height:294px;overflow:hidden;margin-bottom:23px}.hero-copy{position:relative;padding:28px 36px;z-index:1;width:60%}.hero-label{font-size:8px;letter-spacing:1.7px;color:#9c788b;display:flex;align-items:center;gap:7px;margin-bottom:17px}.hero-label .status-dot{background:#b97d94;width:4px;height:4px}.hero h2{font-size:31px;line-height:1.23;letter-spacing:-1px;font-weight:500;color:#654356;margin-bottom:12px}.hero p{color:#987d8c;font-size:11px;line-height:1.7;margin-bottom:21px}.hero .button{font-size:10px;padding:11px 16px;gap:30px;border-radius:7px}.hero-branch{position:absolute;right:-2px;bottom:-17px;width:60%;height:110%;object-fit:contain;object-position:right bottom;pointer-events:none}.hero-bottom{position:absolute;right:27px;bottom:20px;font-size:8px;letter-spacing:3.5px;color:#bd9ba9}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:27px}.stat-card{position:relative;background:var(--white);border:1px solid var(--border);border-radius:12px;padding:20px 20px 17px;box-shadow:var(--shadow);min-height:137px}.stat-label{font-size:10px;color:#9b8b95;display:block;margin-bottom:12px}.stat-card strong{display:block;font-size:29px;letter-spacing:-.5px;font-weight:500;margin-bottom:7px}.stat-note{font-size:9px;color:#ad9ea7}.stat-icon{position:absolute;right:17px;top:16px;font-size:17px;width:30px;height:30px;border-radius:8px;display:flex;justify-content:center;align-items:center}.rose{background:#f6e7ed;color:#bd809c}.lavender{background:#eee9f7;color:#9a87b2}.sage{background:#eaf0eb;color:#8ca68f}.peach{background:#f8eee5;color:#c9a584}.overview-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:22px}.panel{border:1px solid var(--border);background:var(--white);border-radius:13px;box-shadow:var(--shadow);overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 22px 15px;gap:15px}.panel-heading h2{font-size:14px;margin-bottom:6px}.panel-heading p{font-size:10px;color:#a1919c}.panel-heading .text-button{font-size:9px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:11px;white-space:nowrap}th{font-size:8px;letter-spacing:.7px;font-weight:500;color:#aa9aa5;padding:13px 22px;background:#fcfafb;border-bottom:1px solid var(--border)}td{padding:16px 22px;border-bottom:1px solid #f2edf0;color:#9a8995}tr:last-child td{border-bottom:0}.domain-cell{display:flex;align-items:center;gap:11px;color:#66535f;font-weight:550}.domain-icon{border:1px solid #eee4eb;background:#faf6f8;border-radius:7px;display:inline-flex;width:29px;height:29px;justify-content:center;align-items:center;color:#b890a5;font-size:16px}.domain-sub{display:block;color:#b4a2af;font-size:9px;font-weight:400;margin-top:5px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:4px 7px;font-size:9px;background:#edf4ee;color:#6b9478;white-space:nowrap}.badge.gray{background:#f2eef0;color:#a08b99}.badge.rose{background:#f8eaf0;color:#b37d98}.badge.warn{background:#fff2e1;color:#99753b}.small-flower{font-size:25px;color:#deb3c6}.job-item{display:flex;align-items:flex-start;gap:11px;padding:15px 22px;border-bottom:1px solid #f4eff2}.job-item:last-child{border-bottom:0}.job-dot{margin-top:5px;width:7px;height:7px;border-radius:50%;background:#d8b1c4;flex-shrink:0}.job-dot.done{background:#9cbaa2}.job-dot.review{background:#d3aa78}.job-body{min-width:0;flex:1}.job-body strong{font-size:10px;font-weight:500;display:block;overflow-wrap:anywhere}.job-body p{font-size:10px;color:#a38f9d;margin-top:4px;line-height:1.5}.job-body time{display:block;font-size:9px;color:#b5a7b0;margin-top:7px}.all-events{display:block;margin:10px 22px 15px;font-size:10px}.empty{padding:40px 24px;text-align:center;color:#aa98a4}.empty-icon{font-size:29px;color:#d8b4c7;margin-bottom:10px}.empty h3{font-size:14px;color:#806675;font-weight:500;margin:0 0 6px}.empty p{font-size:11px;margin-bottom:10px}.bottom-note{display:flex;align-items:center;gap:15px;background:#f3edef;border:1px solid #eee4e9;border-radius:10px;padding:17px 22px;margin-top:24px}.bottom-note>span{font-size:24px;color:#c598af}.bottom-note strong{font-size:10px;font-weight:550;color:#937284}.bottom-note p{font-size:10px;color:#ab95a2;margin-top:4px}.bottom-note b{font-weight:500;color:#8b6d7d}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.search{flex-direction:row;align-items:center;gap:9px;min-width:250px;background:white;border:1px solid var(--border);padding:0 12px;border-radius:8px}.search span{font-size:22px;color:#b797a9}.search input{border:0;padding:12px 2px;font-size:12px}.search input:focus{box-shadow:none}.toolbar .muted{font-size:11px}.section-note{font-size:11px;color:#9b8794;margin-top:20px;line-height:1.8}.server-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.server-card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:25px}.server-card h2{margin-bottom:6px}.server-ip{font-family:ui-monospace,monospace;font-size:11px;color:#a38b9a}.server-tags{display:flex;gap:7px;margin:15px 0}.resource-row{display:flex;justify-content:space-between;font-size:12px;padding:13px 0;border-top:1px solid #f3ecf0;color:#9d8494}.resource-row strong{font-weight:500;color:#715564}.architecture-note{padding:24px;margin-top:24px}.architecture-note h2{margin-bottom:16px}.architecture-note p{margin-bottom:15px;font-size:13px}.architecture-note a{font-size:12px}footer{display:flex;justify-content:space-between;gap:20px;padding:28px 0 24px;margin-top:15px;color:#b8a6b1;font-size:9px}footer>span:first-child{color:#a68b9d}footer i{font-style:normal;margin:0 8px}.error{color:#af405b;font-size:12px;line-height:1.6}.banner{padding:14px 18px;border-radius:9px;margin-bottom:20px;font-size:12px;line-height:1.6}.error-banner{background:#f9e8ed;color:#a14e65;border:1px solid #f0ced9}.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-art{background:#473344;color:#fff;padding:48px 58px;position:relative;overflow:hidden;display:flex;flex-direction:column}.login-art:after{content:"";background:url('/assets/branch.svg') right bottom/contain no-repeat;position:absolute;bottom:-80px;right:-90px;width:110%;height:55%;opacity:.25;transform:rotate(-10deg)}.brand-light{color:#fff}.login-copy{margin:auto 0;position:relative;z-index:1;padding:75px 0 100px}.login-copy .eyebrow{color:#caa1b6;font-size:9px}.login-copy h1{font-size:clamp(40px,4.2vw,67px);font-weight:400;letter-spacing:-1.9px;line-height:1.1;margin:25px 0}.login-copy em{font-weight:400;color:#e7b5cb;font-style:normal}.login-copy p{color:#b99ead;font-size:13px;line-height:1.9}.login-foot{color:#ae899f;font-size:10px;position:relative;z-index:1}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:50px 30px;background:#fdfbf9}.login-form{max-width:340px;width:100%;display:flex;flex-direction:column;gap:20px}.login-form h2{font-size:30px;font-weight:500;letter-spacing:-1px}.login-form>.muted{margin-top:-9px}.login-form .button{width:100%;margin-top:3px}.login-form .error:empty{display:none}.login-note{color:#b4a3ad;text-align:center;font-size:10px;line-height:1.8;margin-top:6px}.flower-small{font-size:38px;color:#c798b0;margin-bottom:4px}dialog{border:1px solid #ecdee5;border-radius:16px;padding:29px;width:min(560px,calc(100% - 28px));max-height:90vh;overflow:auto;box-shadow:0 25px 90px #3c203c25;color:var(--ink);background:var(--white)}dialog::backdrop{background:#392a3c55;backdrop-filter:blur(4px)}dialog form{display:flex;flex-direction:column;gap:20px}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.dialog-heading h2{font-size:23px}.dialog-heading .eyebrow{font-size:8px;margin-bottom:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkbox-label{flex-direction:row;align-items:flex-start;font-weight:500;line-height:1.6;padding:16px;background:#f9f1f5;border:1px solid #f1e2e9;border-radius:9px}.checkbox-label input{width:16px;height:16px;margin:2px 2px 0 0;accent-color:var(--rose)}.checkbox-label small{display:block;margin-top:5px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.password-row{display:flex;border:1px solid #dfd4da;border-radius:9px;background:white;align-items:center;gap:10px;padding-right:12px}.password-row input{border:0;min-width:0}.password-row input:focus{box-shadow:none}.form-error:empty{display:none}.toast{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translateX(-50%);background:#4c3548;color:#fff;padding:15px 24px;border-radius:10px;box-shadow:0 8px 30px #44223333;font-size:12px;z-index:50;max-width:90vw}#mobile-menu{display:none}[hidden]{display:none!important}
@media(min-width:1500px){.hero{min-height:320px}.hero-copy{padding:36px 43px}.hero h2{font-size:37px}.hero p{font-size:12px}.hero-branch{right:0;width:58%}.content{padding-top:43px}.stats{gap:22px}.stat-card{padding:22px;min-height:150px}.stat-label{font-size:11px}.stat-note{font-size:10px}th{font-size:9px}td{font-size:12px;padding-top:18px;padding-bottom:18px}}
@media(max-width:1150px){.sidebar{width:210px;padding-left:14px;padding-right:14px}.main{margin-left:210px;width:calc(100% - 210px)}.topbar{padding:0 25px}.content{padding:28px 25px 0}.overview-grid{grid-template-columns:1fr}.stats{gap:10px}.stat-card{padding:18px 14px}.stat-icon{right:10px;width:25px;height:25px;font-size:14px}.stat-label{font-size:9px}.hero h2{font-size:29px}.hero-copy{padding-left:28px}td,th{padding-left:17px;padding-right:17px}.activity-panel #recent-jobs{display:grid;grid-template-columns:1fr 1fr}.connection{font-size:9px}}
@media(max-width:760px){h1{font-size:27px}.sidebar{transform:translateX(-100%);transition:transform .2s;width:230px;box-shadow:10px 0 50px #33223322}.sidebar.mobile-open{transform:none}.main{margin-left:0;width:100%}.topbar{height:62px;padding:0 17px;gap:12px}.breadcrumb{flex:1;font-size:9px}.breadcrumb span{margin:0 5px}.topbar-right{gap:8px}.connection{display:none}#mobile-menu{display:block;font-size:18px}.content{padding:25px 17px 0}.page-heading{gap:12px;margin-bottom:22px}.date-chip{display:none}.page-heading .eyebrow{font-size:8px;letter-spacing:1.3px}.page-heading>.button{font-size:11px;padding:11px}.hero{min-height:267px}.hero-copy{width:80%;padding:25px 22px}.hero h2{font-size:28px}.hero-branch{right:-90px;bottom:-5px;width:80%;opacity:.55}.hero-bottom{font-size:6px;right:15px;letter-spacing:2px}.stats{grid-template-columns:1fr 1fr;gap:12px}.stat-card{min-height:125px;padding:18px}.stat-label{font-size:10px}.stat-note{font-size:9px}.stat-icon{right:14px}.stat-card strong{font-size:27px}.overview-grid{gap:17px}.panel-heading{padding:20px 17px 14px}.panel-heading p{font-size:9px}.activity-panel #recent-jobs{display:block}.bottom-note{padding:16px;align-items:flex-start;gap:12px}.bottom-note p{font-size:10px}.server-grid{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.toolbar>.muted{font-size:10px}.search{min-width:0}footer{font-size:8px;flex-direction:column;gap:8px}.login-page{grid-template-columns:1fr}.login-art{padding:22px 28px;min-height:175px}.login-art .brand{font-size:25px}.login-copy{padding:20px 0 0;margin:0}.login-copy h1{font-size:29px;letter-spacing:-.7px;margin:10px 0;line-height:1.1}.login-copy h1 br{display:none}.login-copy h1 br:after{content:" "}.login-copy p,.login-copy .eyebrow,.login-foot{display:none}.login-form-wrap{padding:40px 24px}.login-form{max-width:380px}.flower-small{display:none}.login-form h2{font-size:27px}dialog{padding:22px}.form-row{grid-template-columns:1fr}.toast{left:50%;min-width:260px}.dialog-heading h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}