:root{color:#1d2428;background:#eef3f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}.dashboard{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:34px 0 48px}.dashboard__header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}.eyebrow{margin:0 0 5px;color:#607076;font-size:.78rem;font-weight:700;text-transform:uppercase}h1{margin:0;font-size:clamp(2rem,5vw,4.3rem);line-height:.98;letter-spacing:0}.search{display:flex;align-items:center;gap:9px;width:min(100%,330px);padding:0 13px;border:1px solid #c8d4d8;border-radius:8px;background:#fff;color:#607076}.header-tools{display:flex;align-items:center;gap:10px}.icon-button,.secondary-button,.link-button,.login-panel button,.admin-actions button{cursor:pointer}.icon-button{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid #c8d4d8;border-radius:8px;background:#fff;color:#1d2428}.secondary-button,.link-button{min-height:40px;border-radius:8px;padding:0 13px;font:inherit;font-weight:800}.secondary-button{border:1px solid #c8d4d8;background:#fff;color:#1d2428}.link-button{border:0;background:transparent;color:#19665c}.search input{width:100%;height:44px;border:0;outline:0;background:transparent;color:#1d2428;font:inherit}.summary-grid,.integration-grid,.service-grid{display:grid;gap:14px}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.summary-grid div,.integration-panel,.request-panel,.integration-card,.service-card{border:1px solid #d6e0e2;border-radius:8px;background:#fff}.summary-grid div{padding:17px}.summary-grid span{display:block;font-size:1.85rem;font-weight:800}.summary-grid p,.integration-card p,.request-panel p,.service-card p{margin:4px 0 0;color:#5f6f75}.section-heading,.request-panel,.integration-card__top{display:flex;align-items:center;justify-content:space-between;gap:14px}.section-heading{margin-bottom:14px}.section-heading h2,.request-panel h2{margin:0;font-size:1.35rem;letter-spacing:0}.section-heading>span{color:#607076;font-size:.9rem;font-weight:700;text-align:right}.integration-panel,.request-panel{margin-bottom:18px;padding:18px}.integration-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.integration-card{padding:15px}.integration-card h3{margin:0;font-size:1rem;letter-spacing:0}.integration-card strong{display:block;margin-top:12px;font-size:1.4rem}.integration-state{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;font-size:.72rem;font-weight:800;text-transform:capitalize}.integration-state--online,.integration-state--configured{background:#dff4e6;color:#17603a}.integration-state--warning{background:#fff1c2;color:#73520b}.integration-state--needs_config{background:#e8edf0;color:#4e5d63}.empty-state{margin:0;color:#607076}.request-panel button{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px;min-height:40px;border:0;border-radius:8px;padding:0 13px;background:#19665c;color:#fff;font:inherit;font-weight:800}.service-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.service-card{display:flex;min-height:210px;flex-direction:column;justify-content:space-between;padding:18px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.service-card:hover{transform:translateY(-2px);border-color:#8bb7bd;box-shadow:0 14px 30px #22373c21}.service-card__top,.service-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.service-card__icon{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:8px;background:#e2f0ee;color:#19665c}.service-card h2{margin:0 0 7px;font-size:1.25rem;letter-spacing:0}.service-card__footer{color:#607076;font-size:.9rem;font-weight:700}.status{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:.78rem;font-weight:800}.status--online{background:#dff4e6;color:#17603a}.status--warning{background:#fff1c2;color:#73520b}.status--offline{background:#ffe0db;color:#8b2a1f}.status--unknown{background:#e8edf0;color:#4e5d63}.dashboard__footer{display:flex;align-items:center;gap:8px;margin-top:18px;color:#607076;font-size:.9rem;font-weight:700}.admin-dashboard{max-width:1000px}.login-panel{width:min(100%,460px);margin:8vh auto 0;border:1px solid #d6e0e2;border-radius:8px;background:#fff;padding:24px}.login-panel__icon{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;border-radius:8px;background:#e2f0ee;color:#19665c}.login-panel h1{margin-bottom:18px;font-size:2.2rem}.login-panel form,.settings-form,.field-grid{display:grid;gap:14px}.login-panel label,.field-grid label{display:grid;gap:6px;color:#4e5d63;font-size:.88rem;font-weight:800}.login-panel input,.field-grid input{width:100%;min-height:42px;border:1px solid #c8d4d8;border-radius:8px;background:#fff;color:#1d2428;font:inherit;padding:0 11px}.login-panel button,.admin-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:0;border-radius:8px;background:#19665c;color:#fff;font:inherit;font-weight:800}.settings-card{border:1px solid #d6e0e2;border-radius:8px;background:#fff;padding:18px}.settings-card__header{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:14px}.settings-card h2{margin:0;font-size:1.2rem}.settings-card p{margin:4px 0 0;color:#5f6f75}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-actions{display:flex;align-items:center;gap:14px;position:sticky;bottom:0;border-top:1px solid #d6e0e2;background:#eef3f4;padding:14px 0 0}.form-message{margin:0;color:#4e5d63;font-weight:800}@media(max-width:760px){.dashboard{width:min(100% - 22px,1180px);padding-top:22px}.dashboard__header,.header-tools,.settings-card__header,.admin-actions,.request-panel,.section-heading{align-items:stretch;flex-direction:column}.section-heading>span{text-align:left}.search{width:100%}.summary-grid,.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.summary-grid,.field-grid{grid-template-columns:1fr}}body{background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent, #79b8ff) 18%,transparent),transparent 32rem),linear-gradient(135deg,var(--page-bg, #0b1014),var(--page-bg-2, #121820))}.dashboard{--page-bg: #0b1014;--page-bg-2: #121820;--panel: 18 26 34;--panel-strong: 25 35 45;--text: #edf7f8;--muted: #a8b8bf;--line: #2b3c47;--button-text: #071014;--accent: #79b8ff;--accent-2: #a78bfa;--accent-soft: #182c4a;--accent-line: #4d85c8;--danger-bg: #40201f;--danger-text: #ffb7ad;--warning-bg: #3b3218;--warning-text: #ffdc7a;--ok-bg: #173526;--ok-text: #94efb8;--unknown-bg: #26313a;--unknown-text: #bac7ce;--card-min: 230px;--card-height: 218px;--panel-opacity: .82;color:var(--text);isolation:isolate;position:relative}.dashboard:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 18% 12%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 28rem),radial-gradient(circle at 86% 18%,color-mix(in srgb,var(--accent-2) 18%,transparent),transparent 30rem),linear-gradient(135deg,var(--page-bg),var(--page-bg-2));background-size:120% 120%,120% 120%,100% 100%;animation:ambient-drift 18s ease-in-out infinite alternate}.dashboard--light{--page-bg: #eef3f4;--page-bg-2: #dde9ec;--panel: 255 255 255;--panel-strong: 247 251 252;--text: #1d2428;--muted: #607076;--line: #c8d4d8;--button-text: #ffffff;--accent-soft: #e2f0ee;--danger-bg: #ffe0db;--danger-text: #8b2a1f;--warning-bg: #fff1c2;--warning-text: #73520b;--ok-bg: #dff4e6;--ok-text: #17603a;--unknown-bg: #e8edf0;--unknown-text: #4e5d63}.dashboard--blue{--accent: #79b8ff;--accent-2: #a78bfa;--accent-soft: #182c4a;--accent-line: #4d85c8}.dashboard--violet{--accent: #a78bfa;--accent-2: #67e8f9;--accent-soft: #2e2550;--accent-line: #7c5ad1}.dashboard--amber{--accent: #f4bd50;--accent-2: #79b8ff;--accent-soft: #3b3218;--accent-line: #b88421}.dashboard--rose{--accent: #ff8fab;--accent-2: #79b8ff;--accent-soft: #402132;--accent-line: #bf5d77}.dashboard--compact{--card-min: 210px;--card-height: 178px}.dashboard .eyebrow{color:var(--accent)}.dashboard .search,.dashboard .icon-button,.dashboard .secondary-button,.dashboard .summary-grid div,.dashboard .integration-panel,.dashboard .request-panel,.dashboard .integration-card,.dashboard .service-card,.dashboard .login-panel,.dashboard .settings-card{border-color:var(--line);background:rgb(var(--panel) / var(--panel-opacity));color:var(--text)}.dashboard .search,.dashboard .icon-button,.dashboard .secondary-button,.dashboard .integration-panel,.dashboard .request-panel,.dashboard .integration-card,.dashboard .service-card,.dashboard .login-panel,.dashboard .settings-card,.visual-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.dashboard .search,.dashboard .service-card p,.dashboard .summary-grid p,.dashboard .integration-card p,.dashboard .request-panel p,.dashboard .service-card__footer,.dashboard .section-heading>span,.dashboard .empty-state,.dashboard .dashboard__footer,.dashboard .settings-card p,.dashboard .form-message,.dashboard .login-panel label,.dashboard .field-grid label{color:var(--muted)}.dashboard .search input,.dashboard .login-panel input,.dashboard .field-grid input{border-color:var(--line);background:rgb(var(--panel-strong) / .96);color:var(--text)}.dashboard .link-button{color:var(--accent)}.dashboard .request-panel button,.dashboard .login-panel button,.dashboard .admin-actions button{background:var(--accent);color:var(--button-text)}.dashboard .service-card:hover{border-color:var(--accent-line);box-shadow:0 14px 34px #0000003d}.dashboard .service-card__icon,.dashboard .login-panel__icon{background:var(--accent-soft);color:var(--accent)}.dashboard .status--online,.dashboard .integration-state--online,.dashboard .integration-state--configured{background:var(--ok-bg);color:var(--ok-text)}.dashboard .status--warning,.dashboard .integration-state--warning{background:var(--warning-bg);color:var(--warning-text)}.dashboard .status--offline{background:var(--danger-bg);color:var(--danger-text)}.dashboard .status--unknown,.dashboard .integration-state--needs_config{background:var(--unknown-bg);color:var(--unknown-text)}.visual-panel{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr)) auto;gap:12px;align-items:end;margin:0 0 18px;border:1px solid var(--line);border-radius:8px;background:rgb(var(--panel) / var(--panel-opacity));padding:14px}.visual-panel label{display:grid;gap:6px;color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.visual-panel select,.visual-panel input[type=range]{min-height:40px}.visual-panel select{width:100%;border:1px solid var(--line);border-radius:8px;background:rgb(var(--panel-strong) / .96);color:var(--text);font:inherit;padding:0 10px}.service-grid{grid-template-columns:repeat(auto-fill,minmax(var(--card-min),1fr));grid-auto-flow:dense;align-items:stretch}.service-card{min-height:var(--card-height);overflow:hidden;position:relative}.service-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0%,color-mix(in srgb,var(--accent) 14%,transparent) 38%,transparent 58%);opacity:0;transform:translate(-40%);transition:opacity .18s ease,transform .42s ease}.service-card:hover:before{opacity:1;transform:translate(32%)}.service-card--small,.service-card--medium{grid-column:span 1}.service-card--large{grid-column:span 2}.service-card--dragging{opacity:.48;transform:scale(.985)}.service-card__footer>a{display:inline-flex;align-items:center;gap:8px;min-width:0}.drag-handle,.resize-controls button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:rgb(var(--panel-strong) / .94);color:var(--muted)}.drag-handle{width:30px;height:30px;cursor:grab}.resize-controls{display:inline-flex;gap:5px}.resize-controls button{width:28px;height:28px;cursor:pointer}.resize-controls button span{font-size:.72rem;font-weight:900}.resize-controls button.is-active{border-color:var(--accent-line);background:var(--accent);color:var(--button-text)}.service-card__icon svg,.dashboard__footer svg{animation:icon-float 5.5s ease-in-out infinite}.summary-grid div,.integration-panel,.request-panel,.service-card{animation:panel-rise .48s ease both}.service-card:nth-child(2n){animation-delay:50ms}.service-card:nth-child(3n){animation-delay:95ms}@keyframes ambient-drift{0%{background-position:0% 0%,100% 0%,0 0}to{background-position:12% 8%,82% 16%,0 0}}@keyframes panel-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){.dashboard:before,.service-card__icon svg,.dashboard__footer svg,.summary-grid div,.integration-panel,.request-panel,.service-card{animation:none}.service-card:before{transition:none}}.admin-actions{border-color:var(--line);background:linear-gradient(180deg,transparent,var(--page-bg) 22%)}@media(max-width:760px){.visual-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.visual-panel,.service-card--large{grid-template-columns:1fr;grid-column:span 1}}