.offcut-page{padding:28px 0 60px}.offcut-container{max-width:1440px}.offcut-head{margin-bottom:22px}.oc-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--border);margin-bottom:22px}.oc-tab{background:none;border:none;border-bottom:3px solid transparent;padding:12px 18px;font-size:14.5px;font-weight:700;color:var(--muted);cursor:pointer;font-family:var(--sans)}.oc-tab:hover{color:var(--text)}.oc-tab.active{color:var(--accent-dk);border-bottom-color:var(--accent)}.oc-screen{display:block}.oc-screen[hidden]{display:none!important}.oc-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:22px}.oc-stat{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 22px;box-shadow:var(--shadow)}.oc-stat .n{font-size:30px;font-weight:800;color:var(--accent-dk);line-height:1.05}.oc-stat .l{font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin-top:8px}.oc-panel{padding:22px}.oc-panel h2{font-size:16px;margin-bottom:14px}.oc-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.oc-toolbar .form-input,.oc-toolbar select{margin-bottom:0;padding:9px 13px;font-size:14px}.oc-toolbar>.form-input:not([style*=max-width]){flex:1 1 200px;min-width:200px}.oc-seg{display:inline-flex;border:1px solid var(--border-lt);border-radius:8px;overflow:hidden;flex-shrink:0}.oc-seg-btn{background:var(--surface);border:0;padding:9px 18px;font-weight:700;color:var(--muted);cursor:pointer;font-family:var(--sans);font-size:13.5px}.oc-seg-btn:hover{color:var(--text)}.oc-seg-btn.active{background:var(--accent);color:#fff}.oc-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:10px}.oc-table-wrap.scroll-tall{max-height:62vh}.oc-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:980px}.oc-table.compact{min-width:0}.oc-table th,.oc-table td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:middle}.oc-table th{background:var(--surface-2);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;position:sticky;top:0;z-index:1}.oc-table tbody tr:hover td{background:#f5f9fc}.oc-table .actions-cell{display:flex;gap:6px;flex-wrap:nowrap}.oc-group{border:1px solid var(--border);border-radius:10px;margin-bottom:12px;overflow:hidden;background:var(--surface)}.oc-group>summary{display:block;cursor:pointer;list-style:none;background:var(--surface-2);border-bottom:1px solid transparent}.oc-group[open]>summary{border-bottom-color:var(--border)}.oc-group>summary::-webkit-details-marker{display:none}.oc-group>summary::marker{content:"";font-size:0}.oc-summary{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 16px;font-weight:700}.oc-summary-title{display:flex;align-items:center;gap:8px}.oc-summary-title:before{content:"▸";color:var(--muted);font-size:11px;transition:transform .15s;display:inline-block}.oc-group[open]>summary .oc-summary-title:before{transform:rotate(90deg)}.oc-sub{padding:8px 12px 12px}.oc-grade-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 12px;border-bottom:1px solid var(--border)}.oc-grade-row:last-child{border-bottom:0}.oc-grade-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.oc-grade-name{font-weight:600;font-family:var(--mono);font-size:13.5px;color:var(--text)}.oc-grade-std{font-size:11.5px;color:var(--muted);font-family:var(--mono)}.oc-std-ref{font-size:11.5px;color:var(--muted);font-weight:500;font-family:var(--mono);margin-left:4px}.oc-group .oc-group{margin:10px 0 0}.oc-group .oc-group>summary .oc-summary{padding:10px 14px;font-weight:600;font-size:13.5px}.oc-group .oc-group{background:#fcfdfe}.oc-pill{background:var(--accent);color:#fff;border:0;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;white-space:nowrap;flex-shrink:0;letter-spacing:.01em}.oc-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:capitalize}.ob-blue{background:#dbeafe;color:#1d4ed8}.ob-green{background:#dcfce7;color:#15803d}.ob-red{background:#fee2e2;color:#b91c1c}.ob-amber{background:#fef3c7;color:#b45309}.ob-grey{background:#e5e7eb;color:#4b5563}.oc-btn-sm{padding:5px 11px;font-size:12.5px;font-weight:600}.btn.btn-green{background:#16a34a;color:#fff;border-color:#15803d}.btn.btn-green:hover{background:#15803d}.btn.btn-amber{background:#d97706;color:#fff;border-color:#b45309}.btn.btn-amber:hover{background:#b45309}.btn.btn-red{background:#dc2626;color:#fff;border-color:#b91c1c}.btn.btn-red:hover{background:#b91c1c}.oc-empty{text-align:center;color:var(--muted);padding:36px 14px;font-size:14px}.oc-settings-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:start}@media(max-width:920px){.oc-settings-grid{grid-template-columns:1fr;gap:18px}}.oc-modal-bg{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow:auto;z-index:100}.oc-modal-bg[hidden]{display:none!important}.oc-modal{background:var(--surface);border-radius:12px;max-width:640px;width:100%;padding:26px;box-shadow:0 18px 40px #0000004d}.oc-modal h3{margin:0 0 6px;font-size:19px}.oc-modal .meta{font-size:12.5px;color:var(--muted);margin-bottom:18px;font-family:var(--mono)}.oc-modal .actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;flex-wrap:wrap}.oc-modal .form-label{margin-bottom:14px}.oc-modal textarea.form-input{resize:vertical;min-height:56px}.oc-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#233243;color:#fff;padding:12px 22px;border-radius:8px;font-size:13.5px;opacity:0;transition:opacity .25s;z-index:110;pointer-events:none;box-shadow:0 10px 30px #0000004d}.oc-toast.show{opacity:1}@media(max-width:760px){.oc-toolbar>*{flex:1 1 100%}.oc-toolbar .form-input,.oc-toolbar select,.oc-toolbar .oc-seg{max-width:100%!important}.oc-modal{padding:20px}}