.table-wrapper{width:100%;overflow-x:auto}@media (width<=950px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto;position:static}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.two{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.record-header{flex-direction:column}}@media (width<=560px){.main-content,.sidebar{padding:14px}.nav-list,.rate-grid{grid-template-columns:1fr}.topbar h2{font-size:24px}.result-line{flex-direction:column}table{font-size:13px}th,td{padding:8px}.description-input{width:180px}}*{box-sizing:border-box}body{color:#111827;background:#eef2f7;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,textarea,select{font-family:inherit}.app-shell{grid-template-columns:310px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#0f172a;align-self:start;min-height:100vh;padding:20px;position:sticky;top:0}.brand{align-items:center;gap:12px;margin-bottom:24px;display:flex}.brand-mark{letter-spacing:1px;background:#2563eb;border-radius:14px;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.brand h1{margin:0;font-size:20px}.brand p{color:#cbd5e1;margin:4px 0 0;font-size:12px;line-height:1.4}.nav-list{gap:8px;display:grid}.nav-list button{color:#e5e7eb;text-align:left;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:10px;padding:10px 12px;transition:all .2s}.nav-list button:hover{background:#ffffff14}.nav-list button.active{color:#fff;background:#2563eb;font-weight:700}.main-content{padding:24px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.eyebrow{color:#2563eb;text-transform:uppercase;letter-spacing:1px;margin:0 0 4px;font-size:12px;font-weight:700}.topbar h2{margin:0;font-size:30px}.status-pill{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.notice-box{color:#7c2d12;background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;margin-bottom:18px;padding:14px 16px;line-height:1.5}.grid{gap:18px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:20px;box-shadow:0 10px 28px #0f172a0f}.card.wide{grid-column:1/-1}.hero-card{background:linear-gradient(135deg,#fff,#eff6ff)}.card h3{margin:0 0 12px;font-size:20px}.card p{line-height:1.6}.quick-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.quick-actions button,.primary-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:10px 14px;font-weight:700}.secondary-button{color:#fff;cursor:pointer;background:#475569;border:none;border-radius:10px;padding:10px 14px;font-weight:700}.danger-button{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:10px;padding:10px 14px;font-weight:700}.small-button{padding:7px 10px;font-size:12px}.button-row{flex-wrap:wrap;gap:12px;margin-top:16px;margin-bottom:16px;display:flex}.success-message{color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:10px;padding:12px;font-weight:700}.feature-list{margin:0;padding-left:20px;line-height:1.8}.rate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.rate-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;gap:6px;padding:14px;display:grid}.rate-card span{color:#64748b;font-size:13px}.rate-card strong{font-size:20px}.form-stack{gap:14px;display:grid}.input-label{gap:6px;margin-bottom:14px;display:grid}.input-label span{color:#374151;font-size:14px;font-weight:700}.input-label input,.input-label select,.input-label textarea,.search-input,.ai-box,.admin-textarea{background:#fff;border:1px solid #d1d5db;border-radius:10px;width:100%;padding:11px 12px;font-size:15px}.input-label input:focus,.input-label select:focus,.input-label textarea:focus,.search-input:focus,.ai-box:focus,.admin-textarea:focus{border-color:#2563eb;outline:3px solid #bfdbfe}.admin-textarea{resize:vertical;min-height:110px}.result-card{background:#f8fafc}.result-stack{gap:10px;display:grid}.result-line{border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:16px;padding:10px 0;display:flex}.result-line span{color:#475569}.result-line strong{text-align:right}.result-line.highlight{background:#dcfce7;border:1px solid #bbf7d0;border-radius:12px;padding:12px}.result-line.highlight span{color:#166534;font-weight:700}.result-line.highlight strong{color:#166534;font-size:18px}.table-wrapper{width:100%;margin-top:14px;overflow-x:auto}table{border-collapse:collapse;border-radius:12px;width:100%;overflow:hidden}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:12px}th{color:#334155;background:#f1f5f9}.table-input{border:1px solid #d1d5db;border-radius:8px;width:120px;padding:8px 9px;font-size:14px}.description-input{width:260px}.library-list{gap:10px;margin-top:14px;display:grid}.library-list button{cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:12px;font-weight:700}.library-list button:hover{background:#dbeafe}.ai-box{resize:vertical;min-height:140px;margin-bottom:12px}.admin-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.record-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px;display:flex}.record-header h3{margin-bottom:0}.record-meta{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.record-meta span,.pill{color:#1e3a8a;background:#e0ecff;border:1px solid #bfdbfe;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:700}.export-grid{gap:12px;display:grid}.export-spacing{margin-top:12px}.muted{color:#64748b}@media (width<=950px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto;position:static}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.two{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.record-header{flex-direction:column}}@media (width<=560px){.main-content,.sidebar{padding:14px}.nav-list,.rate-grid{grid-template-columns:1fr}.topbar h2{font-size:24px}.result-line{flex-direction:column}table{font-size:13px}th,td{padding:8px}.description-input{width:180px}}