:root{--bg:#07101f;--bg2:#0a1426;--panel:#0e1a2d;--panel2:#111f35;--line:#21314b;--text:#f5f7fb;--muted:#8fa0b9;--accent:#ff5a1f;--blue:#2f7df6;--green:#38d978;--red:#ff5263;--yellow:#f2b94b;--purple:#a773ff;--radius:14px;--shadow:0 12px 30px rgba(0,0,0,.22)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}body{background:radial-gradient(circle at 65% -20%,#122442 0,transparent 42%),var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid #14243a;background:rgba(5,13,26,.92);padding:22px 14px;display:flex;flex-direction:column;z-index:5}.brand{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;align-items:center;padding:0 7px 26px}.brand>span{grid-row:1/3;font-size:25px}.brand strong{font-size:18px;letter-spacing:.4px}.brand strong b{color:var(--accent)}.brand small{color:var(--muted);font-size:11px}.brand.big{justify-content:center;margin:auto;padding:0 0 12px;grid-template-columns:38px auto}.brand.big>span{font-size:30px}.brand.big strong{font-size:23px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:#b7c3d6;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{background:#122139;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 var(--accent);color:#ff855b}.sidebar nav a span{width:18px;text-align:center}.sidebar nav em{margin-left:auto;font-style:normal;background:#c93646;color:white;border-radius:20px;padding:1px 7px;font-size:11px}.side-summary{margin-top:auto;padding:16px;border:1px solid var(--line);border-radius:12px;background:#0d192b;display:grid;grid-template-columns:1fr auto;gap:10px;font-size:13px}.side-summary small{color:var(--muted)}.main{min-width:0}.topbar{height:72px;position:sticky;top:0;z-index:4;background:rgba(7,16,31,.88);backdrop-filter:blur(12px);border-bottom:1px solid #16243a;display:flex;align-items:center;justify-content:space-between;padding:0 26px;gap:24px}.search{max-width:640px;flex:1;display:flex;align-items:center;gap:9px;background:#0d192b;border:1px solid #22324a;border-radius:10px;padding:0 13px}.search input{border:0!important;background:transparent!important;padding:11px 4px!important;box-shadow:none!important}.top-actions{display:flex;align-items:center;gap:18px}.user-menu{display:grid;grid-template-columns:auto auto;column-gap:10px;line-height:1.1}.user-menu strong{font-size:13px}.user-menu small{font-size:11px;color:var(--muted)}.user-menu a{grid-column:2;font-size:11px;color:#ff8f68;margin-top:4px}.content{padding:26px;max-width:1580px;margin:auto}.page-head,.section-head,.project-hero,.integration-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.page-head{margin-bottom:22px}.page-head h1,.project-hero h1{margin:0;font-size:26px}.page-head p,.section-head p,.project-hero p{margin:4px 0 0;color:var(--muted);font-size:13px}.section-head{margin-bottom:16px}.section-head h2{margin:0;font-size:16px}.section-head>a,.section-head>span{font-size:12px;color:#74a8ff}.btn{appearance:none;border:1px solid #2b3d59;background:#111e31;color:#eef4ff;border-radius:8px;padding:9px 13px;font-weight:650;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:hover{border-color:#486483;background:#16253c}.btn.primary{background:linear-gradient(180deg,#ff681f,#f14e10);border-color:#ff6b25;color:white;box-shadow:0 5px 16px rgba(255,90,31,.2)}.btn.accent{background:#0c57c5;border-color:#1e6edf}.btn.danger{border-color:#913342;color:#ff9ca7;background:#33131b}.btn.small{padding:7px 10px;font-size:11px}.btn.wide{width:100%}.inline{display:inline-flex}.button-row,.form-actions,.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}.metric{background:linear-gradient(160deg,#101d31,#0d192a);border:1px solid var(--line);border-radius:12px;padding:16px}.metric span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.4px}.metric strong{display:block;font-size:20px;margin:8px 0 4px}.metric small{color:#71839c;font-size:11px}.green{color:var(--green)!important}.orange{color:#ff8a4c!important}.muted{color:var(--muted)!important}.panel{background:linear-gradient(160deg,rgba(16,29,49,.97),rgba(11,22,39,.97));border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-bottom:28px}.project-card{border:1px solid var(--line);background:linear-gradient(160deg,#111e31,#0c1729);border-radius:12px;padding:16px}.card-top{display:flex;gap:11px;align-items:center}.card-top>div:nth-child(2){min-width:0}.card-top h3{font-size:15px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-top p{font-size:11px;color:var(--muted);margin:3px 0 0}.source{margin-left:auto;font-size:9px;text-transform:uppercase;color:#71839b;border:1px solid #293b56;padding:3px 6px;border-radius:20px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#15375d,#254f84);border:1px solid #386590;font-weight:800;font-size:12px}.avatar.large{width:48px;height:48px;font-size:15px}.domain{font-size:12px;color:#b8c3d5;margin:14px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700}.badge i{width:8px;height:8px;border-radius:50%;background:#65748a}.status-online{color:var(--green)}.status-online i{background:var(--green);box-shadow:0 0 8px rgba(56,217,120,.45)}.status-offline{color:var(--red)}.status-offline i{background:var(--red)}.status-warning{color:var(--yellow)}.status-warning i{background:var(--yellow)}.status-unknown{color:#8fa0b9}.card-meta{margin:14px 0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #1d2d45;padding-top:12px}.card-meta span{color:#71839b;font-size:10px}.card-meta b{display:block;color:#dce5f2;font-size:11px;margin-top:3px}.card-actions{display:flex;gap:7px;flex-wrap:wrap}.dashboard-cols{display:grid;grid-template-columns:1.35fr .65fr;gap:14px;margin-top:24px}.timeline{display:flex;flex-direction:column}.timeline-item{display:grid;grid-template-columns:64px 14px 1fr;gap:10px;padding:9px 0;color:inherit}.timeline-item+.timeline-item{border-top:1px solid #1d2c43}.timeline-item time{font-size:11px;color:#8fa0b9;padding-top:2px}.timeline-item .dot{width:9px;height:9px;border-radius:50%;background:#42d47a;margin-top:4px;box-shadow:0 0 0 4px rgba(66,212,122,.08)}.timeline-item strong{font-size:12px}.timeline-item p{font-size:12px;color:#c7d0de;margin:4px 0}.timeline-item small{font-size:10px;color:#71839b}.timeline-item ul{list-style:none;padding:0;margin:8px 0}.timeline-item li{font-size:11px;color:#aebdce;margin:3px 0}.timeline.compact .timeline-item{grid-template-columns:45px 12px 1fr}.task-list{display:flex;flex-direction:column;gap:9px}.task-row,.module-row,.vault-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid #1d2c43}.task-row:last-child,.module-row:last-child,.vault-row:last-child{border:0}.task-row>div,.module-row>div,.vault-row>div:first-child{display:flex;flex-direction:column;gap:3px;min-width:0}.task-row strong,.module-row strong,.vault-row strong{font-size:12px}.task-row small,.module-row small,.vault-row small{font-size:10px;color:var(--muted)}.priority{font-size:9px;font-weight:800;text-transform:uppercase;border-radius:20px;padding:4px 7px;border:1px solid}.priority.low{color:#6fc5ff;border-color:#265d7c}.priority.medium{color:#eab84c;border-color:#6b5728}.priority.high{color:#ff8b56;border-color:#7a3e25}.priority.urgent{color:#ff6474;border-color:#7b303b}.empty{text-align:center;border:1px dashed #2a3d59;border-radius:14px;padding:45px;background:#0a1527}.empty strong{font-size:18px}.empty p{color:var(--muted);font-size:13px}.project-table{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#72839b;font-weight:650;font-size:10px;text-transform:uppercase;letter-spacing:.35px;padding:10px;border-bottom:1px solid #273750}td{padding:12px 10px;border-bottom:1px solid #1c2b42;color:#c8d2e1}tr:last-child td{border-bottom:0}.project-name{display:flex;flex-direction:column;gap:3px}.project-name strong{color:#fff}.project-name small,td small{color:#7d8da5;display:block;margin-top:3px}.form-panel label{display:block;color:#b9c6d8;font-size:11px;font-weight:650;margin:12px 0}.form-panel label small{color:#74859e;font-weight:400}input,select,textarea{width:100%;margin-top:6px;border:1px solid #2a3c58;background:#0a1628;color:#f4f7fb;border-radius:8px;padding:10px 11px;outline:none}input:focus,select:focus,textarea:focus{border-color:#3a79c8;box-shadow:0 0 0 3px rgba(47,125,246,.08)}textarea{resize:vertical;line-height:1.45}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{justify-content:flex-end;margin-top:18px}.form-panel h2,.panel h2{font-size:15px;margin:0 0 11px}.form-panel h3{font-size:12px;margin:19px 0 6px;color:#dfe6f1}.project-hero{margin-bottom:15px}.project-title{display:flex;align-items:center;gap:12px}.project-title h1{font-size:22px}.project-title p{display:flex;gap:12px;align-items:center}.tabs{display:flex;gap:4px;border-bottom:1px solid #1f3048;margin-bottom:18px;overflow-x:auto}.tab{padding:10px 12px;font-size:11px;color:#8da0b8;border-bottom:2px solid transparent;white-space:nowrap}.tab.active{color:#ff855b;border-color:var(--accent)}.project-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.45fr);gap:14px}.project-layout>div,.project-layout>aside{display:flex;flex-direction:column;gap:14px}.info-list>div{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid #1b2b42;padding:9px 0}.info-list>div:last-of-type{border-bottom:0}.info-list>div>span,.info-list>div>small{font-size:10px;color:#7d8fa8}.info-list>div>strong{font-size:11px;text-align:right}.wrap{overflow-wrap:anywhere}.module-dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none;background:#637389}.module-dot.active{background:var(--green)}.module-dot.development{background:var(--yellow)}.module-dot.disabled{background:#68758a}.split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px;align-items:start}.sticky{position:sticky;top:90px}.update-title{display:flex;justify-content:space-between;gap:10px;align-items:center}.chip{font-size:9px;border-radius:20px;padding:4px 7px;background:#342452;color:#ccb6ff;white-space:nowrap}.link{background:none;border:0;color:#7eaaf1;padding:0;cursor:pointer;font-size:11px}.link.danger{color:#ff6e7c}.danger-zone{margin-left:8px}.module-list,.vault-list{display:flex;flex-direction:column}.module-row form,.vault-row .vault-actions{margin-left:auto}.task-board{display:flex;flex-direction:column;gap:9px}.task-card{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid #22344e;border-radius:10px;background:#0b1728;padding:12px}.task-card>div:first-child{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.task-card strong{font-size:12px}.task-card p{width:100%;margin:0;color:#9eafc2;font-size:11px}.task-card small{color:#75869e;font-size:10px}.task-card.done{opacity:.55}.task-card.done strong{text-decoration:line-through}.task-actions,.vault-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.danger-panel{margin-top:28px;border:1px solid #572735;background:#210e15;border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:space-between}.danger-panel strong{font-size:12px;color:#ff9cac}.danger-panel p{font-size:10px;color:#b27982;margin:4px 0 0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.integration-head{justify-content:flex-start}.integration-head .badge{margin-left:auto}.hostinger-logo{width:40px;height:40px;display:grid;place-items:center;background:linear-gradient(135deg,#6b47e8,#8b72ff);border-radius:10px;font-weight:900}.integration-head h2{margin:0}.integration-head p{margin:3px 0;color:var(--muted);font-size:10px}.integration-stats{display:grid;grid-template-columns:1fr;gap:9px;margin:16px 0}.integration-stats>div{border:1px solid #263750;border-radius:9px;padding:10px;display:flex;justify-content:space-between;gap:12px}.integration-stats span{color:var(--muted);font-size:10px}.integration-stats strong{font-size:11px}.security-list{list-style:none;padding:0;margin:0}.security-list li{font-size:11px;color:#acb9ca;padding:7px 0;border-bottom:1px solid #1d2c43}.security-list li:last-child{border:0}.alert{border-radius:9px;padding:11px 13px;margin:0 0 16px;font-size:12px;border:1px solid}.alert.success{background:#0d2b20;border-color:#245f45;color:#7fe5ac}.alert.error{background:#35131c;border-color:#71303f;color:#ff9baa}.alert.warning{background:#332912;border-color:#705924;color:#eaca79}.auth-body{display:grid;place-items:center;padding:30px;background:radial-gradient(circle at top,#112b4e,#07101f 48%)}.auth-card{width:min(420px,100%);border:1px solid #22354f;background:rgba(12,24,41,.96);border-radius:16px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.35)}.auth-card h1{font-size:21px;margin:8px 0 18px}.auth-card label{display:block;font-size:11px;color:#b9c6d8;margin:13px 0}.install-card{width:min(590px,100%)}footer{padding:22px 26px;color:#63748b;font-size:10px;display:flex;justify-content:space-between}.modal{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:50;display:grid;place-items:center;padding:20px}.modal[hidden]{display:none}.modal-card{width:min(430px,100%);background:#0f1c30;border:1px solid #2b3f5e;border-radius:14px;padding:18px;box-shadow:0 25px 80px #000}.secret-value{background:#07111f;border:1px solid #293c58;border-radius:9px;padding:14px;margin:14px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;min-height:50px}.modal-card .section-head{margin-bottom:0}@media(max-width:1100px){.metrics{grid-template-columns:1fr 1fr}.dashboard-cols,.project-layout,.split{grid-template-columns:1fr}.sticky{position:static}.settings-grid{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid #172741;padding:12px}.sidebar .brand{padding-bottom:12px}.sidebar nav{flex-direction:row;overflow-x:auto}.sidebar nav a{white-space:nowrap}.sidebar nav a span,.side-summary{display:none}.topbar{height:auto;padding:12px;flex-wrap:wrap}.search{order:2;max-width:none;flex-basis:100%}.content{padding:16px}.metrics{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr}.page-head,.project-hero{align-items:flex-start;flex-direction:column}.grid2,.settings-grid{grid-template-columns:1fr}.top-actions{width:100%;justify-content:space-between}.user-menu{display:none}.project-table{margin:0 -16px;border-radius:0}.project-table table{min-width:700px}.split{grid-template-columns:1fr}.task-card{align-items:flex-start;flex-direction:column}.tabs{margin-left:-16px;margin-right:-16px;padding-left:10px}.danger-panel{align-items:flex-start;flex-direction:column}}@media(max-width:430px){.metrics{grid-template-columns:1fr}.content{padding:13px}.panel{padding:14px}.btn{padding:9px 10px}.card-actions .btn{flex:1}.hero-actions{width:100%}.hero-actions .btn{flex:1}.timeline-item{grid-template-columns:52px 12px 1fr}}
.code-sample{background:#07111f;border:1px solid #283b57;border-radius:9px;padding:14px;white-space:pre-wrap;overflow:auto;color:#c8d6e8;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}