*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f7fa;color:#1a1a2e;line-height:1.5}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:1.5rem}.card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:1rem}.btn{display:inline-block;padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:#e5e7eb;color:#374151}.btn-danger{background:#dc2626;color:#fff}.btn-success{background:#16a34a;color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:500;margin-bottom:.25rem;font-size:.875rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}table{width:100%;border-collapse:collapse;font-size:.875rem}td,th{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb}th{background:#f9fafb;font-weight:600}.badge{display:inline-block;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-draft{background:#e5e7eb;color:#374151}.badge-submitted{background:#dbeafe;color:#1d4ed8}.badge-approved{background:#dcfce7;color:#16a34a}.badge-released{background:#fef3c7;color:#d97706}.badge-synced{background:#d1fae5;color:#059669}.error-msg{color:#dc2626;font-size:.875rem;margin-top:.5rem}.success-indicator{color:#16a34a;font-weight:600}.warning-indicator{color:#dc2626;font-weight:600}.progress-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-top:.5rem}.progress-bar-fill{height:100%;background:#2563eb;transition:width .3s}.nav{background:#1e3a5f;color:#fff;padding:0 1.5rem}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:56px}.nav-links{display:flex;gap:1.5rem;list-style:none}.nav-links a{color:#cbd5e1;font-size:.875rem}.nav-links a:hover{color:#fff;text-decoration:none}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.5rem}.status-dot.online{background:#22c55e;box-shadow:0 0 0 2px rgba(34,197,94,.35)}.status-dot.offline{background:#ef4444;box-shadow:0 0 0 2px rgba(239,68,68,.25)}.status-dot.pending{background:#f59e0b;box-shadow:0 0 0 2px rgba(245,158,11,.35)}.accurate-status-link{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .5rem;border-radius:4px;transition:background .15s}.accurate-status-link:hover{background:hsla(0,0%,100%,.08);text-decoration:none;color:#fff!important}.nav-user-menu{position:relative;list-style:none}.nav-user-trigger{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border:1px solid hsla(0,0%,100%,.2);border-radius:6px;background:hsla(0,0%,100%,.06);color:#f1f5f9;font-size:.875rem;cursor:pointer;max-width:220px}.nav-user-trigger:hover{background:hsla(0,0%,100%,.12)}.nav-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-user-chevron{font-size:.65rem;opacity:.8}.nav-user-dropdown{position:absolute;right:0;top:calc(100% + .35rem);min-width:240px;background:#fff;color:#1e293b;border-radius:8px;box-shadow:0 10px 30px rgba(15,23,42,.18);border:1px solid #e2e8f0;z-index:100;overflow:hidden}.nav-user-dropdown-header{padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.nav-user-dropdown-header strong{display:block;font-size:.9rem;color:#0f172a}.nav-user-role{display:block;font-size:.75rem;color:#64748b;margin-top:.15rem}.nav-user-item{display:block;padding:.65rem 1rem;font-size:.875rem;color:#334155;text-decoration:none}.nav-user-item:hover{background:#f1f5f9;color:#0f172a;text-decoration:none}.nav-user-item-muted{font-size:.8rem;color:#64748b}.nav-user-accurate{display:flex;align-items:flex-start;gap:.5rem;padding:.65rem 1rem;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;font-size:.8rem}.nav-user-accurate-title{font-weight:600;color:#334155}.nav-user-accurate-msg{color:#64748b;margin-top:.15rem;line-height:1.35}.nav-user-logout{display:block;width:100%;padding:.65rem 1rem;border:none;background:#fff;color:#dc2626;font-size:.875rem;text-align:left;cursor:pointer}.nav-user-logout:hover{background:#fef2f2}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{width:100%;max-width:400px}.btn-accurate{background:#22a06b;color:#fff;border:none;font-weight:600}.btn-accurate:hover{background:#1a8f5c}.login-divider{display:flex;align-items:center;gap:.75rem;margin:.5rem 0 1rem;color:#94a3b8;font-size:.75rem}.login-divider:after,.login-divider:before{content:"";flex:1 1;height:1px;background:#e5e7eb}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.page-header h1{font-size:1.5rem}.actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.search-results{border:1px solid #d1d5db;border-radius:6px;max-height:200px;overflow-y:auto;margin-top:.25rem}.search-result-item{padding:.5rem .75rem;cursor:pointer;font-size:.875rem}.search-result-item:hover{background:#f3f4f6}.cache-indicator{font-size:.75rem;color:#d97706;margin-left:.5rem}.gi-workspace{margin:-1.5rem;min-height:calc(100vh - 56px);background:#e8ecf1;display:flex;flex-direction:column}.gi-tabbar{gap:.5rem;background:#fff;border-bottom:1px solid #d1d5db;padding:.35rem .75rem;min-height:42px}.gi-menu-btn,.gi-tabbar{display:flex;align-items:center}.gi-menu-btn{width:32px;height:32px;border:none;border-radius:4px;background:#22a06b;cursor:pointer;justify-content:center;flex-shrink:0;text-decoration:none;box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .15s,filter .15s}.gi-menu-btn:hover{filter:brightness(1.08);text-decoration:none}.gi-menu-btn-active{box-shadow:inset 0 0 0 2px #fff,0 0 0 2px #15803d}.gi-tab{text-decoration:none;color:inherit}.gi-tab:not(.gi-tab-active):hover{background:#f1f5f9;text-decoration:none}.gi-list-body{padding:.75rem;flex:1 1}.gi-list-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;gap:1rem;flex-wrap:wrap}.gi-list-title{font-size:1.125rem;font-weight:600;color:#1e293b}.gi-list-card{background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:1rem 1.25rem}.gi-list-filter{margin-bottom:1rem;max-width:220px}.gi-list-filter label{display:block;font-size:.75rem;font-weight:600;color:#475569;margin-bottom:.35rem}.gi-list-filter select{width:100%;padding:.45rem .65rem;border:1px solid #cbd5e1;border-radius:4px;font-size:.875rem}.gi-list-empty{text-align:center;color:#94a3b8;padding:2.5rem 1rem;font-style:italic}.gi-list-actions{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;flex-wrap:wrap}.gi-menu-icon{display:block;width:14px;height:2px;background:#fff;box-shadow:0 -5px 0 #fff,0 5px 0 #fff}.gi-tabs{display:flex;flex:1 1;overflow-x:auto}.gi-tab{display:flex;align-items:center;gap:.5rem;padding:.4rem .85rem;font-size:.8125rem;color:#64748b;border-bottom:2px solid transparent;white-space:nowrap}.gi-tab-active{color:#1e40af;border-bottom-color:#2563eb;font-weight:600}.gi-tab-close{color:#94a3b8;font-size:1.1rem;line-height:1;text-decoration:none}.gi-tab-close:hover{color:#dc2626;text-decoration:none}.gi-tabbar-actions{display:flex;gap:.35rem}.gi-icon-btn{width:30px;height:30px;border:1px solid #e2e8f0;border-radius:4px;background:#fff;cursor:pointer;font-size:.85rem}.gi-icon-help{background:#f97316;border-color:#ea580c;color:#fff}.gi-body{display:flex;flex:1 1;gap:0;padding:.75rem;align-items:flex-start}.gi-main{flex:1 1;min-width:0}.gi-content-card,.gi-header-card{background:#fff;border:1px solid #d1d5db;border-radius:4px;margin-bottom:.75rem}.gi-header-card{padding:1rem 1.25rem}.gi-header-grid{display:grid;grid-template-columns:180px 1fr auto;grid-gap:1rem;gap:1rem;align-items:end}.gi-header-grid-qc{grid-template-columns:160px minmax(200px,1fr) 1fr 140px}.gi-header-grid-pp{grid-template-columns:minmax(220px,1.5fr) 130px minmax(140px,1fr) minmax(200px,1.2fr) auto auto;gap:.75rem 1rem;align-items:end}.gi-field-customer{min-width:0}.pp-customer-field{position:relative}.pp-customer-input{width:100%;padding:.45rem .65rem;border:1px solid #cbd5e1;border-radius:4px;font-size:.875rem;background:#fff;color:#0f172a}.pp-customer-input:-moz-read-only{background:#f8fafc;cursor:default}.pp-customer-input:read-only{background:#f8fafc;cursor:default}.pp-items-table .pp-col-check{width:2rem;text-align:center}.pp-items-table .pp-so-ref{display:block;font-size:.7rem;color:#64748b;font-weight:400}@media (max-width:1100px){.gi-header-grid-pp{grid-template-columns:1fr 1fr}}.gi-doc-no{background:#f8fafc!important;color:#334155;font-weight:500}.gi-form-actions{padding:.75rem 0 .25rem}@media (max-width:900px){.gi-header-grid,.gi-header-grid-qc{grid-template-columns:1fr}}.gi-field label{display:block;font-size:.75rem;font-weight:600;color:#475569;margin-bottom:.35rem}.gi-required{color:#dc2626}.gi-field input,.gi-field select,.gi-field textarea{width:100%;padding:.45rem .65rem;border:1px solid #cbd5e1;border-radius:4px;font-size:.875rem}.gi-field input:disabled,.gi-field select:disabled,.gi-field textarea:disabled{background:#f8fafc;color:#64748b}.gi-inline{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.gi-inline select{flex:1 1;min-width:160px;padding:.45rem .65rem;border:1px solid #cbd5e1;border-radius:4px}.gi-auto-label{font-size:.8125rem;color:#64748b;white-space:nowrap}.gi-toggle{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}.gi-toggle input{opacity:0;width:0;height:0}.gi-toggle-slider{position:absolute;inset:0;background:#cbd5e1;border-radius:20px;cursor:pointer;transition:.2s}.gi-toggle-slider:before{content:"";position:absolute;width:14px;height:14px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.2s}.gi-toggle input:checked+.gi-toggle-slider{background:#2563eb}.gi-toggle input:checked+.gi-toggle-slider:before{transform:translateX(16px)}.gi-btn-outline{display:inline-flex;align-items:center;justify-content:center;height:36px;box-sizing:border-box;padding:0 .85rem;border:1px solid #cbd5e1;border-radius:4px;background:#fff;font-size:.8125rem;color:#334155;text-decoration:none;cursor:pointer;white-space:nowrap}.gi-status-row{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;flex-wrap:wrap}.gi-type-chip{font-size:.75rem;background:#eff6ff;color:#1d4ed8;padding:.15rem .5rem;border-radius:4px}.gi-reject-msg{font-size:.8125rem;color:#dc2626}.gi-content-card{display:flex;min-height:380px}.gi-subtabs{display:flex;flex-direction:column;border-right:1px solid #e2e8f0;padding:.5rem .35rem;gap:.35rem}.gi-subtab{width:36px;height:36px;border:1px solid transparent;border-radius:4px;background:transparent;cursor:pointer;font-size:1rem}.gi-subtab.active{background:#fce7f3;border-color:#f9a8d4}.gi-content-panel{flex:1 1;padding:1rem;min-width:0}.gi-items-toolbar{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.gi-toolbar-end{display:flex;align-items:center;gap:.75rem;flex-shrink:0;min-height:36px}.gi-search-wrap{flex:1 1;min-width:220px}.gi-search-field{position:relative}.gi-search-field input{display:block;width:100%;height:36px;box-sizing:border-box;padding:0 2.5rem 0 .75rem;border:1px solid #cbd5e1;border-radius:4px;font-size:.875rem;line-height:1.25}.gi-search-icon-btn{position:absolute;right:.25rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;border-radius:4px;background:transparent;color:#64748b;cursor:pointer}.gi-search-icon-btn:hover:not(:disabled){background:#f1f5f9;color:#2563eb}.gi-search-icon-btn:disabled{cursor:not-allowed;opacity:.5}.gi-search-icon-btn svg{width:1rem;height:1rem}.gi-search-dropdown{position:absolute;top:calc(100% + 2px);left:0;right:0;z-index:20;background:#fff;border:1px solid #cbd5e1;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.1);max-height:320px;overflow-y:auto}.gi-search-dropdown-header{padding:.45rem .75rem;color:#475569;background:#f8fafc;border-bottom:1px solid #e2e8f0;position:-webkit-sticky;position:sticky;top:0}.gi-search-option{display:block;width:100%;text-align:left;padding:.6rem .75rem;background:#fff;border:none;border-bottom:1px solid #f1f5f9;cursor:pointer;font-size:.8125rem}.gi-search-option:hover{background:#f0f9ff}.gi-search-meta{display:block;font-size:.75rem;color:#64748b;margin-top:.2rem}.gi-search-option-title{display:block;font-size:.8125rem}.gi-search-hint{font-size:.75rem;color:#64748b;margin:.35rem 0 0;line-height:1.35}.gi-search-dropdown-header{padding:.4rem .75rem;font-size:.7rem;font-weight:600;color:#16a34a;background:#f0fdf4;border-bottom:1px solid #dcfce7}.gi-search-empty{padding:.75rem;font-size:.8125rem;color:#94a3b8;font-style:italic}.gi-section-title{font-size:.8125rem;font-weight:600;color:#475569;white-space:nowrap}.gi-table-wrap{overflow-x:auto;border:1px solid #e2e8f0;border-radius:4px}.gi-table{width:100%;font-size:.8125rem;margin:0}.gi-table thead th{background:#4a6fa5;color:#fff;font-weight:600;padding:.55rem .65rem;border-bottom:none;white-space:nowrap}.gi-table tbody td{padding:.4rem .65rem;vertical-align:middle;border-bottom:1px solid #e2e8f0}.gi-table tbody tr:hover{background:#f8fafc}.gi-cell-input,.gi-num{text-align:right}.gi-cell-input{width:80px;height:30px;box-sizing:border-box;padding:.25rem .4rem;border:1px solid #cbd5e1;border-radius:3px;font-size:.8125rem}.gi-cell-input.gi-cell-text{width:110px;text-align:left}.gi-cell-select{width:130px;max-width:100%;height:30px;box-sizing:border-box;padding:.2rem .35rem;border:1px solid #cbd5e1;border-radius:3px;font-size:.75rem;background:#fff}.gi-type-badge{font-size:.7rem;background:#f1f5f9;padding:.1rem .4rem;border-radius:3px;color:#475569}.gi-empty{text-align:center;color:#94a3b8;padding:2.5rem 1rem!important;font-style:italic}.gi-total{font-weight:600;color:#1e40af}.gi-col-action{width:36px;text-align:center}.gi-row-delete{width:24px;height:24px;border:none;border-radius:4px;background:#fee2e2;color:#dc2626;cursor:pointer;font-size:1rem;line-height:1}.gi-foot-label{text-align:right;font-weight:700;color:#334155}.gi-foot-total{font-weight:700;font-size:.9375rem;color:#1e40af}.gi-info-panel{max-width:640px}.gi-info-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.gi-field-full{grid-column:1/-1}.gi-info-hint{margin-top:1rem;font-size:.8125rem;color:#64748b;padding:.75rem;background:#f0f9ff;border-radius:4px;border-left:3px solid #2563eb}.gi-error{margin:.5rem .75rem 0}.gi-sidebar{width:72px;gap:.35rem;flex-shrink:0;padding-left:.35rem}.gi-action-btn,.gi-sidebar{display:flex;flex-direction:column}.gi-action-btn{align-items:center;justify-content:center;gap:.15rem;width:64px;min-height:58px;padding:.4rem .25rem;border:none;border-radius:4px;cursor:pointer;font-size:.625rem;font-weight:600;color:#fff;text-decoration:none;text-align:center;line-height:1.2}.gi-action-btn:disabled{opacity:.45;cursor:not-allowed}.gi-action-icon{font-size:1.1rem}.gi-action-caret{font-size:.5rem;opacity:.8}.gi-action-save{background:#1e3a5f}.gi-action-primary{background:#2563eb}.gi-action-success{background:#16a34a}.gi-action-danger{background:#dc2626;min-height:36px;font-size:.6rem}.gi-action-print{background:#0ea5e9}.gi-action-more{background:#22a06b}.gi-action-back{background:#64748b;margin-top:.5rem}.gi-reject-box{display:flex;flex-direction:column;gap:.25rem}.gi-reject-box input{width:64px;padding:.25rem;font-size:.6rem;border:1px solid #cbd5e1;border-radius:3px}.badge-diajukan{background:#dbeafe;color:#1d4ed8}.badge-disetujui{background:#dcfce7;color:#16a34a}.badge-dikeluarkan{background:#fef3c7;color:#d97706}.gi-modal-overlay{position:fixed;inset:0;z-index:1000;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;padding:1rem}.gi-modal{width:100%;max-width:520px;background:#fff;border-radius:4px;box-shadow:0 20px 40px rgba(0,0,0,.2);overflow:hidden}.gi-modal-header{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;background:#3d5a80;color:#fff}.gi-modal-header h2{flex:1 1;margin:0;font-size:.9375rem;font-weight:600}.gi-modal-header-icon{font-size:.875rem;opacity:.9}.gi-modal-close{border:none;background:transparent;color:#fff;font-size:1.35rem;line-height:1;cursor:pointer;padding:0 .25rem}.gi-modal-tabs{display:flex;border-bottom:1px solid #e2e8f0;padding:0 1rem;gap:1.25rem}.gi-modal-tab{background:transparent;padding:.65rem 0;font-size:.8125rem;color:#64748b;cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-1px}.gi-modal-tab.active{color:#dc2626;font-weight:600;border-bottom-color:#dc2626}.gi-modal-body{padding:1rem 1.25rem .5rem;max-height:min(70vh,520px);overflow-y:auto}.gi-modal-form{display:flex;flex-direction:column;gap:.85rem}.gi-modal-field label{display:block;font-size:.75rem;font-weight:600;color:#475569;margin-bottom:.35rem}.gi-modal-field input[type=number],.gi-modal-field input[type=text],.gi-modal-field textarea,.gi-modal-select{width:100%;box-sizing:border-box;padding:.45rem .6rem;border:1px solid #cbd5e1;border-radius:4px;font-size:.875rem}.gi-modal-select-full{width:100%}.gi-modal-code{font-size:.875rem;font-weight:600;color:#2563eb}.gi-modal-radios{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem}.gi-modal-radio{display:inline-flex;align-items:center;gap:.35rem;font-size:.8125rem;color:#334155;cursor:pointer}.gi-modal-qty-row{display:flex;gap:.5rem;align-items:center}.gi-modal-qty-input{width:100px!important;text-align:right}.gi-modal-unit-readonly{display:inline-flex;align-items:center;min-height:34px;padding:.35rem .65rem;border:1px solid #cbd5e1;border-radius:4px;background:#f8fafc;font-size:.875rem;font-weight:600;color:#334155;white-space:nowrap}.gi-modal-picker-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.gi-modal-picker-row .gi-modal-select{flex:1 1;min-width:160px}.gi-modal-stok{font-size:.8125rem;font-weight:600;color:#ea580c;white-space:nowrap}.gi-modal-hint{margin:.35rem 0 0;font-size:.75rem;color:#64748b}.gi-modal-error{margin:0 0 .75rem;padding:.5rem .65rem;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;font-size:.8125rem}.gi-modal-footer{display:flex;justify-content:flex-end;padding:.75rem 1.25rem 1rem;border-top:1px solid #f1f5f9}.gi-modal-submit{min-width:120px;padding:.55rem 1.5rem;border:none;border-radius:4px;background:#2563eb;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer}.gi-modal-submit:hover{background:#1d4ed8}.gi-type-badge-penambahan{background:#dcfce7;color:#15803d}.gi-type-badge-pengurangan{background:#fee2e2;color:#b91c1c}.gi-type-badge-atur{background:#e0e7ff;color:#4338ca}.qc-workspace{max-width:1200px}.qc-section-card{margin-bottom:1rem}.qc-section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.qc-section-title{font-size:1.1rem;margin-bottom:.25rem}.qc-section-desc{font-size:.875rem;color:#6b7280}.qc-section-total{font-size:.875rem;white-space:nowrap}.qc-search-field{margin-bottom:1rem}.qc-table-wrap{overflow-x:auto}.qc-item-table{width:100%;border-collapse:collapse;font-size:.875rem}.qc-item-table td,.qc-item-table th{border:1px solid #e5e7eb;padding:.5rem;text-align:left;vertical-align:middle}.qc-item-table th{background:#f9fafb;font-weight:600}.qc-item-table input,.qc-item-table select{width:100%;min-width:100px;padding:.35rem .5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem}.qc-empty-row{text-align:center;color:#9ca3af;padding:1.5rem!important}.qc-btn-sm{padding:.25rem .5rem;font-size:.75rem}.qc-balance-banner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;border-radius:6px;font-size:.875rem}.qc-balance-ok{background:#dcfce7;color:#166534}.qc-balance-warn{background:#fef3c7;color:#92400e}.qc-readonly{background:#f3f4f6;cursor:default}.qc-jo-badge{font-size:.875rem;background:#dbeafe;color:#1d4ed8;padding:.35rem .75rem;border-radius:999px;white-space:nowrap}.qc-ro-badge{background:#dcfce7;color:#166534}.qc-jo-linked{font-size:.875rem;color:#374151}.qc-jo-msg{font-size:.875rem;color:#16a34a;margin-top:.5rem}.qc-sync-info{margin-top:1rem;padding:.75rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#334155}.qc-sync-steps{margin:.5rem 0 0 1.25rem;padding:0}.qc-sync-steps li{margin:.25rem 0}.qc-sync-done{color:#166534}.qc-sync-active{color:#1d4ed8;font-weight:600}.qc-sync-hint{margin:.5rem 0 0;color:#1d4ed8}.qc-sync-error{margin:.5rem 0 0;color:#b91c1c}.perm-hint{font-size:.875rem;color:#475569;margin-bottom:1rem}.perm-matrix-wrap{margin-top:1rem;overflow-x:auto}.perm-matrix-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem;font-weight:600}.perm-matrix{width:100%;border-collapse:collapse;font-size:.8125rem}.perm-matrix td,.perm-matrix th{border:1px solid #e2e8f0;padding:.35rem .5rem;text-align:center}.perm-matrix td:first-child,.perm-matrix th:first-child{text-align:left;min-width:160px}.perm-summary{font-size:.75rem;max-width:280px;color:#475569}@media (max-width:768px){.gi-body{flex-direction:column}.gi-sidebar{width:100%;flex-direction:row;flex-wrap:wrap;padding-left:0}.gi-action-btn{width:auto;min-width:64px;flex-direction:row;min-height:40px;padding:.5rem .75rem;font-size:.75rem}.gi-info-grid{grid-template-columns:1fr}}