:root {
  color-scheme: light;
  --navy-950: #041e29;
  --navy-900: #06364a;
  --navy-800: #074a62;
  --navy-700: #0b617a;
  --green-600: #4a9d2e;
  --green-500: #64b43a;
  --amber-500: #f6aa00;
  --amber-400: #ffbe2e;
  --bg: #f4f7f5;
  --surface: #ffffff;
  --surface-2: #eef3f0;
  --surface-3: #e6ece8;
  --text: #14232b;
  --muted: #66757c;
  --border: #dbe4df;
  --shadow: 0 18px 60px rgba(4, 30, 41, .09);
  --shadow-sm: 0 5px 18px rgba(4, 30, 41, .08);
  --radius: 16px;
  --sidebar-width: 260px;
  font-family: "Segoe UI", Inter, Arial, sans-serif;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #07151c;
  --surface: #0d222c;
  --surface-2: #112b35;
  --surface-3: #173640;
  --text: #edf5f2;
  --muted: #9ab0b2;
  --border: #23404a;
  --shadow: 0 20px 65px rgba(0, 0, 0, .3);
  --shadow-sm: 0 6px 20px rgba(0, 0, 0, .24);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--text); line-height: 1.5; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
img { max-width: 100%; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: "Segoe UI", Inter, Arial, sans-serif; line-height: 1.12; }
.button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; border: 1px solid transparent; border-radius: 10px; padding: 0 20px; font-weight: 700; cursor: pointer; transition: .2s ease; white-space: nowrap; }
.button:hover { transform: translateY(-1px); }
.button-primary { background: var(--green-600); color: #fff; box-shadow: 0 8px 24px rgba(74, 157, 46, .2); }
.button-primary:hover { background: #3f8928; box-shadow: 0 11px 28px rgba(74, 157, 46, .28); }
.button-ghost { background: var(--surface); border-color: var(--border); color: var(--text); }
.button-ghost:hover { border-color: var(--green-600); }
.button-link { color: var(--text); }
.button-small { min-height: 36px; padding: 0 14px; font-size: 13px; }
.icon-button { width: 40px; height: 40px; border: 1px solid var(--border); background: var(--surface); color: var(--text); border-radius: 10px; cursor: pointer; display: grid; place-items: center; }
.icon-button:hover { border-color: var(--green-600); color: var(--green-600); }
.icon-button i, .button i, .nav-icon i { pointer-events: none; }
.eyebrow, .section-kicker { font-size: 12px; letter-spacing: .16em; text-transform: uppercase; font-weight: 800; color: var(--green-600); }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; }
.eyebrow > span { width: 28px; height: 2px; background: var(--green-500); }
.eyebrow.light, .section-kicker.light { color: #95dc71; }
.back-link { color: var(--muted); font-size: 13px; font-weight: 700; }
.back-link:hover { color: var(--green-600); }

/* Public site */
.public-shell { background: var(--surface); }
.public-header { height: 82px; padding: 0 clamp(22px, 5vw, 84px); display: flex; align-items: center; justify-content: space-between; background: color-mix(in srgb, var(--surface) 94%, transparent); backdrop-filter: blur(18px); position: fixed; inset: 0 0 auto; z-index: 50; border-bottom: 1px solid color-mix(in srgb, var(--border) 75%, transparent); }
.brand img { display: block; width: 236px; }
.public-nav { display: flex; align-items: center; gap: 28px; font-size: 14px; font-weight: 600; }
.public-nav > a:not(.button):hover { color: var(--green-600); }
.hero { min-height: 790px; padding: 150px clamp(24px, 7vw, 120px) 80px; position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, .95fr) minmax(480px, 1.05fr); align-items: center; background: linear-gradient(135deg, color-mix(in srgb, var(--surface) 92%, var(--green-500)) 0%, var(--surface) 46%, color-mix(in srgb, var(--navy-900) 8%, var(--surface)) 100%); }
.hero-grid { position: absolute; inset: 0; opacity: .28; background-image: linear-gradient(color-mix(in srgb, var(--navy-900) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--navy-900) 7%, transparent) 1px, transparent 1px); background-size: 70px 70px; mask-image: linear-gradient(to right, transparent, #000 55%, transparent); }
.hero-copy { position: relative; z-index: 2; max-width: 680px; }
.hero h1 { font-size: clamp(53px, 6vw, 88px); letter-spacing: -.055em; margin: 24px 0; color: var(--navy-950); }
html[data-theme="dark"] .hero h1 { color: var(--text); }
.hero h1 em { color: var(--green-600); font-style: normal; }
.hero-copy > p { max-width: 610px; font-size: 19px; color: var(--muted); line-height: 1.75; }
.hero-actions { display: flex; gap: 18px; margin: 36px 0 46px; }
.trust-row { display: flex; gap: 30px; padding-top: 26px; border-top: 1px solid var(--border); color: var(--muted); font-size: 12px; }
.trust-row span { display: flex; flex-direction: column; }
.trust-row b { color: var(--navy-800); font-size: 19px; }
html[data-theme="dark"] .trust-row b { color: #8dd0de; }
.hero-visual { position: relative; width: min(610px, 50vw); aspect-ratio: 1.05; justify-self: end; z-index: 2; }
.hero-orb { position: absolute; width: 480px; height: 480px; border-radius: 50%; background: color-mix(in srgb, var(--green-500) 13%, transparent); filter: blur(90px); right: 5%; top: 25%; }
.energy-core { position: absolute; left: 50%; top: 48%; transform: translate(-50%,-50%); width: 180px; height: 180px; border-radius: 50%; display: grid; place-items: center; background: var(--surface); box-shadow: 0 0 0 18px color-mix(in srgb, var(--green-500) 8%, transparent), 0 30px 80px rgba(4,30,41,.18); z-index: 4; }
.energy-core img { width: 120px; }
.pulse { position: absolute; inset: -20px; border-radius: 50%; border: 1px solid var(--green-500); animation: pulse 3s infinite ease-out; }
.pulse-b { animation-delay: 1.5s; }
@keyframes pulse { from { opacity: .8; transform: scale(.8); } to { opacity: 0; transform: scale(1.55); } }
.network-lines { position: absolute; inset: 0; width: 100%; height: 100%; }
.network-lines path { fill: none; stroke: color-mix(in srgb, var(--navy-700) 35%, transparent); stroke-width: 2; }
.network-lines .flow { stroke: var(--green-500); stroke-dasharray: 5 14; animation: flow 1.5s linear infinite; }
@keyframes flow { to { stroke-dashoffset: -38; } }
.network-node { position: absolute; z-index: 5; min-width: 145px; border: 1px solid var(--border); background: color-mix(in srgb, var(--surface) 92%, transparent); backdrop-filter: blur(14px); padding: 14px 16px; border-radius: 12px; box-shadow: var(--shadow-sm); display: grid; grid-template-columns: 8px 1fr; gap: 1px 9px; font-size: 12px; }
.network-node i { width: 8px; height: 8px; border-radius: 50%; background: var(--green-500); grid-row: span 2; margin-top: 5px; box-shadow: 0 0 0 4px color-mix(in srgb, var(--green-500) 20%, transparent); }
.network-node b { color: var(--green-600); font-size: 10px; letter-spacing: .1em; }
.node-a { left: 0; top: 12%; }.node-b { right: 0; top: 10%; }.node-c { right: -1%; bottom: 7%; }
.public-section { padding: 110px clamp(24px, 7vw, 120px); }
.section-heading { display: grid; grid-template-columns: 1.2fr .7fr; gap: 80px; align-items: end; margin-bottom: 60px; }
.section-heading h2, .contact-section h2 { font-size: clamp(38px, 4.2vw, 60px); letter-spacing: -.045em; margin: 16px 0 0; }
.section-heading > p { color: var(--muted); font-size: 17px; line-height: 1.7; }
.capability-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--border); }
.capability-grid article { padding: 42px 38px 24px 0; position: relative; border-right: 1px solid var(--border); margin-right: 38px; }
.capability-grid article:last-child { border: 0; margin: 0; }
.cap-number { position: absolute; right: 24px; top: 30px; color: var(--border); font-family: "Segoe UI", sans-serif; font-size: 46px; font-weight: 800; }
.cap-icon { width: 52px; height: 52px; border-radius: 12px; background: color-mix(in srgb, var(--green-500) 12%, var(--surface)); color: var(--green-600); display: grid; place-items: center; font-size: 26px; }
.capability-grid h3 { font-size: 23px; margin: 27px 0 14px; }
.capability-grid p { color: var(--muted); min-height: 76px; }
.capability-grid a { color: var(--green-600); font-weight: 700; font-size: 13px; }
.continuity-band { padding: 90px clamp(24px, 7vw, 120px); background: var(--navy-950); color: white; display: grid; grid-template-columns: 1.25fr .6fr; align-items: center; gap: 60px; position: relative; overflow: hidden; }
.continuity-band::after { content:""; position:absolute; width:500px;height:500px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-100px;top:-200px;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.018); }
.continuity-band h2 { font-size: clamp(37px, 4vw, 56px); margin: 18px 0 0; letter-spacing: -.04em; }
.uptime-card { position: relative; z-index: 2; border-left: 1px solid rgba(255,255,255,.2); padding-left: 50px; }
.uptime-value { font: 800 clamp(55px,7vw,90px)/1 "Segoe UI", sans-serif; color: var(--amber-400); letter-spacing: -.06em; }
.uptime-value sup { font-size: .35em; }
.uptime-card p { color: #b7c7cc; max-width: 360px; }
.contact-section { padding: 110px clamp(24px, 7vw, 120px); display:flex; align-items:end; justify-content:space-between; gap:40px; }
.public-footer { background: #031923; color: #afc0c5; padding: 55px clamp(24px, 7vw, 120px); display:flex; justify-content:space-between; align-items:end; }
.public-footer img { filter: brightness(0) invert(1); opacity:.9; }
.public-footer p { max-width:470px; margin:18px 0 0; }
.footer-links { display:flex; flex-wrap:wrap; gap:26px; font-size:13px; }
.legal-page { max-width: 900px; padding: 160px 30px 100px; margin: auto; }
.legal-page h1 { font-size: 58px; margin: 15px 0 20px; }
.legal-page h2 { margin-top: 45px; }
.legal-page p { color: var(--muted); line-height: 1.8; }
.legal-lead { font-size: 20px; }

/* Login */
.login-shell { min-height: 100vh; }
.login-theme { position: fixed; right: 24px; top: 24px; z-index: 10; }
.login-page { min-height: 100vh; display: grid; grid-template-columns: 1.08fr .92fr; }
.login-brand-panel { color: white; background: radial-gradient(circle at 75% 20%, rgba(100,180,58,.19), transparent 30%), linear-gradient(145deg,#06384c,#031b27 72%); padding: 54px clamp(40px,6vw,96px); display:flex; flex-direction:column; position:relative; overflow:hidden; }
.login-brand-panel::after { content:""; position:absolute; width:620px;height:620px;border:1px solid rgba(255,255,255,.07);border-radius:50%;left:-280px;bottom:-350px;box-shadow:0 0 0 90px rgba(255,255,255,.018),0 0 0 180px rgba(255,255,255,.012); }
.login-logo img { width: 270px; }
.login-message { margin: auto 0; position:relative;z-index:2; }
.login-message h1 { font-size: clamp(54px,6vw,82px); letter-spacing:-.055em; margin:24px 0; }
.login-message h1 em { color:#8ed466;font-style:normal; }
.login-message p { color:#b8cbd0;font-size:18px;max-width:520px; }
.login-metrics { display:flex;gap:44px;position:relative;z-index:2; }
.login-metrics > span { display:grid;grid-template-columns:10px 1fr;gap:0 10px; }
.login-metrics i { width:8px;height:8px;border-radius:50%;background:#7bd24c;box-shadow:0 0 0 5px rgba(123,210,76,.14);grid-row:span 2;margin-top:6px; }
.login-metrics b { font-size:13px; }.login-metrics small { color:#91a8af; }
.login-form-panel { background:var(--bg);display:grid;place-items:center;padding:40px; }
.login-card { width:min(460px,100%);text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:48px;box-shadow:var(--shadow); }
.login-mark { margin-bottom:24px; }
.login-card h2 { font-size:38px;margin:10px 0 8px; }
.login-card > p { color:var(--muted);margin-bottom:30px; }
.sso-button { width:100%;min-height:72px;padding:12px 18px;border-radius:12px;background:var(--navy-900);color:white;display:grid;grid-template-columns:38px 1fr 20px;align-items:center;text-align:left;gap:12px;box-shadow:0 10px 30px rgba(6,54,74,.22); }
.sso-button:hover { background:var(--navy-800);transform:translateY(-1px); }
.sso-button.disabled { opacity:.65;cursor:not-allowed;border:0; }
.sso-shield { width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.12);display:grid;place-items:center;color:var(--amber-400); }
.sso-button span:nth-child(2) { font-weight:700;display:flex;flex-direction:column; }
.sso-button small { font-weight:400;color:#afc7cf;font-size:11px; }
.security-note { display:flex;text-align:left;gap:10px;margin:24px 0;color:var(--muted);font-size:12px; }
.security-note p { margin:0; }.back-link { display:inline-block; }

/* Admin shell */
.admin-shell { min-height: 100vh; }
.sidebar { width:var(--sidebar-width);position:fixed;inset:0 auto 0 0;background:var(--navy-950);color:#c3d3d7;display:flex;flex-direction:column;z-index:40;transition:width .2s; }
.sidebar-head { height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08); }
.sidebar-brand { display:flex;align-items:center;gap:11px;color:white;font:800 20px "Segoe UI",sans-serif;white-space:nowrap;overflow:hidden; }
.sidebar-brand span span { color:var(--green-500); }
.sidebar-toggle { background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#dce7e9;flex:0 0 40px; }
.sidebar-nav { padding:22px 12px;display:flex;flex-direction:column;gap:5px; }
.sidebar-nav a { display:flex;align-items:center;gap:13px;height:46px;padding:0 14px;border-radius:9px;font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden; }
.sidebar-nav a:hover { background:rgba(255,255,255,.06);color:white; }
.sidebar-nav a.active { background:linear-gradient(90deg,rgba(100,180,58,.2),rgba(100,180,58,.07));color:#a3e17e;border-left:3px solid var(--green-500);padding-left:11px; }
.nav-icon { width:22px;text-align:center;font-size:19px;flex:0 0 22px; }
.sidebar-foot { margin-top:auto;padding:18px;border-top:1px solid rgba(255,255,255,.08); }
.availability { display:flex;align-items:center;gap:12px;overflow:hidden;white-space:nowrap; }
.availability > span { width:9px;height:9px;border-radius:50%;background:#6ed23e;box-shadow:0 0 0 5px rgba(110,210,62,.12);flex:0 0 9px; }
.availability div { display:flex;flex-direction:column; }.availability b{font-size:12px;color:white}.availability small{font-size:10px;color:#829ba2}
.version { display:block;color:#55717a;font-size:10px;margin-top:13px; }
.sidebar.collapsed { width:76px; }.sidebar.collapsed .sidebar-brand span,.sidebar.collapsed .nav-label,.sidebar.collapsed .availability div,.sidebar.collapsed .version { display:none; }.sidebar.collapsed .sidebar-head{padding:0 10px;flex-direction:column;height:120px;justify-content:center;gap:10px}.sidebar.collapsed .sidebar-nav a{padding:0 14px;justify-content:center}.sidebar.collapsed .sidebar-nav a.active{padding-left:11px}
.admin-page { margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left .2s; }
.sidebar.collapsed + .admin-page { margin-left:76px; }
.admin-topbar { height:78px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(15px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:30; }
.topbar-left{display:flex;align-items:center;gap:10px}.mobile-menu-toggle{display:none}
.topbar-context { display:flex;flex-direction:column; }.topbar-context span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.topbar-context strong{font-size:15px}
.topbar-actions { display:flex;align-items:center;gap:12px; }
.user-chip { display:flex;align-items:center;gap:10px;padding:4px 14px;border-left:1px solid var(--border);border-radius:10px; }
.user-chip:hover { background:var(--surface-2); }
.avatar { width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--green-500) 15%,var(--surface));color:var(--green-600);display:grid;place-items:center;font-size:12px;font-weight:800;overflow:hidden;position:relative;flex:0 0 auto; }
.avatar img { width:100%;height:100%;object-fit:cover;display:block; }
.avatar.has-image > [data-avatar-fallback] { display:none; }
.user-chip > span:last-child{display:flex;flex-direction:column}.user-chip b{font-size:12px}.user-chip small{font-size:10px;color:var(--muted)}
.admin-content { padding:34px clamp(20px,3vw,46px) 70px;max-width:1720px;margin:auto; }
.flash { padding:13px 16px;border-radius:10px;margin-bottom:18px;border:1px solid;font-size:13px;font-weight:600; }
.flash-success { background:color-mix(in srgb,#35a45b 10%,var(--surface));border-color:color-mix(in srgb,#35a45b 35%,var(--border));color:#258044; }
.flash-error { background:color-mix(in srgb,#d23b31 9%,var(--surface));border-color:color-mix(in srgb,#d23b31 34%,var(--border));color:#b52c26; }
.flash-warning { background:color-mix(in srgb,var(--amber-500) 12%,var(--surface));border-color:color-mix(in srgb,var(--amber-500) 38%,var(--border));color:#996600; }
.page-heading { display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px; }
.page-heading h1 { font-size:36px;letter-spacing:-.035em;margin:6px 0 4px; }.page-heading p{color:var(--muted);margin:0}.page-heading.compact{align-items:start}
.stat-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px; }
.stat-card { background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:23px;display:flex;gap:16px;box-shadow:var(--shadow-sm); }
.stat-icon { width:45px;height:45px;border-radius:11px;display:grid;place-items:center;flex:0 0 45px;font-size:20px;font-weight:800; }
.stat-icon.green{background:rgba(74,157,46,.12);color:var(--green-600)}.stat-icon.amber{background:rgba(246,170,0,.13);color:#b87900}.stat-icon.blue{background:rgba(36,87,166,.12);color:#2457a6}.stat-icon.slate{background:var(--surface-2);color:var(--navy-700)}
.stat-card small { color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em; }.stat-card strong{display:block;font:800 28px "Segoe UI",sans-serif;margin:3px 0}.stat-card strong em{font-size:12px;font-style:normal;color:var(--muted)}.stat-card p{font-size:11px;color:var(--muted);margin:0}
.panel { background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm); }
.panel-head { min-height:76px;padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px; }
.panel-head h2{font-size:18px;margin:0 0 3px}.panel-head p{color:var(--muted);font-size:12px;margin:0}.panel-head > a{color:var(--green-600);font-size:12px;font-weight:700}
.compact-list > a { display:grid;grid-template-columns:42px 1fr auto 150px 20px;align-items:center;gap:14px;padding:15px 22px;border-bottom:1px solid var(--border); }
.compact-list > a:last-child{border:0}.compact-list > a:hover{background:var(--surface-2)}
.equipment-mark { width:40px;height:40px;display:grid;place-items:center;background:var(--navy-900);color:var(--amber-400);border-radius:10px;font-size:20px; }
.compact-list a > span:nth-child(2){display:flex;flex-direction:column}.compact-list b{font-size:13px}.compact-list small{font-size:11px;color:var(--muted)}.compact-list strong{text-align:right;font-size:13px}
.status { display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:4px 9px;background:var(--surface-2);color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em; }
.status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:6px}
.status-en_operacion,.status-disponible{color:#318425;background:rgba(74,157,46,.1)}.status-adquirido{color:#9b6b04;background:rgba(246,170,0,.12)}.status-en_transito{color:#2457a6;background:rgba(36,87,166,.1)}.status-mantenimiento{color:#bd4b30;background:rgba(189,75,48,.1)}.status-baja{color:#6c747a}.status-prospecto{color:#6a54aa;background:rgba(106,84,170,.1)}
.empty-state { padding:60px 20px;text-align:center;color:var(--muted); }.empty-state > span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);margin:0 auto 16px;color:var(--green-600);font-size:24px}.empty-state h3{color:var(--text);margin:0 0 6px}.empty-state .button{margin-top:12px}

/* Catalog and forms */
.catalog-toolbar { padding:16px 20px;display:flex;gap:10px;border-bottom:1px solid var(--border); }
.search-box { display:flex;align-items:center;gap:9px;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding-left:12px;max-width:530px;width:100%; }
.search-box:focus-within{border-color:var(--green-600)}.search-box input{border:0;background:transparent;outline:0;width:100%;height:40px;color:var(--text)}.search-box button{height:32px;border:0;border-left:1px solid var(--border);background:transparent;padding:0 13px;color:var(--green-600);font-weight:700;cursor:pointer}
.table-wrap { overflow-x:auto; }
.data-table { width:100%;border-collapse:separate;border-spacing:0;font-size:12px; }
.data-table th { padding:12px 15px;background:var(--surface-2);color:var(--muted);text-align:left;text-transform:uppercase;letter-spacing:.06em;font-size:10px;white-space:nowrap;border-bottom:1px solid var(--border); }
.data-table td { padding:14px 15px;border-bottom:1px solid var(--border);white-space:nowrap;max-width:220px;background:var(--surface); }
.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover td{background:color-mix(in srgb,var(--green-500) 3%,var(--surface))}
.data-table td small{display:block;color:var(--muted);font-size:10px}
.equipment-number { color:var(--green-600);font:800 12px "Segoe UI",sans-serif;letter-spacing:.04em; }
.money-cell { font-weight:700;font-variant-numeric:tabular-nums; }
.actions-column { position:sticky;right:0;z-index:2;box-shadow:-7px 0 12px rgba(4,30,41,.04); }
th.actions-column{z-index:3}.table-action{display:inline-flex;padding:5px 8px;border:1px solid var(--border);border-radius:6px;margin-right:4px;font-weight:700}.table-action:hover{border-color:var(--green-600);color:var(--green-600)}
.truncate-cell { display:block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative; }
.truncate-cell:is(:hover,:focus)::after { content:attr(data-full);position:fixed;z-index:100;background:var(--navy-950);color:white;padding:8px 10px;border-radius:7px;max-width:340px;white-space:normal;box-shadow:var(--shadow);margin-top:24px;font-size:11px;pointer-events:none; }
.mobile-cards{display:none}
.form-panel { overflow:hidden; }
.form-section { padding:26px;display:grid;grid-template-columns:210px 1fr;gap:28px;border-bottom:1px solid var(--border); }
.form-section-heading { display:flex;gap:12px; }.form-section-heading > span{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:rgba(74,157,46,.1);color:var(--green-600);font:800 11px "Segoe UI",sans-serif}.form-section-heading h2{font-size:17px;margin:4px 0}.form-section-heading p{color:var(--muted);font-size:11px}
.form-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px; }
.field { display:flex;flex-direction:column;min-width:0; }.field > span{font-size:11px;font-weight:800;margin-bottom:7px;color:var(--text)}.field small{font-size:10px;color:var(--muted);line-height:1.4;margin-top:6px}.field small a{color:var(--green-600);font-weight:700}.field em{font-style:normal;color:#c3322d;font-size:10px;margin-top:4px}
.field input,.field select,.field textarea { width:100%;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:9px;padding:10px 11px;outline:0;min-height:42px; }
.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green-600);box-shadow:0 0 0 3px rgba(74,157,46,.1)}
.temporal-control{display:flex;width:100%;position:relative}.temporal-control .temporal-input{padding-right:45px}.temporal-picker{position:absolute;right:5px;top:5px;width:32px;height:32px;border:0;border-left:1px solid var(--border);background:transparent;color:var(--green-600);cursor:pointer}.temporal-picker:hover{color:var(--navy-700)}
.span-2{grid-column:span 2}.span-4{grid-column:span 4}
.form-actions { padding:20px 26px;display:flex;justify-content:flex-end;gap:10px;background:var(--surface-2); }

/* Record */
.record-hero { background:linear-gradient(115deg,var(--surface),color-mix(in srgb,var(--green-500) 5%,var(--surface)));border:1px solid var(--border);border-radius:var(--radius);padding:26px;display:grid;grid-template-columns:1fr auto;gap:20px;margin-bottom:14px;box-shadow:var(--shadow-sm); }
.record-title > div{display:flex;gap:9px;align-items:center;margin:13px 0 5px}.record-title h1{font-size:32px;margin:0 0 6px}.record-title p{margin:0;color:var(--muted)}.record-actions{display:flex;gap:9px;align-items:start}
.record-metrics { grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);padding-top:20px;gap:20px; }
.record-metrics div{display:flex;flex-direction:column}.record-metrics small{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:9px}.record-metrics strong{font-size:14px;margin-top:3px}.record-metrics em{font-size:10px;color:var(--muted);font-style:normal}
.meter-strip{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:4px}.meter-widget{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 18px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.meter-widget>span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.meter-widget>span i{color:var(--green-600);margin-right:5px}.meter-widget>small{font-size:9px;color:var(--muted)}.odometer-window{grid-row:span 2;display:flex;align-items:center;padding:5px 7px;border:4px solid #27333a;border-radius:8px;background:#11181c;box-shadow:inset 0 2px 9px rgba(0,0,0,.85),0 1px 0 rgba(255,255,255,.18);font-variant-numeric:tabular-nums}.meter-wheel{font:800 20px/30px "Courier New",monospace;font-style:normal;color:#eef1e9;min-width:21px;text-align:center;border-left:1px solid #050708;border-right:1px solid #394249;background:linear-gradient(#050708 0%,#293239 18%,#11171b 48%,#030506 52%,#222b31 82%,#050708 100%);text-shadow:0 1px 1px #000}.meter-decimal{font:800 20px/30px "Courier New",monospace;font-style:normal;color:var(--amber-400);padding:0 2px}.odometer-empty{grid-row:span 2;color:var(--muted);font-size:12px;font-weight:700;padding:8px 10px;border:1px dashed var(--border);border-radius:8px}
.record-tabs { display:flex;gap:3px;overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:5px;margin-bottom:18px;position:sticky;top:88px;z-index:20;box-shadow:var(--shadow-sm); }
.record-tabs a{padding:9px 13px;border-radius:8px;font-size:11px;font-weight:700;white-space:nowrap;color:var(--muted)}.record-tabs a:hover{color:var(--text);background:var(--surface-2)}.record-tabs a.active{background:var(--navy-900);color:white}.record-tabs a span{margin-left:5px;background:rgba(255,255,255,.17);padding:1px 5px;border-radius:9px}
.detail-grid { display:grid;grid-template-columns:.9fr 1.1fr;gap:18px; }
.detail-list { display:grid;grid-template-columns:1fr 1fr;margin:0;padding:5px 22px 18px; }.detail-list div{padding:15px 0;border-bottom:1px solid var(--border)}.detail-list div:nth-last-child(-n+2){border:0}.detail-list dt{text-transform:uppercase;font-size:9px;letter-spacing:.06em;color:var(--muted)}.detail-list dd{margin:4px 0 0;font-size:13px;font-weight:700}
.record-notes { margin:0 22px 22px;padding:14px;background:var(--surface-2);border-radius:10px; }.record-notes b{font-size:11px}.record-notes p{font-size:12px;color:var(--muted);margin:6px 0 0;white-space:pre-line}
.mini-timeline { padding:8px 22px 20px; }.mini-timeline article{display:grid;grid-template-columns:11px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid var(--border)}.mini-timeline article:last-child{border:0}.mini-timeline i{width:9px;height:9px;border-radius:50%;margin-top:5px;background:var(--event-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--event-color) 15%,transparent)}.mini-timeline div{display:flex;flex-direction:column}.mini-timeline span,.mini-timeline p{font-size:10px;color:var(--muted)}.mini-timeline b{font-size:12px}.mini-timeline p{margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:500px}
.timeline { padding:12px 26px 30px; }.timeline > article{display:grid;grid-template-columns:68px 28px 1fr;gap:8px;min-height:130px}.timeline-date{font:800 25px "Segoe UI",sans-serif;text-align:right;padding-top:15px}.timeline-date span{display:block;font:600 9px "Segoe UI",sans-serif;text-transform:uppercase;color:var(--muted)}.timeline-rail{position:relative;display:flex;justify-content:center}.timeline-rail::after{content:"";width:1px;background:var(--border);position:absolute;top:28px;bottom:-10px}.timeline article:last-child .timeline-rail::after{display:none}.timeline-rail i{width:11px;height:11px;border-radius:50%;background:var(--event-color);box-shadow:0 0 0 5px color-mix(in srgb,var(--event-color) 15%,var(--surface));margin-top:22px;z-index:1}
.timeline-card{border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:12px}.timeline-card > div{display:flex;justify-content:space-between}.timeline-card time{font-size:10px;color:var(--muted)}.timeline-card h3{font-size:15px;margin:10px 0 5px}.timeline-card p{font-size:12px;color:var(--muted);white-space:pre-line}.timeline-card small{font-size:9px;color:var(--muted)}
.event-readings{justify-content:flex-start!important;gap:8px;margin:12px 0}.event-readings span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:8px;background:var(--surface-2);color:var(--navy-700);font-size:10px;font-weight:800}.event-attachments{display:flex!important;justify-content:flex-start!important;gap:8px;flex-wrap:wrap;margin:12px 0;padding-top:12px;border-top:1px solid var(--border)}.event-photo{width:74px;height:58px;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.event-photo img{width:100%;height:100%;object-fit:cover}.event-document{max-width:310px;display:grid;grid-template-columns:20px minmax(80px,1fr) auto auto;align-items:center;gap:7px;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);font-size:9px}.event-document>i{color:var(--green-600);font-size:15px}.event-document b{font-size:9px}.event-document a{color:var(--green-600);font-weight:800}
.category-badge { color:var(--event-color);background:color-mix(in srgb,var(--event-color) 10%,var(--surface));border-radius:6px;padding:3px 7px;font-size:9px;font-weight:800;text-transform:uppercase; }
.statement-balance { margin:20px;padding:18px;border-radius:12px;background:linear-gradient(100deg,var(--navy-950),var(--navy-800));color:white;display:flex;align-items:center;justify-content:space-between; }.statement-balance small{text-transform:uppercase;letter-spacing:.08em;color:#acc2c8}.statement-balance strong{font:800 25px "Segoe UI",sans-serif}.statement-balance em{font:500 10px "Segoe UI",sans-serif;color:#acc2c8}
.statement-table{min-width:940px}.statement-table tfoot th{border-top:2px solid var(--border);background:var(--surface-2);font-size:11px}.statement-table tfoot th:first-child{text-align:right;text-transform:uppercase;letter-spacing:.06em}
.statement-table .actions-column{background:var(--surface)}.statement-table thead .actions-column,.statement-table tfoot .actions-column{background:var(--surface-2)}.movement-number{display:inline-flex;align-items:center;justify-content:center;min-width:38px;padding:5px 7px;border-radius:7px;background:var(--surface-2);color:var(--navy-700);font-size:10px;font-variant-numeric:tabular-nums}.movement-share-button{white-space:nowrap}.movement-share-button i{margin-right:4px;color:var(--green-600)}.statement-table tr[data-financial-movement]{scroll-margin-block:170px}.statement-table tr.shared-movement-target td{background:color-mix(in srgb,#f2b632 11%,var(--surface));animation:shared-movement-pulse .85s ease-in-out 2}.statement-table tr.shared-movement-target td:first-child{box-shadow:inset 4px 0 #e5a91f}.share-toast{position:fixed;left:50%;bottom:28px;z-index:11000;display:flex;align-items:center;max-width:min(420px,calc(100vw - 32px));padding:11px 15px;border-radius:10px;background:var(--navy-950);color:white;box-shadow:0 16px 45px rgba(3,25,35,.28);font-size:11px;font-weight:800;opacity:0;transform:translate(-50%,16px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.share-toast.is-visible{opacity:1;transform:translate(-50%,0)}@keyframes shared-movement-pulse{0%,100%{background:color-mix(in srgb,#f2b632 11%,var(--surface));box-shadow:inset 0 0 0 0 rgba(229,169,31,0)}50%{background:color-mix(in srgb,#f2b632 35%,var(--surface));box-shadow:inset 0 0 0 2px rgba(229,169,31,.72),0 0 22px rgba(229,169,31,.25)}}
.align-right{text-align:right!important}.credit{color:var(--green-600)!important}.charge,.negative-balance{color:#c43d32!important}.entry-type{font-size:9px;text-transform:uppercase;font-weight:800}.entry-cargo{color:#c43d32}.entry-abono{color:var(--green-600)}
.attachment-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:20px; }
.attachment-card { border:1px solid var(--border);border-radius:12px;overflow:hidden;position:relative;background:var(--surface);cursor:grab; }.attachment-card.dragging{opacity:.45}.attachment-card > a{display:block;height:150px;background:var(--surface-2)}.attachment-card img{width:100%;height:100%;object-fit:cover}.attachment-card > div{padding:11px;display:flex;flex-direction:column}.attachment-card > div b{font-size:11px}.attachment-card > div small{font-size:9px;color:var(--muted)}.attachment-card > div span{font-size:9px;color:var(--muted);margin-top:6px}
.document-preview{display:grid!important;place-items:center;color:var(--navy-700)}.document-preview span{font:800 28px "Segoe UI",sans-serif;opacity:.15}.document-preview b{font-size:11px}.attachment-file-actions{display:flex!important;gap:10px;margin:7px 0 2px!important}.attachment-file-actions a{color:var(--green-600);font-size:9px;font-weight:800}.attachment-file-actions i{margin-right:3px}
.attachment-delete{position:absolute;top:7px;right:7px;width:27px;height:27px;border:0;border-radius:8px;background:rgba(3,25,35,.8);color:white;cursor:pointer}

/* Uploader, modal, catalog */
.modal { border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100%;height:100%; }.modal::backdrop{background:rgba(2,18,25,.72);backdrop-filter:blur(4px)}.modal[open]{display:grid;place-items:center;padding:24px}
.modal-card { width:min(860px,100%);max-height:calc(100vh - 48px);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:0;box-shadow:0 30px 100px rgba(0,0,0,.35); }
.modal-head { display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:3 }.modal-head h2{font-size:20px;margin:3px 0 0}.modal-head button{width:34px;height:34px;border:0;border-radius:8px;background:var(--surface-2);color:var(--text);font-size:20px;cursor:pointer}
.modal-card > .form-grid{padding:22px 24px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:18px 24px;background:var(--surface-2);position:sticky;bottom:0;z-index:3}
.photo-uploader { margin:0 24px 20px;border:1px solid var(--border);border-radius:12px;padding:14px; }
.photo-actions { display:grid;grid-template-columns:repeat(3,1fr);gap:9px; }
.upload-option { border:1px dashed var(--border);background:var(--bg);border-radius:10px;padding:14px;display:grid;grid-template-columns:35px 1fr;gap:0 9px;text-align:left;color:var(--text);cursor:pointer;min-height:67px; }
button.upload-option{width:100%;font:inherit}.upload-option:hover{border-color:var(--green-600);background:color-mix(in srgb,var(--green-500) 5%,var(--surface))}.upload-option input{display:none}.upload-icon{width:35px;height:35px;border-radius:8px;background:var(--surface);display:grid;place-items:center;grid-row:span 2;color:var(--green-600)}.upload-option b{font-size:11px}.upload-option small{font-size:9px;color:var(--muted)}
.photo-preview{margin-top:13px}.preview-heading{display:flex;justify-content:space-between;font-size:10px}.preview-heading small{color:var(--muted)}.preview-grid{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.preview-item{width:90px;height:76px;position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.preview-item img{width:100%;height:100%;object-fit:cover}.preview-item button{position:absolute;right:3px;top:3px;border:0;width:21px;height:21px;border-radius:6px;background:rgba(3,25,35,.8);color:white;cursor:pointer}.preview-grid .document-selection-card{flex:1 1 280px}.uploader-help{font-size:9px;color:var(--muted);margin:10px 0 0}
.file-field{margin:0 24px 20px}.file-field input{padding:8px}
.document-selection-card{min-width:0;display:grid;grid-template-columns:74px minmax(0,1fr) 26px;align-items:center;gap:9px;border:1px solid var(--border);border-radius:9px;padding:7px;background:var(--bg)}.document-selection-visual{height:54px;display:grid;place-items:center;border-radius:6px;overflow:hidden;background:var(--surface-2);color:var(--green-600);font-size:24px}.document-selection-visual object{width:100%;height:100%;pointer-events:none}.document-selection-card>div:nth-child(2){min-width:0;display:flex;flex-direction:column}.document-selection-card b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-selection-card small{font-size:9px;color:var(--muted)}.document-selection-card button{width:25px;height:25px;border:0;border-radius:6px;background:var(--surface-2);color:var(--muted);cursor:pointer}.document-selection-card button:hover{color:#b52c26}.evidence-fields{min-width:0}.event-form .photo-uploader{margin:0 0 16px}.field-error{padding:10px 12px;border:1px solid color-mix(in srgb,#d23b31 34%,var(--border));border-radius:9px;background:color-mix(in srgb,#d23b31 9%,var(--surface));color:#b52c26;font-size:11px;font-weight:700}
.meter-form-section[hidden]{display:none!important}
.empty-compact{padding:35px;text-align:center;color:var(--muted);font-size:12px}
.catalog-note{margin:20px;padding:16px;border-radius:10px;background:var(--surface-2)}.catalog-note b{font-size:12px}.catalog-note p{margin:5px 0 0;color:var(--muted);font-size:11px}
.category-catalog-form{padding:20px}.category-reorder-tip{display:flex;align-items:center;gap:11px;margin-bottom:14px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--green-500) 28%,var(--border));border-radius:11px;background:color-mix(in srgb,var(--green-500) 6%,var(--surface));color:var(--green-600)}.category-reorder-tip>i{font-size:19px}.category-reorder-tip span{display:flex;flex-direction:column}.category-reorder-tip b{font-size:11px}.category-reorder-tip small{margin-top:2px;color:var(--muted);font-size:9px}.category-editor-list{display:grid;gap:9px}.category-editor{position:relative;display:grid;grid-template-columns:34px 25px minmax(165px,.8fr) minmax(230px,1.35fr) minmax(180px,.75fr);align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 2px 7px rgba(3,25,35,.025);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.category-editor:hover{border-color:color-mix(in srgb,var(--green-500) 45%,var(--border));box-shadow:0 7px 20px rgba(3,25,35,.07)}.category-drag-handle{width:34px;height:48px;border:1px dashed var(--border);border-radius:9px;background:var(--surface-2);color:var(--muted);cursor:grab;touch-action:none}.category-drag-handle:hover,.category-drag-handle:focus-visible{border-color:var(--green-600);color:var(--green-600);outline:3px solid color-mix(in srgb,var(--green-500) 14%,transparent)}.category-drag-handle:active{cursor:grabbing}.category-order-number{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--surface-2);font-size:9px;font-weight:900;color:var(--muted)}.category-identity{min-width:0;display:flex;align-items:center;gap:9px}.category-color-dot{width:12px;height:38px;border-radius:999px;background:var(--event-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--event-color) 10%,transparent)}.category-identity>div{min-width:0;display:flex;flex-direction:column}.category-identity b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-identity code{margin-top:3px;color:var(--muted);font-size:8px}.catalog-edit-field{min-width:0;display:flex;flex-direction:column}.catalog-edit-field>span:first-child{margin-bottom:4px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.catalog-edit-field input:not([type="color"]){width:100%;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);padding:9px 10px;font:inherit;font-size:11px}.catalog-edit-field input:focus{outline:3px solid color-mix(in srgb,var(--green-500) 13%,transparent);border-color:var(--green-600)}.catalog-edit-field small{margin-top:4px;color:var(--muted);font-size:8px;line-height:1.3}.color-input-row{display:flex;align-items:center;gap:9px}.color-input-row input[type="color"]{width:48px;height:35px;border:1px solid var(--border);border-radius:8px;padding:3px;background:var(--bg);cursor:pointer}.color-input-row output{font:600 9px ui-monospace,monospace;color:var(--muted)}.category-reordering-source{display:none}.category-editor-list.is-reordering{user-select:none}.category-drop-placeholder{min-height:72px;display:flex;align-items:center;justify-content:center;gap:8px;border:2px dashed var(--green-500);border-radius:12px;background:linear-gradient(110deg,color-mix(in srgb,var(--green-500) 5%,var(--surface)),color-mix(in srgb,var(--green-500) 13%,var(--surface)),color-mix(in srgb,var(--green-500) 5%,var(--surface)));background-size:200% 100%;color:var(--green-600);animation:category-drop-pulse 1.2s ease-in-out infinite}.category-drop-placeholder i{animation:category-drop-arrow .8s ease-in-out infinite}.category-drop-placeholder b{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.category-drag-ghost{position:fixed;z-index:10000;pointer-events:none;opacity:.94;transform:rotate(1deg) scale(1.015);box-shadow:0 24px 60px rgba(3,25,35,.28);border-color:var(--green-500)}.reorder-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.catalog-form-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;padding-top:17px;border-top:1px solid var(--border)}.catalog-form-actions>span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px}.catalog-form-actions>span i{color:var(--green-600)}@keyframes category-drop-pulse{50%{background-position:100% 0;box-shadow:0 0 0 4px color-mix(in srgb,var(--green-500) 8%,transparent)}}@keyframes category-drop-arrow{50%{transform:translateY(4px)}}
.account-grid{display:grid;grid-template-columns:minmax(280px,340px) 1fr;gap:20px;align-items:start}.identity-panel{padding:28px;text-align:center;position:sticky;top:98px}.identity-avatar{width:104px;height:104px;border-radius:26px;margin:0 auto 16px;font-size:28px;box-shadow:0 0 0 7px color-mix(in srgb,var(--green-500) 10%,transparent)}.sso-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 9px;background:rgba(74,157,46,.1);color:var(--green-600);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.identity-panel h2{margin:14px 0 4px;font-size:23px}.identity-panel>p{color:var(--muted);font-size:13px}.identity-details{margin:24px 0 0;text-align:left}.identity-details div{padding:12px 0;border-top:1px solid var(--border)}.identity-details dt{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.identity-details dd{margin:4px 0 0;font-size:12px;font-weight:700;overflow-wrap:anywhere}.sso-note{display:flex;gap:9px;text-align:left;padding:12px;border-radius:10px;background:var(--surface-2);color:var(--muted);margin-top:18px}.sso-note i{color:var(--green-600);margin-top:3px}.sso-note p{font-size:10px;margin:0}.account-form-section{grid-template-columns:230px 1fr;min-height:250px}.account-form-section .form-section-heading>span{font-size:13px}.preference-stack{display:grid;gap:20px}.preference-panel{overflow:hidden}.panel-heading-icon{font-size:22px;color:var(--green-600)}.preference-content{padding:22px}.theme-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.theme-choice{min-height:125px;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:12px;padding:18px;text-align:left;cursor:pointer;display:grid;grid-template-columns:32px 1fr;gap:2px 10px}.theme-choice>i{grid-row:span 2;width:32px;height:32px;border-radius:8px;background:var(--surface);display:grid;place-items:center;color:var(--green-600)}.theme-choice b{font-size:12px}.theme-choice small{font-size:10px;color:var(--muted);line-height:1.4}.theme-choice:hover,.theme-choice.active{border-color:var(--green-600);background:color-mix(in srgb,var(--green-500) 5%,var(--surface))}.theme-choice.active{box-shadow:0 0 0 3px rgba(74,157,46,.1)}.browser-preference-note{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:14px;margin-top:16px;border-radius:10px;background:var(--surface-2)}.browser-preference-note>i{width:36px;height:36px;border-radius:8px;background:var(--surface);display:grid;place-items:center;color:var(--navy-700)}.browser-preference-note b{font-size:11px}.browser-preference-note p{margin:2px 0 0;font-size:10px;color:var(--muted)}.preference-toggle{position:relative;border:1px solid var(--border);border-radius:10px;padding:12px;display:grid;grid-template-columns:38px 1fr;gap:10px;cursor:pointer;background:var(--bg)}.preference-toggle input{position:absolute;opacity:0;pointer-events:none}.preference-toggle>span{width:38px;height:38px;border-radius:9px;background:var(--surface);display:grid;place-items:center;color:var(--green-600)}.preference-toggle div{display:flex;flex-direction:column}.preference-toggle b{font-size:11px}.preference-toggle small{font-size:10px;color:var(--muted);margin-top:4px}.preference-toggle:has(input:checked){border-color:var(--green-600);background:color-mix(in srgb,var(--green-500) 5%,var(--surface));box-shadow:0 0 0 3px rgba(74,157,46,.1)}.density-compact .data-table td{padding-top:8px;padding-bottom:8px}.density-compact .compact-list>a{padding-top:9px;padding-bottom:9px}.density-compact .stat-card{padding:16px}.density-compact .equipment-card{padding:10px}.reduce-motion *, .reduce-motion *::before, .reduce-motion *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
.pending-card{max-width:520px}.pending-identity{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);text-align:left;margin:20px 0}.pending-identity .avatar{width:48px;height:48px;border-radius:12px}.pending-identity>span:last-child{display:flex;flex-direction:column}.pending-identity b{font-size:13px}.pending-identity small{font-size:11px;color:var(--muted)}.pending-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pending-retry{width:100%;margin-top:10px}.pending-card>form{display:flex;justify-content:center;margin-top:10px}.pending-card>form .button{background:transparent;color:var(--muted);font-size:12px}
.user-stats{grid-template-columns:repeat(3,1fr)}.status-privileged{color:#318425;background:rgba(74,157,46,.1)}.status-pending{color:#9b6b04;background:rgba(246,170,0,.12)}.user-username{color:var(--green-600);font-weight:800}.actions-column form{display:inline-flex}.actions-column button.table-action{background:var(--surface);color:var(--text);font:inherit;cursor:pointer}.self-access{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;font-weight:700}.user-card>p{font-size:11px;color:var(--muted);margin:0 0 5px;overflow-wrap:anywhere}.user-card>small{font-size:10px;color:var(--muted)}.user-card .card-actions form,.user-card .card-actions button{width:100%}
.error-page{min-height:calc(100vh - 160px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 24px}.error-page>span{font-size:12px;font-weight:800;letter-spacing:.15em;color:var(--green-600);margin-top:18px}.error-page h1{font-size:clamp(34px,5vw,58px);margin:10px 0}.error-page p{color:var(--muted);max-width:580px}.error-page .button{margin-top:14px}

@media (max-width: 1100px) {
  .hero{grid-template-columns:1fr;padding-top:140px}.hero-visual{display:none}.stat-grid{grid-template-columns:repeat(2,1fr)}.attachment-grid{grid-template-columns:repeat(3,1fr)}
  .login-page{grid-template-columns:.9fr 1.1fr}.login-brand-panel{padding:45px}.login-message h1{font-size:54px}.form-section{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.account-grid{grid-template-columns:1fr}.identity-panel{position:static}.account-form-section{grid-template-columns:1fr}.user-stats{grid-template-columns:repeat(3,1fr)}.category-editor{grid-template-columns:34px 25px minmax(150px,.8fr) minmax(210px,1fr)}.category-editor .color-field{grid-column:3/-1}
}
@media (max-width: 820px) {
  .public-nav > a:not(.button),.public-nav .button{display:none}.public-header{height:68px}.brand img{width:205px}.hero{min-height:690px;padding-top:120px}.hero h1{font-size:53px}.trust-row{gap:16px}.section-heading{grid-template-columns:1fr;gap:20px}.capability-grid{grid-template-columns:1fr}.capability-grid article{border-right:0;border-bottom:1px solid var(--border);margin:0}.continuity-band{grid-template-columns:1fr}.uptime-card{border-left:0;border-top:1px solid rgba(255,255,255,.2);padding:30px 0 0}.contact-section,.public-footer{align-items:flex-start;flex-direction:column}
  .login-page{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{min-height:100vh;padding:20px}.login-card{padding:36px 24px}
  .sidebar{width:76px}.sidebar .sidebar-brand span,.sidebar .nav-label,.sidebar .availability div,.sidebar .version{display:none}.sidebar .sidebar-head{padding:0 10px;flex-direction:column;height:120px;justify-content:center;gap:10px}.sidebar .sidebar-nav a{justify-content:center;padding:0 14px}.admin-page{margin-left:76px}.admin-topbar{padding:0 16px}.user-chip>span:last-child{display:none}.admin-content{padding:24px 16px 60px}.page-heading{align-items:flex-start}.stat-grid{grid-template-columns:1fr 1fr}.record-hero{grid-template-columns:1fr}.record-actions{grid-row:2}.record-metrics{grid-template-columns:1fr}.meter-strip{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr 1fr}.span-4{grid-column:span 2}.attachment-grid{grid-template-columns:repeat(2,1fr)}.theme-choices{grid-template-columns:1fr}.browser-preference-note{grid-template-columns:36px 1fr}.browser-preference-note .button{grid-column:1/-1}
  .data-table{display:none}.data-table.statement-table{display:table;min-width:940px}.mobile-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:14px}.equipment-card{border:1px solid var(--border);border-radius:12px;padding:15px}.equipment-card>div:first-child{display:flex;justify-content:space-between}.equipment-card h3{font-size:15px;margin:12px 0}.equipment-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:0}.equipment-card dl div{display:flex;flex-direction:column}.equipment-card dt{font-size:8px;text-transform:uppercase;color:var(--muted)}.equipment-card dd{font-size:10px;margin:3px 0}.card-actions{display:flex!important;gap:8px;margin-top:13px}.card-actions a{flex:1;padding:7px;border:1px solid var(--border);border-radius:7px;text-align:center;font-size:10px;font-weight:700}.category-editor{grid-template-columns:34px 25px 1fr}.category-editor .catalog-edit-field{grid-column:3/-1}.catalog-form-actions{align-items:stretch;flex-direction:column}.catalog-form-actions .button{width:100%}
}
@media (max-width: 560px) {
  .hero{padding-left:20px;padding-right:20px}.hero h1{font-size:44px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);font-size:9px}.trust-row b{font-size:14px}.public-section,.continuity-band,.contact-section{padding:75px 20px}.public-footer{padding:45px 20px}.footer-links{flex-direction:column;gap:10px}
  .admin-shell .sidebar{transform:translateX(-100%)}.admin-shell .sidebar.mobile-open{transform:translateX(0);width:260px}.admin-shell .sidebar.mobile-open .sidebar-brand span,.admin-shell .sidebar.mobile-open .nav-label,.admin-shell .sidebar.mobile-open .availability div,.admin-shell .sidebar.mobile-open .version{display:flex}.admin-page,.sidebar.collapsed+.admin-page{margin-left:0}.sidebar.mobile-open .sidebar-toggle{position:static}.mobile-menu-toggle{display:grid}.topbar-actions{gap:6px}.admin-topbar{height:70px}.topbar-context span{display:none}.page-heading{flex-direction:column}.page-heading .button{width:100%}.stat-grid,.user-stats{grid-template-columns:1fr}.compact-list>a{grid-template-columns:42px 1fr 20px}.compact-list .status,.compact-list strong{display:none}.mobile-cards{grid-template-columns:1fr}.pending-actions{grid-template-columns:1fr}
  .form-section{padding:20px}.form-grid{grid-template-columns:1fr}.span-2,.span-4{grid-column:span 1}.record-actions{flex-direction:column}.record-actions .button{width:100%}.record-metrics{gap:10px}.record-tabs{top:78px;margin-left:-8px;margin-right:-8px}.detail-list{grid-template-columns:1fr}.detail-list div:nth-last-child(2){border-bottom:1px solid var(--border)}.timeline{padding:10px}.timeline>article{grid-template-columns:48px 20px 1fr}.timeline-date{font-size:19px}.event-document{grid-template-columns:18px minmax(70px,1fr);}.event-document a{grid-column:span 1}.attachment-grid{grid-template-columns:1fr}.photo-actions{grid-template-columns:1fr}.pending-actions{grid-template-columns:1fr}.modal[open]{padding:8px}.modal-card{max-height:calc(100vh - 16px)}.modal-card>.form-grid{padding:18px}.photo-uploader{margin:0 18px 18px}.file-field{margin:0 18px 18px}.category-catalog-form{padding:14px}.category-editor{grid-template-columns:34px 22px minmax(0,1fr);gap:8px}.category-identity{min-width:0}.category-reorder-tip{align-items:flex-start}
}
@media (prefers-reduced-motion: reduce) { *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important} }