:root{color:#17201a;background:#f7f8f5;font-family:Inter,Yu Gothic,Yu Gothic UI,Hiragino Sans,Meiryo,sans-serif}body{margin:0}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:#15211b;color:#f8fbf7;padding:24px;position:sticky;top:0;height:calc(100vh - 48px);overflow-y:auto}.brand{align-items:center;display:flex;font-size:18px;font-weight:700;gap:10px;margin-bottom:28px}nav{display:grid;gap:8px}nav a{border-radius:8px;color:#f8fbf7;padding:10px 12px;text-decoration:none}nav a:hover{background:#26372e}nav a.active{background:#2f493b}.content{padding:48px;min-width:0}.content-header{align-items:center;display:flex;gap:24px;justify-content:space-between;max-width:920px}.auth-page,.loading-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px}.auth-panel{background:#fff;border:1px solid #dfe5dc;border-radius:8px;box-shadow:0 18px 60px #1a251e14;max-width:440px;padding:32px;width:100%}.form-stack{display:grid;gap:16px}label{color:#38433c;display:grid;font-size:14px;gap:8px}input,select,textarea{border:1px solid #cfd8d1;border-radius:8px;font:inherit;padding:12px}textarea{min-height:86px;resize:vertical}button{align-items:center;background:#1f6f4a;border:0;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-weight:700;gap:8px;justify-content:center;min-height:44px;padding:0 16px}button:disabled{cursor:wait;opacity:.7}button[disabled]{cursor:not-allowed}.icon-button{align-items:center;display:inline-flex;gap:8px;min-height:40px}.top-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.top-actions span{color:#66736b;font-size:14px;font-weight:700}.secondary-button{background:#eef4ef;border:1px solid #cddbd1;color:#1f6f4a}.error-message{background:#fff1f0;border:1px solid #ffd0cc;border-radius:8px;color:#9f2f24;padding:10px 12px}.success-message{background:#edf8f1;border:1px solid #b9e4c7;border-radius:8px;color:#1f6f4a;padding:10px 12px}.hint,.signed-in{color:#66736b;font-size:14px}.permission-panel{background:#fff8dc;border:1px solid #ecd98d;border-radius:8px;margin-top:24px;max-width:680px;padding:16px}.permission-panel p{margin:12px 0 0}.summary-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(120px,1fr));margin:28px 0;max-width:920px}.summary-grid div{background:#fff;border:1px solid #dfe5dc;border-radius:8px;display:grid;gap:6px;min-height:76px;padding:16px}.summary-grid button{background:#fff;border:1px solid #dfe5dc;color:#17201a;display:grid;gap:6px;justify-items:start;min-height:96px;padding:16px;text-align:left}.summary-grid button:hover{border-color:#1f6f4a;box-shadow:0 10px 24px #1f6f4a1a}.summary-grid strong{font-size:26px}.summary-grid span{color:#66736b;font-size:13px}.dashboard-grid{grid-template-columns:repeat(4,minmax(150px,1fr))}.dashboard-sections{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1180px}.page-lead{margin:0}.status-strip{align-items:center;background:#fff;border:1px solid #dfe5dc;border-radius:8px;color:#526058;display:flex;flex-wrap:wrap;gap:14px;margin:0 0 24px;max-width:1180px;padding:12px 14px}.empty-state{background:#f4f8f5;border:1px dashed #cbd9d0;border-radius:8px;color:#5f6f65;margin:12px 0 0;padding:14px}.eyebrow{color:#66736b;font-size:13px;font-weight:700;letter-spacing:0;text-transform:uppercase}h1{font-size:32px;letter-spacing:0;margin:0 0 16px}p{line-height:1.75;max-width:760px}.companies-layout{display:grid;gap:20px}.company-card-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:16px}.company-card{align-items:flex-start;background:#fff;border:1px solid #dfe5dc;color:#17201a;display:grid;gap:8px;justify-content:stretch;min-height:160px;padding:16px;text-align:left}.company-card:hover{border-color:#1f6f4a;box-shadow:0 10px 24px #1f6f4a1a}.company-card strong{font-size:17px}.company-card small{color:#66736b}.pill{background:#edf8f1;border:1px solid #b9e4c7;border-radius:999px;color:#1f6f4a;display:inline-flex;font-size:12px;font-weight:700;justify-self:start;padding:4px 9px}.logo-placeholder{align-items:center;background:#e8f1ff;border-radius:8px;color:#12315c;display:inline-flex;font-size:14px;font-weight:800;height:32px;justify-content:center;width:32px}.narrow-panel{max-width:720px}.secret-display{background:#f4f8f5;border:1px dashed #9cb9a6;border-radius:8px;color:#17201a;font-family:Consolas,Courier New,monospace;font-size:18px;font-weight:700;margin:12px 0;padding:14px;word-break:break-all}.panel{background:#fff;border:1px solid #dfe5dc;border-radius:8px;padding:20px}.panel h2,.panel h3{letter-spacing:0;margin:0 0 10px}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tab-button{background:#eef4ef;border:1px solid #cddbd1;color:#1f6f4a}.tab-button.active{background:#1f6f4a;color:#fff}.section-header,.filter-row,.action-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.section-header{justify-content:space-between}.form-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(180px,1fr))}.form-grid button{align-self:end}.table-wrap{margin-top:16px;overflow-x:auto}table{border-collapse:collapse;min-width:920px;width:100%}th,td{border-bottom:1px solid #e5ebe7;padding:10px;text-align:left;white-space:nowrap}tbody tr{cursor:pointer}tbody tr:hover{background:#f4f8f5}.detail-panel{display:grid;gap:20px}.detail-tabs{align-items:start;display:grid;gap:18px;grid-template-columns:220px 1fr}.detail-tabs .tabs{align-content:start;flex-direction:column;margin:0}.detail-tabs .tab-button{justify-content:flex-start;width:100%}.usage-panel{border:1px solid #d8e2dc;border-radius:8px;display:grid;gap:16px;padding:16px}.detail-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(160px,1fr))}.detail-grid.two{grid-template-columns:repeat(2,minmax(140px,1fr))}.detail-grid div{border:1px solid #e3e9e5;border-radius:8px;display:grid;gap:6px;padding:14px}.detail-grid span{color:#66736b;font-size:13px}.split-panels{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.split-panels>div{border-top:1px solid #e5ebe7;display:grid;gap:12px;padding-top:16px}.panel-subsection{border-top:1px solid #e5ebe7;display:grid;gap:12px;margin-top:18px;padding-top:16px}.mini-card-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.mini-card{border:1px solid #e3e9e5;border-radius:8px;display:grid;gap:6px;padding:12px}.mini-card span,.mini-card small{color:#66736b}.quote-preview{align-items:center;background:#f4f8f5;border:1px solid #dfe8e2;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.warning-list{display:flex;flex-wrap:wrap;gap:8px}.warning-pill{border-radius:999px;font-size:13px;font-weight:700;padding:6px 10px}.warning-pill.info{background:#eef5ff;color:#255d9c}.warning-pill.warning{background:#fff7df;color:#896400}.warning-pill.danger{background:#fff1f0;color:#9f2f24}.json-preview{background:#152018;border-radius:8px;color:#eef8ef;max-height:360px;overflow:auto;padding:14px;white-space:pre-wrap}.json-summary{background:#f4f8f5;border:1px solid #dfe8e2;border-radius:8px;color:#38433c;font-family:Consolas,Courier New,monospace;max-height:220px;overflow:auto;padding:12px;white-space:pre-wrap}.placeholder-panel{max-width:760px}.compact-form{margin-top:14px}.workbench-page{display:grid;gap:18px}.workspace-grid{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(220px,280px) minmax(0,1fr)}.workspace-main{display:grid;gap:18px;min-width:0}.side-panel{position:sticky;top:24px}.category-button{align-items:stretch;background:#fff;border:1px solid #dbe7df;color:#17201a;display:grid;gap:4px;justify-items:start;margin-bottom:10px;min-height:auto;padding:12px;text-align:left;width:100%}.wizard-panel{display:grid;gap:18px}.form-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid label,.check-grid label,.editor-preview label{display:grid;gap:6px}.compact-form{align-items:end;border-bottom:1px solid #e4ece7;grid-template-columns:repeat(4,minmax(0,1fr)) auto;padding:10px 0}.code-input{font-family:Consolas,Courier New,monospace;min-height:180px}.part-preview{background:#fff;border:1px solid #dbe7df;border-radius:8px;min-height:360px;width:100%}.editor-preview{border:1px solid #dbe7df;border-radius:8px;display:grid;gap:14px;padding:14px}.editor-preview section{border-bottom:1px solid #edf2ef;display:grid;gap:10px;padding-bottom:12px}.check-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.compact-checks{border:1px solid #dbe7df;border-radius:8px;padding:12px}.check-card{align-items:center;background:#f7faf8;border:1px solid #dbe7df;border-radius:8px;display:flex!important;gap:8px!important;padding:10px}.validation-panel{display:grid;gap:12px;margin-top:14px}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.content{padding:28px}.content-header{align-items:flex-start;flex-direction:column}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid,.detail-grid,.split-panels,.workspace-grid,.compact-form,.dashboard-sections,.detail-tabs{grid-template-columns:1fr}.sidebar{height:auto;position:static}.side-panel{position:static}}