:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#eaf2f8;background:#071422;--panel:#0d2236;--border:rgba(255,255,255,.1);--muted:#9fb3c8;--accent:#2f80ed;--good:#27ae60;--warn:#f39c12;--danger:#c0392b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0%,rgba(47,128,237,.18),transparent 35%),linear-gradient(180deg,#071422,#0a1b2b)}button,input,select{font:inherit}.app-header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;gap:14px;align-items:center;padding:15px clamp(14px,3vw,34px);background:rgba(7,20,34,.95);border-bottom:1px solid var(--border)}.app-header h1{margin:2px 0 4px;font-size:clamp(1.2rem,3vw,1.9rem)}.app-header p{margin:0;color:var(--muted)}.header-actions{display:flex;gap:8px;align-items:center}.eyebrow{margin:0 0 5px!important;font-size:.72rem;font-weight:800;letter-spacing:.12em;color:#75a7ff!important}.container{width:min(1550px,100%);margin:auto;padding:18px 14px 50px}.info-grid,.stats-grid{display:grid;gap:10px;margin-bottom:12px}.info-grid{grid-template-columns:repeat(2,1fr);max-width:850px}.stats-grid{grid-template-columns:repeat(4,1fr);max-width:1000px}.info-card,.stat-card,.panel{border:1px solid var(--border);background:linear-gradient(180deg,rgba(16,42,67,.9),rgba(13,34,54,.94));box-shadow:0 14px 30px rgba(0,0,0,.18)}.info-card,.stat-card{border-radius:14px;padding:14px}.info-card span,.stat-card span{display:block;color:var(--muted);font-size:.78rem;margin-bottom:5px}.stat-card strong{font-size:1.6rem}.panel{border-radius:17px;padding:clamp(14px,2vw,22px);margin-top:13px}.home-title-row,.panel-title-row,.dialog-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.home-title-row h2,.panel-title-row h2,.dialog-title-row h2{margin:0}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.category-card{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--border);border-radius:14px;padding:15px;background:#0a1c2d;color:#fff;cursor:pointer}.category-card:hover{border-color:rgba(47,128,237,.65);background:#0b2237}.cat-icon{font-size:1.7rem}.cat-main{display:grid;gap:4px;flex:1}.cat-main strong{font-size:.95rem}.cat-main span{font-size:.74rem;color:var(--muted)}.cat-arrow{font-size:1.7rem;color:#7fa7ca}.btn{border:1px solid transparent;border-radius:10px;padding:10px 13px;cursor:pointer;font-weight:750}.btn.primary{background:var(--accent);color:#fff}.btn.secondary{background:var(--good);color:#fff}.btn.ghost{background:transparent;border-color:var(--border);color:#dbe8f4}.btn.danger{background:rgba(192,57,43,.16);border-color:rgba(192,57,43,.35);color:#ffaca4}.btn.compact{padding:7px 10px}.btn.tiny{padding:5px 8px}.badge,.row-status{display:inline-flex;border-radius:999px;padding:6px 9px;font-size:.68rem;font-weight:800}.badge.online,.row-status.synced{background:rgba(39,174,96,.18);color:#7be0a0}.badge.offline,.row-status.draft{background:rgba(243,156,18,.18);color:#ffd27a}.row-status.pending{background:rgba(47,128,237,.18);color:#8db9ff}.muted{color:var(--muted)}.mini{font-size:.79rem}.hidden{display:none!important}.toolbar,.grid-footer,.dialog-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toolbar{margin:13px 0 10px}.save-indicator{margin-left:auto;color:var(--muted);font-size:.78rem}.grid-wrap{overflow:auto;max-height:64vh;border:1px solid var(--border);border-radius:12px;background:#071827}.data-grid{border-collapse:separate;border-spacing:0;width:max(100%,1250px)}.data-grid th{position:sticky;top:0;z-index:4;background:#0c2740;color:#bdd0e1;text-align:left;font-size:.73rem;padding:9px 7px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);white-space:nowrap}.data-grid td{padding:0;border-right:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);height:38px;min-width:145px}.data-grid td:first-child,.data-grid th:first-child{min-width:46px;width:46px}.data-grid input,.data-grid select{width:100%;height:38px;border:0;border-radius:0;padding:7px 8px;color:#fff;background:transparent;outline:none}.data-grid input:focus,.data-grid select:focus{box-shadow:inset 0 0 0 2px rgba(47,128,237,.9);background:#0a2033}.row-no,.status-cell,.action-cell{text-align:center!important;color:#7f9bb4}.invalid-row{background:rgba(243,156,18,.035)}.grid-footer{justify-content:space-between;margin-top:10px}.status-message{min-height:1.2em;color:var(--muted);font-size:.82rem}.status-message.success{color:#82e3a3}.status-message.error{color:#ff9a90}.desktop-only{display:block}.mobile-only{display:none}.mobile-form{display:grid;gap:12px;margin-top:14px}.mobile-form label{display:grid;gap:6px;font-size:.87rem;font-weight:650}.mobile-form input,.mobile-form select{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:#071827;color:#fff;padding:13px;font-size:16px}.mobile-main-btn{width:100%;min-height:50px}.mobile-secondary-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.mobile-secondary-actions .btn{font-size:.8rem;padding:10px 5px}.mobile-records{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.mobile-records-header{display:flex;justify-content:space-between;align-items:flex-start}.mobile-records-header h3{margin:0}.mobile-record-list{display:grid;gap:8px;margin-top:9px}.mobile-record-card{border:1px solid var(--border);border-radius:12px;background:rgba(7,24,39,.55);padding:11px}.mobile-record-card-top{display:flex;justify-content:space-between;gap:7px}.mobile-record-card h4{margin:0 0 3px}.meta{font-size:.74rem;color:var(--muted)}.details{font-size:.79rem;line-height:1.5;margin-top:8px}.mobile-record-actions{display:flex;gap:7px;margin-top:9px}.mobile-empty{text-align:center;color:var(--muted);padding:18px;border:1px dashed var(--border);border-radius:10px}.settings-dialog{width:min(620px,92vw);border:1px solid var(--border);border-radius:16px;background:#0b1f33;color:#eaf2f8;padding:20px}.settings-dialog::backdrop{background:rgba(0,0,0,.65)}.settings-dialog form{display:grid;gap:12px}.settings-dialog label{display:grid;gap:6px;font-size:.85rem}.settings-dialog input{border:1px solid var(--border);border-radius:10px;padding:11px;background:#071827;color:#fff}
@media(max-width:1050px){.category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.desktop-only{display:none!important}.mobile-only{display:block}.app-header{align-items:flex-start;padding:12px}.app-header h1{font-size:1.18rem}.header-actions{flex-direction:column;align-items:flex-end}.container{padding:11px 9px 35px}.info-grid{gap:7px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:7px}.info-card,.stat-card{padding:10px}.info-card span,.stat-card span{font-size:.69rem}.stat-card strong{font-size:1.3rem}.panel{padding:13px}.category-grid{grid-template-columns:1fr;gap:8px}.category-card{padding:13px}.home-title-row{align-items:center}.home-title-row .btn{font-size:.75rem;padding:9px}.panel-title-row{align-items:flex-start}.settings-dialog{width:94vw;padding:15px}}

.badge.cache-wait{background:rgba(158,158,158,.18);color:#c8d4dd}
.badge.cache-ready{background:rgba(47,128,237,.18);color:#91bbff}
.badge.cache-error{background:rgba(192,57,43,.20);color:#ff9a90}


/* V0.5 account security */
.auth-shell{
  min-height:calc(100vh - 130px);
  display:grid;
  place-items:start center;
  padding-top:clamp(28px,7vh,80px);
}
.auth-card{
  width:min(460px,100%);
  border:1px solid var(--border);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(16,42,67,.96),rgba(13,34,54,.98));
  box-shadow:0 24px 70px rgba(0,0,0,.28);
  padding:clamp(20px,4vw,30px);
}
.auth-card h2{margin:0 0 8px}
.auth-note{font-size:.88rem;line-height:1.5}
.auth-form{display:grid;gap:13px;margin-top:18px}
.auth-form label{display:grid;gap:7px;font-size:.87rem;font-weight:650}
.auth-form input{
  width:100%;
  border:1px solid rgba(255,255,255,.14);
  border-radius:11px;
  background:#071827;
  color:#fff;
  padding:13px;
  outline:none;
}
.auth-form input:focus{
  border-color:rgba(47,128,237,.9);
  box-shadow:0 0 0 3px rgba(47,128,237,.15)
}
.auth-login-btn{min-height:48px;margin-top:4px}
.auth-help{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-top:14px;
  color:var(--muted);
  font-size:.76rem;
}
.link-button{
  background:none;
  border:0;
  color:#83b3ff;
  padding:0;
  cursor:pointer;
  font-weight:700;
}
.account-strip{
  max-width:1000px;
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  padding:11px 14px;
  margin-bottom:10px;
  border:1px solid var(--border);
  border-radius:13px;
  background:rgba(10,28,45,.75);
}
.account-strip>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.tiny-label{font-size:.64rem;letter-spacing:.09em}
.role-badge{
  display:inline-flex;
  border-radius:999px;
  padding:5px 8px;
  background:rgba(47,128,237,.18);
  color:#91bbff;
  font-size:.66rem;
  font-weight:800;
}
.info-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1000px}
.access-message{
  margin-top:15px;
  padding:18px;
  border:1px dashed var(--border);
  border-radius:12px;
  color:var(--muted);
}
.access-message strong{color:#eaf2f8}
@media(max-width:760px){
  .auth-shell{padding-top:18px}
  .auth-help{flex-direction:column;align-items:flex-start}
  .account-strip{align-items:flex-start;flex-direction:column}
  .account-user-id{display:none!important}
  .info-grid.three{grid-template-columns:1fr}
}


/* V0.6 */
.section-mini-title{font-size:.72rem;font-weight:800;letter-spacing:.1em;color:#75a8dc;margin:18px 0 10px}
.feature-card{
  width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;text-align:left;
  border:1px solid rgba(81,139,184,.3);border-radius:14px;background:linear-gradient(135deg,rgba(21,67,91,.9),rgba(12,42,67,.95));
  color:#fff;padding:15px 17px;cursor:pointer;margin:8px 0 14px;
}
.feature-card:hover{border-color:rgba(99,178,255,.65);transform:translateY(-1px)}
.feature-icon{font-size:1.8rem}.feature-icon.big{font-size:3rem}.feature-copy{display:flex;flex-direction:column;gap:4px}.feature-copy strong{font-size:1rem}.feature-copy span{color:#9fc1db;font-size:.76rem}
.affected-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px}
.zone-sidebar{border:1px solid var(--border);border-radius:14px;background:rgba(7,24,39,.56);padding:12px;height:max-content}
.zone-sidebar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.zone-list{display:grid;gap:7px}
.zone-item{display:flex;justify-content:space-between;gap:8px;align-items:center;width:100%;border:1px solid var(--border);border-radius:10px;background:#081b2b;color:#fff;padding:10px;text-align:left;cursor:pointer}
.zone-item:hover,.zone-item.active{border-color:#4f9ee8;background:#0c2840}.zone-item>div{display:flex;flex-direction:column;gap:3px}.zone-item span{font-size:.66rem;color:#8fb0ca}.zone-empty{color:var(--muted);font-size:.78rem;padding:15px 4px}
.affected-editor{min-width:0}.affected-empty{display:grid;place-items:center;text-align:center;min-height:330px;border:1px dashed var(--border);border-radius:14px;color:var(--muted);padding:30px}.affected-empty h3{color:#fff;margin:8px 0}
.affected-topbar{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-bottom:14px}.zone-name-field{flex:1;display:grid;gap:6px;font-weight:700}.zone-name-field input{width:100%;border:1px solid var(--border);border-radius:10px;background:#071827;color:#fff;padding:11px}.affected-actions{display:flex;gap:8px;flex-wrap:wrap}
.count-section{border:1px solid var(--border);border-radius:13px;background:rgba(8,27,43,.55);margin-bottom:12px;overflow:hidden}.count-section-title{display:flex;justify-content:space-between;gap:10px;align-items:center;background:rgba(45,113,84,.35);padding:10px 12px}.count-section-title span{font-size:.75rem;color:#b9d8c9}.count-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.count-grid label{display:grid;grid-template-columns:minmax(0,1fr) 100px;align-items:center;gap:8px;padding:9px 12px;border-top:1px solid rgba(255,255,255,.05)}.count-grid label:nth-child(odd){border-right:1px solid rgba(255,255,255,.05)}.count-grid label span{font-size:.78rem}.count-grid input{width:100%;border:1px solid var(--border);border-radius:8px;background:#061522;color:#fff;padding:8px;text-align:right;font-weight:800}.special-section .count-section-title{background:rgba(54,95,128,.35)}
.affected-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.affected-summary>div{border:1px solid var(--border);border-radius:12px;padding:13px;background:#092039;display:flex;justify-content:space-between;align-items:center}.affected-summary span{font-size:.76rem;color:var(--muted)}.affected-summary strong{font-size:1.4rem}
.admin-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.admin-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:13px}.admin-table{width:100%;border-collapse:collapse;min-width:850px}.admin-table th,.admin-table td{padding:10px 11px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left;font-size:.76rem}.admin-table th{background:#0a263c;color:#9fc1db;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em}.admin-actions{display:flex;gap:5px;flex-wrap:wrap}.user-status{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:.64rem;font-weight:800}.user-status.active{background:rgba(30,170,100,.18);color:#6ee7a8}.user-status.disabled{background:rgba(210,80,70,.18);color:#ff9c94}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.user-dialog{width:min(680px,94vw)}
@media(max-width:760px){
  .affected-layout{grid-template-columns:1fr}.zone-sidebar{order:0}.affected-editor{order:1}.affected-topbar{align-items:stretch;flex-direction:column}.affected-actions{display:grid;grid-template-columns:1fr 1fr}.count-grid{grid-template-columns:1fr}.count-grid label:nth-child(odd){border-right:0}.affected-summary{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}
}