:root{font-family:Tahoma,Trebuchet MS,Verdana,sans-serif;color:#1e2c41;font-size:13px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible{outline:2px solid #e9ab1c;outline-offset:2px}a{color:#1255b3;text-decoration:none}a:hover{text-decoration:underline}svg{flex:none}.desktop{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:35px 28px 70px;overflow:hidden;background:#56abdb}.wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,#2f87cc,#80cbed 48%,#e8f7fb 77%,#8dcc4b 78%,#71a12c)}.wallpaper-sun{position:absolute;width:220px;height:220px;border-radius:50%;top:7%;right:10%;background:radial-gradient(circle,#fffce3,#fff8d4 19%,#fff0 68%);opacity:.74}.wallpaper-hill{position:absolute;border-radius:50% 50% 0 0;transform:rotate(-8deg)}.wallpaper-hill--back{width:135%;height:47%;left:-23%;bottom:-26%;background:linear-gradient(160deg,#92c651 10%,#64a22b 69%,#4b8224);box-shadow:0 -13px 40px #b2e4848c}.wallpaper-hill--front{width:95%;height:39%;right:-28%;bottom:-31%;transform:rotate(18deg);background:linear-gradient(140deg,#72ac31,#4d8320)}.desktop-shortcuts{position:absolute;left:18px;top:18px;display:grid;gap:12px;z-index:1}.desktop-shortcut{border:1px solid transparent;background:transparent;color:#fff;display:grid;justify-items:center;text-shadow:0 1px 3px #1f3c69;font-size:12px;gap:4px;padding:9px;width:100px}.desktop-shortcut:hover{border:1px dashed #c7f1fe;background:#b6def236}.desktop-shortcut .brand-icon{width:46px;height:46px}.shortcut-emoji{font-size:35px;height:45px}.xp-window{position:relative;z-index:2;display:flex;flex-direction:column;width:min(1200px,calc(100vw - 165px));height:min(790px,calc(100vh - 112px));min-height:550px;border-radius:9px 9px 2px 2px;border:3px solid #1554bc;background:#fff;box-shadow:0 0 0 1px #00378a,0 17px 45px #0c36794d,0 1px 2px #fff inset;overflow:hidden}.xp-titlebar{height:37px;display:flex;justify-content:space-between;align-items:center;padding:0 5px 0 10px;color:#fff;text-shadow:1px 1px #174f9d;background:linear-gradient(180deg,#63a8fb,#2366dd 12%,#0652cf 45%,#1263dc 84%,#4b90f4);border-bottom:1px solid #123c9f;flex-shrink:0}.window-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px}.brand-icon{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center}.brand-icon svg{width:100%;height:100%}.brand-icon--large{width:58px;height:58px}.window-controls{display:flex;align-items:center;gap:2px}.window-controls span,.window-controls button,.dialog-x{width:22px;height:22px;display:grid;place-items:center;border:1px solid #bad0ff;color:#fff;background:linear-gradient(135deg,#2b89eb,#0a4fb5);border-radius:3px;box-shadow:inset 0 1px #a1d1ff;font-size:18px;line-height:1;text-shadow:1px 1px #14418d}.window-controls button,.dialog-x{background:linear-gradient(#f59d74,#d84a1f);border-color:#ffd5c2;opacity:1}.xp-menubar{height:28px;display:flex;align-items:center;gap:2px;padding:0 8px;background:#f2f2ed;border-bottom:1px solid #d4d6ce;flex-shrink:0}.xp-menubar button{border:0;background:transparent;padding:4px 10px;color:#333}.xp-menubar button:hover{background:#d2e2f7}.xp-toolbar{height:49px;flex-shrink:0;display:flex;align-items:center;gap:4px;padding:0 11px;background:linear-gradient(#fafaf8,#f2f3eb);border-bottom:1px solid #d9d9d2}.toolbar-item{display:inline-flex;align-items:center;gap:7px;background:none;border:1px solid transparent;color:#23354d;padding:6px 8px;white-space:nowrap}.toolbar-item:hover{border-color:#a5bad0;background:#e0eefe;border-radius:3px}.toolbar-disc{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;color:#fff;box-shadow:inset 1px 1px 1px #ffffff9c,0 1px 2px #516c9b77}.toolbar-disc.blue{background:linear-gradient(#8fc4f3,#2372c2)}.toolbar-disc.green{background:linear-gradient(#96d87e,#35963c)}.toolbar-disc.yellow{background:linear-gradient(#ffe5a0,#eba82b)}.toolbar-divider{height:31px;width:1px;background:#cececa;margin:0 5px}.toolbar-spacer,.taskbar-spacer{flex:1}.connection-label{white-space:nowrap;font-size:11px;display:inline-flex;gap:7px;align-items:center;padding-right:10px}.connection-dot{width:9px;height:9px;border-radius:50%;background:#54b84d;box-shadow:0 0 5px #50d744}.offline .connection-dot{background:#d75c4a;box-shadow:none}.addressbar{height:33px;display:flex;align-items:center;gap:8px;padding:0 10px;background:#eeeef0;border-bottom:1px solid #c2c7cb;flex-shrink:0}.address-label{font-size:11px;color:#606b76}.address-box{border:1px solid #8dabc8;background:#fff;box-shadow:inset 1px 1px #d7e1f2;display:flex;align-items:center;gap:7px;height:24px;padding:2px 8px;min-width:0;flex:1;font-size:11px;white-space:nowrap;overflow:hidden}.address-box svg{color:#3866ad}.address-crumb{color:#50749d}.go-button{display:flex;align-items:center;gap:4px;background:transparent;border:0;color:#2a6037;font-size:12px}.go-button svg{background:#50ac43;color:#fff;border-radius:50%;padding:2px}.window-body{min-height:0;display:flex;flex:1;background:#fff}.taskpane{width:225px;flex-shrink:0;overflow:auto;padding:18px 12px 12px;background:linear-gradient(90deg,#748bc5,#8ba1d3 80%,#9eb0de)}.task-section{background:linear-gradient(180deg,#fff 70%,#edf2ff);border-radius:8px 8px 5px 5px;overflow:hidden;margin-bottom:14px;box-shadow:1px 2px 3px #3e508f66}.task-heading{font-size:12px;font-weight:700;background:linear-gradient(100deg,#fff,#dce5fb);color:#1557b1;padding:9px 10px;display:flex;justify-content:space-between}.task-heading span{border-radius:50%;background:#fff;color:#3479c4;width:15px;height:15px;text-align:center;line-height:16px}.task-content{padding:12px 8px 13px;display:grid;gap:7px}.task-content button{background:transparent;border:0;text-align:left;color:#19509f;display:flex;align-items:center;gap:9px;font-size:11px;padding:5px 3px}.task-content button:hover{text-decoration:underline}.task-content button svg{color:#629746}.task-content.details{font-size:11px;color:#3d4662;gap:3px}.task-content.details>div{display:flex;align-items:center;gap:5px}.task-content.details p{margin:5px 0}.task-content.tip{font-size:11px;line-height:1.6;color:#575973}.task-content.tip span{font-size:22px}.xp-content{flex:1;overflow:auto;padding:22px 25px 35px;min-width:0;background:linear-gradient(180deg,#fff,#fff 80%,#fafcff)}.content-heading{display:flex;align-items:center;justify-content:space-between;padding:0 0 20px;border-bottom:1px solid #dbe3ee}.content-heading h1{margin:4px 0;font-size:24px;color:#23416f;letter-spacing:-.8px;font-weight:700}.content-heading p{margin:5px 0 0;font-size:12px;color:#7b8392}.tiny-overline{font-size:10px;letter-spacing:1.6px;color:#76a7da;font-weight:700}.heading-icon{width:72px;height:65px;display:grid;place-items:center;background:linear-gradient(130deg,#f4f9ff,#dceeff);border:1px solid #d5e4f9;border-radius:8px}.xp-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:20px 0}.metric{display:flex;flex-direction:column;background:linear-gradient(#fbfdff,#edf5ff);padding:13px 12px;border:1px solid #d5e4f4;border-radius:5px;min-width:0}.metric-label{text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:700;color:#4a719e}.metric strong{font-size:25px;color:#184882;line-height:1.4}.metric small{color:#73899e;font-size:10px;line-height:1.4}.explorer-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:6px 0 10px}.explorer-heading>div:first-child{display:flex;align-items:center;gap:9px}.section-label{font-size:12px;font-weight:700;color:#23477f}.count-tag{border:1px solid #dce5ee;background:#edf4fd;color:#57799d;padding:3px 7px;border-radius:8px;font-size:10px}.search-box{display:flex;align-items:center;gap:6px;color:#6e88a8;border:1px solid #bbcbdd;padding:6px 10px;max-width:240px;width:40%;background:#fff}.search-box input{width:100%;min-width:0;border:0;outline:none;font-size:11px;color:#223}.file-table{border:1px solid #b8cadd;background:#fff;min-height:90px}.file-row{display:grid;grid-template-columns:minmax(190px,2.5fr) minmax(100px,1fr) minmax(100px,1fr) minmax(120px,1.25fr);width:100%;text-align:left;align-items:center}.file-row>span{padding:7px 12px;min-width:0}.file-head{background:linear-gradient(180deg,#f8fbff,#d8e8fc);border-bottom:1px solid #afc4e2;color:#2b5180;font-size:11px;font-weight:700}.file-head>span+span{border-left:1px solid #b9cee9}.file-entry{background:#fff;border:0;border-bottom:1px solid #e5edf6;color:#365276;font-size:11px;min-height:52px}.file-entry:nth-child(odd){background:#f8fbff}.file-entry:hover{background:#e9f3fe}.file-entry.active{background:#d8eafd!important;box-shadow:inset 3px 0 #3c86ce;color:#15386a}.site-name{display:flex;align-items:center;gap:8px}.site-name svg{color:#2770ad}.site-name>span{overflow:hidden}.site-name b,.site-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-name b{font-size:12px}.site-name small{font-size:10px;margin-top:3px;color:#7490aa}.status-cell{display:flex;align-items:center;gap:7px}.state-dot{display:inline-flex;width:10px;height:10px;flex-shrink:0;border-radius:50%;border:1px solid #ffffff96;box-shadow:0 0 0 1px #74829680}.state-dot.up{background:#42ae46}.state-dot.down{background:#e0554a}.state-dot.waiting{background:#ebb74c}.empty-table{color:#7f8aa0;text-align:center;padding:28px 12px;font-size:12px}.section-title{display:flex;align-items:center;gap:9px;margin:24px 0 10px;color:#1a5ba0}.section-title h2{font-size:16px;margin:0}.detail-panel{border:1px solid #ccd9e8;background:#fff;border-radius:3px;padding:16px}.detail-top{display:flex;justify-content:space-between;gap:15px}.detail-top h3{font-size:15px;margin:0 0 4px;display:flex;align-items:center;gap:8px}.detail-top a{font-size:11px;overflow-wrap:anywhere}.detail-top p{font-size:11px;color:#788a9e;margin:7px 0}.detail-actions{display:flex;gap:6px;align-items:flex-start}.xp-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;padding:7px 12px;border:1px solid #859ebc;border-radius:3px;background:linear-gradient(#fff,#e2e8ef);box-shadow:inset 0 1px #fff;color:#244366;font-size:11px}.xp-button:hover:not(:disabled){background:linear-gradient(#fff,#d4ecff);border-color:#4675ae}.xp-button--primary{border-color:#2f8d3d;background:linear-gradient(#a2ef81,#56b33d);color:#17452a;font-weight:700}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0}.detail-grid>div{display:flex;flex-direction:column;gap:5px;background:#f2f7fd;border:1px solid #e0ebf8;padding:10px}.detail-grid span{font-size:10px;color:#6b839d}.detail-grid strong{font-size:16px;color:#315b8c}.graph-title{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#3e5b7c;font-size:12px;font-weight:700;padding:8px 0}.graph-title small{font-weight:400;color:#93a0ae}.trend-wrap{border:1px solid #e0e8f1;background:#fcfdff;padding:10px}.trend-wrap svg{display:block;width:100%;height:155px}.chart-footer{display:flex;justify-content:space-between;gap:9px;font-size:10px;color:#8090a4}.chart-empty,.details-placeholder{color:#8695a5;text-align:center;padding:28px;border:1px dashed #cfdfec;font-size:12px}.footnote{font-size:10px;color:#8b9bab;margin:13px 0;line-height:1.5}.xp-statusbar{height:24px;flex-shrink:0;background:linear-gradient(#f6f9fc,#dfe8f7);border-top:1px solid #b0c9e9;display:grid;grid-template-columns:1fr 1fr 1.2fr;align-items:center;font-size:10px;color:#49698f}.xp-statusbar>span{padding:3px 10px;border-right:1px solid #c6d8ef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-light{display:inline-block;width:7px;height:7px;border-radius:50%;background:#45a943}.mini-light.is-down{background:#df5c54}.alert{margin:14px 0 0;display:flex;align-items:center;gap:8px;padding:10px 11px;border:1px solid;font-size:12px}.alert span{flex:1}.alert button{border:0;background:none;color:inherit;font-size:18px}.error-alert{background:#fff0ee;border-color:#edb1ac;color:#8b372d}.success-alert{background:#ecfaec;border-color:#b7dab5;color:#2e7039}.history-table{border:1px solid #bdd1ea}.history-row{display:grid;grid-template-columns:1.1fr 1fr 2fr .6fr;gap:8px;align-items:center;border:0;border-bottom:1px solid #e3ebf5;padding:12px;width:100%;background:#fff;text-align:left;font-size:11px;color:#415873}.history-row:nth-child(odd){background:#f7faff}.history-row:not(.history-head):hover{background:#e1f1fe}.history-head{background:linear-gradient(#f8fbff,#d7e7fb);font-weight:700}.green-text{color:#238b39}.red-text{color:#c63c35}.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding-top:22px}.settings-card{border:1px solid #c9dbef;background:#f9fbff;padding:18px;min-width:0}.settings-card-title{display:flex;gap:9px;align-items:center;color:#2a5891;font-size:15px;font-weight:700}.settings-card p,.settings-card small{display:block;font-size:11px;color:#5a6d83;line-height:1.6}.settings-card code{font-size:10px;overflow-wrap:anywhere}.settings-card label{display:block;font-size:11px;font-weight:700;margin:12px 0 7px}.token-field{display:flex;gap:6px}.token-field input{min-width:0;flex:1;border:1px solid #94acc8;padding:8px;background:#fff}.settings-card dl{font-size:11px}.settings-card dl>div{display:flex;justify-content:space-between;border-bottom:1px solid #e2e9f3;padding:9px 0;gap:15px}.settings-card dd{margin:0;text-align:right;font-weight:700}.settings-note{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;padding:15px;color:#6a531b;background:#fff8dd;border:1px solid #e1d099;font-size:11px;line-height:1.65}.settings-note p{margin:0}.dialog-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#10245e63;padding:20px}.xp-dialog{width:min(485px,100%);background:#f2f1e9;border:3px solid #1554bc;border-radius:9px 9px 1px 1px;box-shadow:0 18px 80px #001b5e77;overflow:hidden}.dialog-x{width:24px;height:24px}.dialog-inside{padding:15px 22px 20px}.dialog-banner{display:flex;align-items:center;gap:14px;padding:12px 0 20px;border-bottom:1px solid #ccc}.dialog-banner h2{font-size:16px;margin:0 0 6px;color:#245183}.dialog-banner p{font-size:11px;margin:0;color:#79869c}.dialog-inside label{display:block;font-size:11px;font-weight:700;margin:14px 0 6px;color:#2e4161}.dialog-inside>input{display:block;width:100%;border:1px solid #7c9bc1;background:#fff;padding:10px}.dialog-hint{font-size:11px;color:#778297}.dialog-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:23px}.xp-taskbar{height:42px;position:fixed;z-index:5;bottom:0;left:0;right:0;display:flex;align-items:center;padding-right:0;background:linear-gradient(180deg,#357beb,#1b61d5 12%,#1451c1 60%,#1949bb);border-top:2px solid #6aa0f4;box-shadow:0 -1px #0e459d}.start-button{border:0;border-radius:0 13px 13px 0;background:linear-gradient(#82d76c,#319838 45%,#247c28);box-shadow:inset 0 2px #c2ffad,2px 0 3px #084600;color:#fff;text-shadow:1px 2px #245d1a;font-size:21px;font-style:italic;font-weight:700;letter-spacing:-1px;padding:3px 26px 6px 15px;height:42px;display:flex;gap:5px;align-items:center}.start-mark{font-size:22px;font-style:normal;line-height:1}.task-divider{height:29px;border-left:1px solid #83a7ef;margin-left:12px;margin-right:8px}.task-app{display:flex;align-items:center;gap:8px;min-width:175px;max-width:265px;width:24vw;height:33px;padding:4px 10px;border:1px solid #0a3c9b;border-radius:2px;color:#fff;background:linear-gradient(#2d7be2,#1351ae);box-shadow:inset 1px 1px #77a3f4;text-align:left;font-size:11px;overflow:hidden;white-space:nowrap}.task-app .brand-icon{width:24px;height:24px}.tray{height:100%;background:linear-gradient(#4dbce5,#1590cf);border-left:1px solid #82d9f6;box-shadow:inset 0 1px #a5e2ff;display:flex;align-items:center;gap:12px;padding:0 18px;color:#fff}.tray-bubble{color:#c4ff93}.tray-bubble--offline{color:#ffb5b5}.tray-clock{font-size:12px;white-space:nowrap}.start-menu{position:fixed;bottom:42px;left:0;width:320px;z-index:12;background:#f8f9ff;border:3px solid #1d5ed8;border-bottom:0;box-shadow:5px -5px 25px #113d874a}.start-menu-title{display:flex;align-items:center;gap:9px;color:#fff;background:linear-gradient(#287de4,#0950b9);padding:12px;font-size:16px}.start-menu-title span:last-child{margin-left:auto;font-size:10px}.start-menu button{width:100%;border:0;background:#fff;text-align:left;display:flex;gap:13px;align-items:center;padding:12px 20px;color:#234b89}.start-menu button:hover{background:#d7e9fa}.start-menu button svg{color:#3d9c53}.start-bottom{padding:12px;background:#d6e5f9;color:#446eab;font-size:10px;font-weight:700;letter-spacing:1px}@media(max-width:1150px){.desktop-shortcuts{display:none}.xp-window{width:calc(100vw - 48px)}.taskpane{width:195px}.xp-content{padding:20px 16px}.file-row{grid-template-columns:minmax(140px,2fr) minmax(80px,1fr) minmax(75px,.8fr) minmax(90px,1fr)}}@media(max-width:850px){.desktop{padding:10px 7px 49px}.xp-window{height:calc(100dvh - 60px);width:100%;min-height:440px}.taskpane{display:none}.toolbar-item{padding:4px}.toolbar-item:nth-of-type(4){display:none}.connection-label{padding:0}.xp-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-layout{grid-template-columns:1fr}.settings-note{grid-column:1}.detail-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.xp-window{border-width:2px}.xp-titlebar{height:32px}.xp-toolbar{gap:0;padding:0 4px}.toolbar-item{font-size:10px;gap:3px}.toolbar-disc{width:23px;height:23px}.toolbar-divider,.address-crumb{display:none}.xp-content{padding:15px 10px}.content-heading h1{font-size:20px}.heading-icon{display:none}.metric{padding:10px}.metric strong{font-size:20px}.file-row{grid-template-columns:minmax(145px,2fr) 75px 63px}.file-head>span:last-child,.file-entry>span:last-child{display:none}.file-row>span{padding:7px}.detail-top{flex-direction:column}.detail-actions{flex-wrap:wrap}.search-box{width:50%}.history-row{grid-template-columns:1fr 1fr 1.2fr}.history-row>span:last-child{display:none}.xp-statusbar{grid-template-columns:1fr 1fr}.xp-statusbar>span:nth-child(2){display:none}.task-app{max-width:175px;width:35vw;min-width:80px;font-size:9px}.tray{gap:6px;padding:0 10px}.start-button{font-size:18px;padding:4px 15px}.start-menu{width:min(320px,96vw)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
