:root{--logo-green:#00a479;--logo-yellow:#fecc03;--logo-red:#ca2239;--logo-red-dark:#911a26;--logo-ink:#1e1c1a;--logo-skin:#ffe1c2;color:var(--logo-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(65% 45% at 10% -5%,#00a47917 0%,#0000 100%),radial-gradient(55% 50% at 90% 108%,#fecc031a 0%,#0000 100%),#f5f2e8;min-width:320px;min-height:100vh;margin:0}@keyframes shimmer{0%{background-position:-640px 0}to{background-position:640px 0}}.skel{background:linear-gradient(90deg,#e8dfd0 0%,#f2ebe0 38%,#f8f3ec 50%,#f2ebe0 62%,#e8dfd0 100%) 0 0/640px 100%;border-radius:5px;animation:1.6s ease-in-out infinite shimmer}.skel-avatar{border-radius:13px;flex-shrink:0;width:52px;height:52px}.skel-line{border-radius:4px;height:12px}.skel-heading{border-radius:6px;height:19px}.skel-eyebrow{border-radius:3px;width:56px;height:9px}.skel-field{border-radius:8px;height:42px}.skel-label{border-radius:3px;width:64px;height:10px}.skel-identity{border-bottom:1px solid #deeee5;align-items:flex-start;gap:14px;padding-bottom:16px;display:flex}.skel-identity-lines{flex:1;gap:8px;min-width:0;padding-top:4px;display:grid}.skel-metric{border-top:1px solid #e8f2ec;justify-content:space-between;gap:14px;padding-top:12px;display:flex}.skel-panel-header{gap:6px;margin-bottom:20px;display:grid}.skel-panel-body{gap:10px;display:grid}.skel-service-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.skel-service-card{background:#fdfcf9;border:1px solid #e5dccb;border-radius:12px;align-items:center;gap:16px;min-height:96px;padding:18px;display:flex}.skel-service-icon{border-radius:12px;flex-shrink:0;width:48px;height:48px}.skel-service-lines{flex:1;gap:8px;min-width:0;display:grid}.skel-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.skel-field-group{gap:6px;display:grid}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:8px;min-height:40px;padding:0 16px;font-weight:750;transition:transform .13s,box-shadow .13s,background .13s,opacity .13s}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.5}.primary{background:var(--logo-green);color:#fff;box-shadow:0 4px 14px #00a47938}.primary:hover:not(:disabled){box-shadow:0 6px 20px #00a4794d}.ghost{color:var(--logo-ink);background:#1e1c1a0f;border:1px solid #1e1c1a1a}.ghost:hover:not(:disabled){background:#1e1c1a1a}.ghost-sm{color:#4d4136;background:0 0;border:1px solid #ccc4b4;border-radius:7px;min-height:34px;padding:0 14px;font-size:.875rem;font-weight:700;transition:background .13s,border-color .13s}.ghost-sm:hover:not(:disabled){background:#1e1c1a0f;transform:none}.danger{background:var(--logo-red);color:#fff}.wide{width:100%}.login-screen{background:linear-gradient(135deg,#00a47926,#0000 38%),linear-gradient(315deg,#fecc0329,#0000 42%),#f5f2e8;place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:#fffffff0;border:1px solid #e5dccb;border-radius:16px;width:min(100%,440px);padding:36px 32px;box-shadow:0 20px 60px #18201821,0 2px 6px #1820180d}.large-logo{object-fit:contain;width:72px;height:72px;margin-bottom:24px;display:block}.login-panel h1{max-width:16ch;margin-bottom:28px;font-size:1.6rem}.login-actions{gap:10px;display:grid}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);background:#f5f2e8d1;border-bottom:1px solid #e5dccba6;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1180px;margin:0 auto;padding:11px 20px;display:flex}.brand{color:var(--logo-ink);align-items:center;gap:10px;text-decoration:none;display:flex}.brand .brand-logo{object-fit:contain;flex:none;width:32px;height:32px}.brand-name{letter-spacing:-.01em;font-size:.925rem;font-weight:800}.shell{max-width:1180px;margin:0 auto;padding:28px 20px 60px}.avatar{width:44px;height:44px;color:var(--logo-ink);background:linear-gradient(145deg,#fecc03 0%,#ffd740 100%);border-radius:10px;flex-shrink:0;place-items:center;font-size:.9rem;font-weight:850;display:grid}.avatar.large{background:linear-gradient(145deg, var(--logo-green) 0%, #00c49f 55%, #5ddabc 100%);color:#fff;border-radius:13px;width:52px;height:52px;font-size:1.05rem;font-weight:850;box-shadow:0 4px 14px #00a47952}.dashboard{grid-template-columns:296px minmax(0,1fr);align-items:start;gap:20px;display:grid}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.status-panel,.panel,.service-panel{border:1px solid #e5dccb;border-radius:14px;box-shadow:0 1px 3px #1820180a,0 6px 20px #1820180f}.status-panel{background:linear-gradient(175deg,#edf8f3 0%,#fff 38%);border-color:#d4e9dc;gap:12px;padding:20px;display:grid;position:sticky;top:75px}.panel{background:#fff;padding:22px}.service-panel{background:#fff;grid-column:1/-1;padding:22px}.profile-panel{grid-column:1/-1}.status-identity{border-bottom:1px solid #deeee5;align-items:flex-start;gap:14px;padding-bottom:16px;display:flex}.status-identity-text{min-width:0;padding-top:2px}.status-name{overflow-wrap:anywhere;font-size:.975rem;font-weight:800;line-height:1.3;display:block}.status-sub{color:#4d8c6f;margin-top:3px;font-size:.78rem;font-weight:700;display:block}.status-email{color:#7a9088;overflow-wrap:anywhere;margin-top:1px;font-size:.78rem;display:block}.metric,.status-row{border-top:1px solid #e8f2ec;justify-content:space-between;gap:14px;padding-top:12px;font-size:.875rem;display:flex}.metric span,.status-row span{color:#62705f}.metric strong,.status-row strong{text-align:right;overflow-wrap:anywhere}.eyebrow{color:var(--logo-green);text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px;font-size:.72rem;font-weight:800}.subtle,.muted{color:#62705f}.subtle{overflow-wrap:anywhere;margin:5px 0 0}h1,h2{margin:0;line-height:1.15}h1{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:1.85rem}h2{letter-spacing:-.01em;font-size:1.15rem}.section-title{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}form,label{gap:9px;display:grid}form{gap:14px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}label{color:#4d4136;font-size:.875rem;font-weight:750}input{width:100%;min-height:42px;color:var(--logo-ink);background:#fdfcf9;border:1px solid #d9cdb9;border-radius:8px;padding:0 12px;transition:border-color .13s,box-shadow .13s}input:focus{border-color:var(--logo-green);outline:none;box-shadow:0 0 0 3px #00a47924}.form-actions,.actions{flex-wrap:wrap;gap:10px;display:flex}.form-actions,.actions.tight{justify-content:flex-end}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.service-card{min-height:96px;color:var(--logo-ink);background:#fdfcf9;border:1px solid #e5dccb;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;text-decoration:none;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s;display:grid}.service-card:hover{border-color:var(--logo-green);background:#f0fbf6;transform:translateY(-2px);box-shadow:0 6px 22px #00a4791f}.service-icon{width:48px;height:48px;color:var(--logo-ink);background:linear-gradient(145deg,#fecc03 0%,#ffd740 100%);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.service-icon svg{width:22px;height:22px}.service-icon.mail{background:linear-gradient(145deg, var(--logo-green) 0%, #00c49f 100%);color:#fff}.service-copy{gap:5px;min-width:0;display:grid}.service-copy strong{font-size:.975rem;font-weight:800}.service-copy span{color:#62705f;font-size:.875rem;line-height:1.45}.service-arrow{color:var(--logo-green);opacity:.6;font-size:1.2rem;font-weight:850;transition:opacity .15s,transform .15s}.service-card:hover .service-arrow{opacity:1;transform:translate(2px)}.pill{color:#5b6758;background:#eef2e9;border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:.8rem;font-weight:800;display:inline-flex}.pill.good{color:#007a5a;background:#d4f5e5}.banner{border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:.9rem;font-weight:700}.error{color:var(--logo-red-dark);background:#fee8e6;border:1px solid #ca223926}.success{color:#007a5a;background:#d4f5e5;border:1px solid #00a47933}.good{color:#007a5a}.secret-box{background:#f4faf6;border:1px solid #d4e8db;border-radius:10px;gap:8px;margin-bottom:14px;padding:14px;display:grid}.secret-box span{color:#62705f;text-transform:uppercase;letter-spacing:.05em;font-size:.76rem;font-weight:800}code{white-space:normal;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.inline-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.passkeys{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.passkeys li{background:#fdfcf9;border:1px solid #e4ecdf;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.passkeys span{color:#62705f;margin-top:3px;font-size:.85rem;display:block}.status-row{font-size:.875rem}@media (width<=860px){.passkeys li{flex-direction:column;align-items:stretch}.dashboard,.content-grid,.service-grid,.skel-service-row{grid-template-columns:1fr}.status-panel{position:static;top:auto}}@media (width<=560px){.shell{padding:20px 12px 40px}.login-panel{padding:24px 20px}.panel,.service-panel,.status-panel{padding:16px}.service-card{grid-template-columns:auto minmax(0,1fr);align-items:flex-start;min-height:auto}.service-arrow{grid-column:2;line-height:1}.field-grid,.inline-form{grid-template-columns:1fr}.section-title,.actions.tight{flex-direction:column;align-items:stretch}.form-actions,.actions{display:grid}}