:root{--brand: #c8632f;--ms-ink: #3d2b22;--ms-bg: #f5f2ec;--ms-surface: #ffffff;--ms-border: #e6e0d4;--ms-text: #221f1b;--ms-muted: #7a7166;--danger: #dc2626;--danger-bg: #fbe9e6;--warning: #d97706;--warning-bg: #fdf0e0}*{box-sizing:border-box}html,body,#root{height:100%}html{overflow-x:hidden}body{margin:0;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--ms-bg);color:var(--ms-text);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{letter-spacing:-.01em}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:var(--ms-ink)}.auth-card{width:100%;max-width:380px;background:var(--ms-surface);border-radius:14px;box-shadow:0 10px 24px -14px #211f1c4d;border:1px solid var(--ms-border);padding:32px 28px}.auth-logo{display:block;height:44px;width:auto;margin:0 auto 20px}.auth-card h1{font-family:Bricolage Grotesque,sans-serif;font-size:20px;font-weight:800;margin:0 0 4px;color:var(--ms-text)}.auth-card p{color:var(--ms-muted);margin:0 0 20px;font-size:13px}.auth-card form{display:flex;flex-direction:column;gap:16px}.auth-card .field{margin-bottom:0}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:12px;font-weight:600;color:var(--ms-text)}.field input,.field select,.field textarea{height:40px;border:1px solid var(--ms-border);border-radius:9px;padding:0 12px;font-size:14px;font-family:inherit;background:var(--ms-bg);color:var(--ms-text);transition:border-color .15s,box-shadow .15s}.field textarea{height:auto;padding:10px 12px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in oklch,var(--brand) 18%,white 82%)}.search-input{display:block;width:100%;height:40px;border:1px solid var(--ms-border);border-radius:9px;padding:0 12px;font-size:14px;font-family:inherit;background:var(--ms-bg);color:var(--ms-text);transition:border-color .15s,box-shadow .15s}.search-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in oklch,var(--brand) 18%,white 82%)}.password-field{position:relative}.password-field input{width:100%;padding-right:40px}.password-toggle-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--ms-muted);cursor:pointer}.password-toggle-btn:hover{background:color-mix(in oklch,currentColor 12%,transparent)}.btn{background:var(--brand);color:#fff8f0;border:none;border-radius:9px;padding:10px 16px;font-size:14px;font-weight:700;font-family:DM Sans,sans-serif;cursor:pointer;transition:filter .15s}.btn:disabled{opacity:.55;cursor:default}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn-ghost{background:transparent;color:var(--ms-text);border:1px solid var(--ms-border);border-radius:9px;padding:8px 14px;font-size:13px;font-family:DM Sans,sans-serif;cursor:pointer}.btn-ghost:hover{background:var(--ms-bg)}.link-button{background:none;border:none;padding:0;font:inherit;color:var(--brand);cursor:pointer;text-decoration:none}.link-button:hover{text-decoration:underline}.error-text{color:var(--danger);font-size:13px}.hint-text{color:var(--ms-muted);font-size:13px}.app-shell{min-height:100vh;display:flex;background:var(--ms-bg)}.sidebar{width:220px;flex-shrink:0;background:var(--ms-ink);color:#ffffff8c;display:flex;flex-direction:column;padding:20px 14px;gap:22px;position:sticky;top:0;height:100vh;box-sizing:border-box}.sidebar-brand{display:flex;align-items:center;gap:10px}.sidebar-brand-icon{width:34px;height:34px;border-radius:9px;object-fit:cover;flex:none}.sidebar-brand-name{font-weight:700;color:#fff;font-size:13px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:inherit;text-decoration:none;font-size:13px;font-weight:500;transition:background .15s,color .15s}.sidebar-link svg{width:16px;height:16px;flex-shrink:0}.sidebar-link:hover{background:#ffffff0f;color:#fff}.sidebar-link.active{background:color-mix(in srgb,var(--brand) 22%,transparent);color:#fff;font-weight:600}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:6px}.sidebar-email{padding:0 10px;font-size:11px;color:#fff6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{width:100%;display:flex;align-items:center;gap:10px;background:transparent;border:none;color:#ffffff80;padding:9px 10px;border-radius:8px;cursor:pointer;font-size:12px;font-family:DM Sans,sans-serif;text-align:left;transition:background .15s,color .15s}.logout-btn svg{width:16px;height:16px}.logout-btn:hover{background:#ffffff0f;color:#fff}.content{flex:1;padding:32px 40px;max-width:1200px;width:100%;margin:0 auto;min-width:0}.page-title{font-family:Bricolage Grotesque,sans-serif;font-size:20px;font-weight:800;color:var(--ms-text);margin:0 0 18px;display:flex;align-items:center;gap:10px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.mobile-topbar{display:none}@media (max-width: 860px){.app-shell{display:block}.sidebar{display:none}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:var(--ms-ink);color:#fff;padding:12px 16px}.mobile-topbar-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:.95rem;overflow:hidden}.mobile-menu-btn,.mobile-logout-btn{background:#ffffff14;border:none;color:#fff;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.mobile-menu-btn svg,.mobile-logout-btn svg{width:18px;height:18px}.content{padding:20px 16px 32px;max-width:100%}.mobile-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14110e80;z-index:30}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:260px;max-width:80vw;background:var(--ms-ink);color:#ffffff8c;z-index:31;display:flex;flex-direction:column;gap:22px;padding:18px 14px;box-sizing:border-box;box-shadow:8px 0 24px #00000040;animation:mobile-drawer-in .2s ease-out}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-drawer-close{background:transparent;border:none;color:#fff9;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.mobile-drawer-close svg{width:20px;height:20px}.mobile-drawer .sidebar-link{font-size:14px;padding:11px 10px}@keyframes mobile-drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}}.panel{background:var(--ms-surface);border-radius:14px;border:1px solid var(--ms-border);padding:20px;margin-bottom:20px;box-shadow:0 1px 2px #3d2b220a}.panel h2{font-family:Bricolage Grotesque,sans-serif}.audit-toolbar{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}.audit-toolbar .field{min-width:0}.audit-toolbar .field input,.audit-toolbar .field select{width:100%}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ms-muted);padding:10px 14px;border-bottom:1px solid var(--ms-border);font-family:DM Sans,sans-serif;font-weight:700}td{padding:12px 14px;border-bottom:1px solid color-mix(in srgb,var(--ms-border) 60%,transparent);color:var(--ms-text)}tr:last-child td{border-bottom:none}tr.clickable{cursor:pointer}tr.clickable:hover{background:var(--ms-bg)}code{font-family:DM Mono,monospace}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700}.badge-pending_approval{background:#fbe4d5;color:#a1471f}.approval-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#fbe4d5;border:1px solid #f0b98d;border-radius:14px;padding:16px 20px;margin-bottom:20px;color:#a1471f}.stamp-style-checklist{display:flex;flex-wrap:wrap;gap:10px 20px}.stamp-style-checklist-item{display:flex;align-items:center;gap:6px;font-size:.9rem}.badge-trial{background:#f6e6cf;color:#8a5a1f}.badge-active{background:#dcecdc;color:#2f6b3a}.badge-suspended{background:var(--danger-bg);color:#a13b2e}.badge-cancelled{background:#e6e0d4;color:#5a5148}.badge-pending_deletion{background:var(--danger-bg);color:var(--danger)}.danger-zone{border:1px solid var(--danger)}.danger-zone-title{color:var(--danger)}.btn-danger{background:var(--danger);color:#fff;border:none}.btn-danger:disabled{opacity:.5;cursor:default}.deletion-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--danger-bg);border:1px solid var(--danger);border-radius:14px;padding:16px 20px;margin-bottom:20px;color:var(--danger)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-bottom:20px}.stat-tile{background:var(--ms-surface);border:1px solid var(--ms-border);border-radius:12px;padding:16px}.stat-tile .value{display:block;font-family:Bricolage Grotesque,sans-serif;font-size:24px;font-weight:800;color:var(--ms-text)}.stat-tile .label{font-size:12px;color:var(--ms-muted);margin-top:4px}.back-link{display:inline-block;margin-bottom:12px;color:var(--ms-muted);text-decoration:none;font-size:13px}.back-link:hover{color:var(--brand)}.data-table{overflow-x:auto}.card-list{display:none;flex-direction:column;gap:10px;padding:4px}.data-card{background:var(--ms-surface);border:1px solid var(--ms-border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px}.data-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.data-card-title{font-weight:700;font-size:14px;color:var(--ms-text)}.data-card-subtitle{font-size:12px;color:var(--ms-muted);margin-top:2px}.data-card-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--ms-muted)}.data-card-meta strong{color:var(--ms-text)}.data-card-actions{margin-top:2px}@media (max-width: 860px){.data-table{display:none}.card-list{display:flex}}.monitor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:24px}.monitor-tile{display:flex;flex-direction:column;gap:4px;margin-bottom:0}.monitor-tile-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--ms-muted);margin-bottom:4px}.monitor-tile .value{font-family:Bricolage Grotesque,sans-serif;font-size:20px;font-weight:800;color:var(--ms-text)}.monitor-tile .label{font-size:12px;color:var(--ms-muted)}.status-dot{width:9px;height:9px;border-radius:999px;flex-shrink:0}.status-dot.ok{background:#3f9142;box-shadow:0 0 0 3px color-mix(in srgb,#3f9142 20%,transparent)}.status-dot.down{background:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 20%,transparent)}.status-dot.sev-ok{background:#3f9142;box-shadow:0 0 0 3px color-mix(in srgb,#3f9142 20%,transparent)}.status-dot.sev-warning{background:var(--warning);box-shadow:0 0 0 3px color-mix(in srgb,var(--warning) 20%,transparent)}.status-dot.sev-critical{background:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 20%,transparent)}.status-dot.sev-unknown{background:var(--ms-muted);box-shadow:0 0 0 3px color-mix(in srgb,var(--ms-muted) 20%,transparent)}.monitor-tile-warning{background:var(--warning-bg);border-color:color-mix(in srgb,var(--warning) 40%,transparent)}.monitor-tile-critical{background:var(--danger-bg);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.status-dot.unknown{background:var(--ms-muted);box-shadow:0 0 0 3px color-mix(in srgb,var(--ms-muted) 20%,transparent)}.section-title{font-family:Bricolage Grotesque,sans-serif;font-size:15px;font-weight:800;color:var(--ms-text);margin:0 0 12px}.status-breakdown{display:flex;flex-wrap:wrap;gap:20px}.status-breakdown-item{display:flex;align-items:center;gap:8px}.status-breakdown-count{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:15px;color:var(--ms-text)}.env-badge{display:inline-block;margin-top:2px;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.env-production{background:color-mix(in srgb,var(--danger) 25%,transparent);color:#ffd9d2}.env-staging{background:#ffffff26;color:#f6e6cf}.env-development{background:#ffffff1a;color:#ffffffb3}.env-value{text-transform:capitalize}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3d2b2273;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100;animation:dialog-fade-in .15s ease-out}.dialog-card{width:100%;max-width:560px;max-height:min(80vh,640px);display:flex;flex-direction:column;background:var(--ms-surface);border:1px solid var(--ms-border);border-radius:14px;box-shadow:0 20px 50px #3d2b2240;padding:22px 24px;animation:dialog-pop-in .18s ease-out}.dialog-card h2{margin:0 0 10px;font-family:Bricolage Grotesque,sans-serif;font-size:16px;font-weight:800;color:var(--ms-text)}.dialog-card p{margin:0 0 20px;font-size:14px;color:var(--ms-muted);line-height:1.5;white-space:pre-line}.dialog-actions{display:flex;gap:10px;justify-content:flex-end}@keyframes dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-pop-in{0%{opacity:0;transform:scale(.96) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.log-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.log-detail-header h2{margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:16px;font-weight:800;color:var(--ms-text);word-break:break-word}.log-detail-close{flex-shrink:0;width:28px;height:28px;border:none;border-radius:8px;background:var(--ms-bg);color:var(--ms-muted);font-size:18px;line-height:1;cursor:pointer}.log-detail-close:hover{background:var(--ms-border);color:var(--ms-text)}.log-detail-meta{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--ms-border);font-size:13px;color:var(--ms-muted)}.log-detail-meta strong{color:var(--ms-text);font-weight:600}.log-detail-meta a{color:var(--brand)}.plan-detail-list{display:flex;flex-direction:column;gap:10px}.plan-detail-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;padding-bottom:10px;border-bottom:1px solid var(--ms-border)}.plan-detail-row:last-child{border-bottom:none;padding-bottom:0}.plan-detail-row>span:first-child{color:var(--ms-muted)}.plan-detail-row>span:last-child{font-weight:600;color:var(--ms-text);text-align:right}.json-view{margin:0;padding:14px 16px;background:var(--ms-ink);border-radius:10px;font-family:DM Mono,monospace;font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;overflow-y:auto}.json-view-empty{color:var(--ms-muted);font-size:13px}.json-key{color:#f0a875}.json-string{color:#a3d9a5}.json-number{color:#7fb8e0}.json-boolean{color:#c9a3e8}.json-null{color:#fff6;font-style:italic}.qr-codes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.qr-code-card{margin-bottom:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.qr-code-card-image{padding:10px;background:#fff;border-radius:10px}.qr-code-card-name{font-weight:700;font-size:14px;color:var(--ms-text)}.qr-code-card-link{font-size:10px;color:var(--ms-muted);word-break:break-all}