:root{color:#1a202c;font-synthesis:none;text-rendering:optimizelegibility;--ink:#111827;--muted:#667085;--canvas:#f4f1ea;--panel:#fffdf8;--line:#ded9cf;--amber:#e99a24;--amber-soft:#fff2d9;--green:#16825d;--green-soft:#dff4ea;--blue:#2463eb;--shadow:0 18px 50px #11182714;background:#f4f1ea;font-family:Inter,Noto Sans Thai,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 78% 8%, #e99a2417, transparent 24rem), var(--canvas);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.app-frame{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#eef1f5;background:linear-gradient(160deg, #ffffff0a, transparent 38%), var(--ink);flex-direction:column;height:100vh;padding:28px 18px 22px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 9px 28px;display:flex}.brand__mark{width:40px;height:40px;color:var(--ink);background:var(--amber);border-radius:12px;place-items:center;font-family:Inter,system-ui,sans-serif;font-size:20px;font-weight:800;display:grid}.brand>span:last-child,.sidebar__footer>span:last-child,.topbar>div:first-child{flex-direction:column;display:flex}.brand strong,.topbar strong{letter-spacing:-.02em;font-family:Inter,Noto Sans Thai,system-ui,sans-serif}.brand small,.sidebar__footer small{color:#98a2b3;font-size:12px}.nav{flex-direction:column;flex:1;gap:4px;display:flex}.nav__label{color:#7e899a;letter-spacing:.14em;text-transform:uppercase;margin:8px 12px 10px;font-family:Inter,system-ui,sans-serif;font-size:10px;font-weight:700}.nav__item{color:#b7c0cc;border-radius:10px;grid-template-columns:22px 1fr auto;align-items:center;gap:6px;min-height:42px;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none;display:grid}.nav__item--active{color:#fff;box-shadow:inset 3px 0 var(--amber);background:#ffffff17}.nav__item--planned{cursor:default}.nav__item small{color:#697586;letter-spacing:.04em;text-transform:uppercase;font-family:Inter,system-ui,sans-serif;font-size:9px}.sidebar__footer{border-top:1px solid #ffffff1a;align-items:center;gap:10px;padding:16px 10px 0;font-size:13px;display:flex}.environment-dot{background:#32d583;border-radius:99px;width:9px;height:9px;box-shadow:0 0 0 4px #32d5831f}.workspace{min-width:0}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4f1ead1;border-bottom:1px solid #ded9cfbf;justify-content:space-between;align-items:center;min-height:74px;padding:14px clamp(20px,4vw,48px);display:flex}.topbar__eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.topbar__actions{align-items:center;gap:14px;display:flex}.topbar__actions a{color:#475467;font-size:13px;font-weight:600;text-decoration:none}.topbar__actions a:hover{color:var(--ink)}.language-switcher{color:var(--muted);align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.language-switcher select{min-height:34px;color:var(--ink);background:#fff;border:1px solid #cfc9be;border-radius:8px;outline:none;padding:5px 27px 5px 9px;font-size:12px;font-weight:600}.language-switcher select:focus{border-color:var(--amber);box-shadow:0 0 0 3px #e99a2429}.avatar{background:#fff;border:1px solid #c9c2b6;border-radius:50%;place-items:center;width:36px;height:36px;font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:700;display:grid}.main-content{width:min(1500px,100%);margin:0 auto;padding:42px clamp(20px,4vw,48px) 72px}.hero{justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:30px;display:flex}.eyebrow,.panel__kicker{color:#9a650f;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:700}.hero h1{color:var(--ink);letter-spacing:-.045em;margin:0;font-family:Inter,Noto Sans Thai,system-ui,sans-serif;font-size:clamp(31px,4vw,49px);line-height:1.04}.hero p{max-width:720px;color:var(--muted);margin:15px 0 0;font-size:16px;line-height:1.7}.production-chip{color:#0b6948;background:var(--green-soft);letter-spacing:.04em;text-transform:uppercase;border:1px solid #add9c7;border-radius:999px;flex:none;align-items:center;gap:8px;margin-top:8px;padding:8px 13px;font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:700;display:flex}.production-chip span{background:var(--green);border-radius:50%;width:7px;height:7px}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.summary-card{border:1px solid var(--line);background:#fffdf8db;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:145px;padding:21px;display:flex;box-shadow:0 8px 28px #1118270a}.summary-card>span{color:var(--muted);font-size:12px;font-weight:600}.summary-card strong{color:var(--ink);letter-spacing:-.04em;margin-top:10px;font-family:Inter,system-ui,sans-serif;font-size:clamp(25px,3vw,34px)}.summary-card small{color:#7c8491;font-size:11px}.summary-card--dark{border-color:var(--ink);color:#fff;background:var(--ink)}.summary-card--dark>span,.summary-card--dark small{color:#aeb8c6}.summary-card--dark strong{color:#fff;text-transform:capitalize}.panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:18px;overflow:hidden}.panel__header{justify-content:space-between;align-items:flex-end;gap:20px;padding:25px 27px 18px;display:flex}.panel__header h2{letter-spacing:-.025em;margin:0;font-family:Inter,Noto Sans Thai,system-ui,sans-serif;font-size:21px}.result-count{color:var(--muted);font-size:12px}.readiness-filters{border-block:1px solid var(--line);background:#faf8f3;grid-template-columns:minmax(220px,1fr) 190px auto;align-items:end;gap:12px;padding:18px 27px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:#475467;font-size:11px;font-weight:700}.field input,.field select{width:100%;min-height:42px;color:var(--ink);background:#fff;border:1px solid #cfc9be;border-radius:9px;outline:none}.field input{padding:9px 12px}.field select{padding:8px 32px 8px 11px}.field input:focus,.field select:focus{border-color:var(--amber);box-shadow:0 0 0 3px #e99a2429}.button{cursor:pointer;border:0;border-radius:9px;min-height:42px;padding:8px 16px;font-size:13px;font-weight:700}.button:disabled{cursor:not-allowed;opacity:.5}.button--primary{color:#fff;background:var(--ink)}.button--primary:hover:not(:disabled){background:#263144}.button--ghost{color:var(--ink);background:0 0}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;min-width:930px}.data-table th{color:#667085;letter-spacing:.06em;text-transform:uppercase;background:#fffdf8;padding:12px 18px;font-size:10px;font-weight:700}.data-table td{color:#4b5565;vertical-align:top;border-top:1px solid #ebe7df;max-width:320px;padding:16px 18px;font-size:12px;line-height:1.5}.data-table td:first-child{color:#8a5c11;letter-spacing:.05em;text-transform:uppercase;width:110px;font-family:Inter,system-ui,sans-serif;font-size:10px;font-weight:700}.data-table td:nth-child(2){color:var(--ink);font-size:13px;font-weight:700}.data-table tbody tr:hover{background:#fffaf0}.status{white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.status__dot{background:currentColor;border-radius:50%;width:6px;height:6px}.status--ready{color:#0d7651;background:var(--green-soft)}.status--planned{color:#94610d;background:var(--amber-soft)}.status--active{color:#0d7651;background:var(--green-soft)}.status--pending{color:#94610d;background:var(--amber-soft)}.status--suspended{color:#9c3f14;background:#ffead5}.status--disabled{color:#475467;background:#eaecf0}.empty-state{min-height:180px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:28px;display:flex}.empty-state strong{color:var(--ink)}.identity-page{background:radial-gradient(circle at 50% 0%, #e99a242e, transparent 28rem), var(--canvas);place-items:center;min-height:100vh;padding:28px 18px;display:grid}.identity-card{border:1px solid var(--line);background:var(--panel);width:min(440px,100vw - 36px);min-width:0;box-shadow:var(--shadow);border-radius:22px;padding:clamp(28px,6vw,42px)}.identity-card__toolbar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:28px;display:flex}.identity-brand{width:48px;height:48px;color:var(--ink);background:var(--amber);border-radius:14px;place-items:center;font-size:22px;font-weight:800;display:grid}.identity-card h1{color:var(--ink);letter-spacing:-.04em;margin:0;font-size:clamp(29px,7vw,38px);line-height:1.12}.identity-card__lead{color:var(--muted);margin:15px 0 0;line-height:1.65}.identity-context,.identity-security-note{color:#78500e;background:var(--amber-soft);border:1px solid #ead4aa;border-radius:11px;margin-top:22px;padding:14px 15px;font-size:12px;line-height:1.55}.identity-action{width:100%;margin-top:22px}.identity-message{margin:14px 0 0;font-size:12px;line-height:1.5}.identity-message--warning{color:#94610d}.identity-message--error{color:#b42318}.identity-security-note{border-color:var(--line);color:var(--muted);background:#faf8f3;flex-direction:column;gap:3px;display:flex}.identity-security-note strong{color:var(--ink)}.activation-form{margin-top:22px}.users-layout{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:18px;display:grid}.hero--compact h1{font-size:clamp(31px,4vw,43px)}.users-filters{border-block:1px solid var(--line);background:#faf8f3;grid-template-columns:minmax(200px,1fr) 150px 150px auto;align-items:end;gap:10px;padding:18px 27px;display:grid}.users-table{min-width:720px}.users-table td:first-child{width:auto;color:var(--ink);letter-spacing:0;text-transform:none;font-family:inherit;font-size:12px}.users-table td:first-child strong,.users-table td:first-child small{display:block}.users-table td:first-child small{color:var(--muted);margin-top:2px;font-weight:400}.pagination-actions{border-top:1px solid var(--line);justify-content:flex-end;padding:16px 20px;display:flex}.button--secondary{color:var(--ink);background:#fff;border:1px solid #cfc9be}.invitation-panel{position:sticky;top:20px}.invitation-form{gap:14px;padding:4px 25px 25px;display:grid}.form-message{margin:0 25px 22px;font-size:12px}.form-message--error{color:#b42318}.invitation-result{color:#0b6948;background:var(--green-soft);border:1px solid #add9c7;border-radius:11px;gap:8px;margin:0 25px 25px;padding:15px;font-size:12px;line-height:1.5;display:grid}.invitation-result code{overflow-wrap:anywhere;color:var(--ink);background:#ffffffa6;border-radius:7px;padding:9px;font-size:10px}.invitation-result .button{width:fit-content}.invitation-result small{color:#477462}.scope-list{gap:9px;margin:24px 0;padding:0;list-style:none;display:grid}.scope-list li{border:1px solid var(--line);color:#475467;background:#faf8f3;border-radius:10px;padding:12px 14px;font-size:13px;font-weight:600}.identity-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.identity-actions .button--ghost{border:1px solid #cfc9be}.guardrail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.guardrail-grid article{border:1px solid var(--line);background:#fffdf894;border-radius:14px;gap:14px;padding:19px;display:flex}.guardrail-icon{color:#98650f;background:var(--amber-soft);border-radius:9px;flex:none;place-items:center;width:32px;height:32px;font-family:Inter,system-ui,sans-serif;font-size:10px;font-weight:700;display:grid}.guardrail-grid h3{margin:1px 0 4px;font-family:Inter,system-ui,sans-serif;font-size:13px}.guardrail-grid p{color:var(--muted);margin:0;font-size:11px;line-height:1.55}.connection-notice,.connection-strip,.connection-guardrail{border:1px solid var(--line);background:#fffdf8db;border-radius:16px;margin-bottom:18px}.connection-notice{background:var(--amber-soft);border-color:#ead4aa;grid-template-columns:minmax(0,1fr) auto;gap:24px;padding:22px 25px;display:grid}.connection-notice h2{margin:0;font-size:19px}.connection-notice p{color:#78500e;max-width:720px;margin:8px 0 0;font-size:12px;line-height:1.6}.connection-notice ul{align-content:center;gap:7px;margin:0;padding:0;list-style:none;display:grid}.connection-notice code{font-size:11px;font-weight:700}.connection-strip{background:var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.connection-strip>div{background:var(--panel);flex-direction:column;gap:4px;min-width:0;padding:20px 24px;display:flex}.connection-strip span,.connection-strip small{color:var(--muted);font-size:11px}.connection-strip strong,.connection-strip small{overflow-wrap:anywhere}.cloudflare-capability-table{min-width:700px}.cloudflare-capability-table td:first-child{width:auto;color:var(--ink);letter-spacing:0;text-transform:none;font-family:inherit;font-size:12px}.connection-guardrail{color:#475467;flex-direction:column;gap:5px;margin-top:18px;padding:18px 20px;font-size:12px;line-height:1.55;display:flex}.connection-guardrail strong{color:var(--ink)}.update-prompt{z-index:20;color:#fff;background:var(--ink);border:1px solid #343e50;border-radius:13px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;max-width:440px;padding:15px;display:grid;position:fixed;bottom:22px;right:22px;box-shadow:0 20px 60px #1118274d}.update-prompt>div{flex-direction:column;display:flex}.update-prompt span{color:#b5bdc9;font-size:11px}.update-prompt .button--primary{color:var(--ink);background:var(--amber)}.update-prompt .button--ghost{color:#d0d5dd}@media (width<=1080px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guardrail-grid,.users-layout{grid-template-columns:1fr}.invitation-panel{position:static}}@media (width<=760px){.app-frame{display:block}.sidebar{height:auto;padding:14px 16px;display:block;position:static}.brand{padding:0}.nav,.sidebar__footer{display:none}.topbar{min-height:62px;padding:11px 18px}.topbar__actions a,.topbar__actions .language-switcher>span{display:none}.main-content{padding:28px 16px 56px}.hero{display:block}.hero h1{font-size:34px}.production-chip{width:fit-content;margin-top:18px}.summary-grid{grid-template-columns:1fr 1fr;gap:10px}.summary-card{min-height:128px;padding:17px}.summary-card strong{font-size:24px}.readiness-filters,.users-filters{grid-template-columns:1fr;padding:16px}.connection-notice,.connection-strip{grid-template-columns:1fr}.panel__header{padding:21px 18px 16px}.update-prompt{grid-template-columns:1fr auto;bottom:12px;left:12px;right:12px}.update-prompt .button--ghost{grid-column:2}}@media (width<=440px){.summary-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}