.q-head{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin:10px 0 30px}.q-head h1{font-family:Georgia,serif;font-size:clamp(32px,3vw,46px);color:#0e2943;margin:10px 0}.q-head p{color:#7d8ca0}.q-kicker{font-size:11px;letter-spacing:2px;color:#c2934e;font-weight:800}.q-head-actions{display:flex;gap:10px;flex-wrap:wrap}.q-btn{padding:13px 18px;border:1px solid #dbe3ec;border-radius:10px;background:white;color:#17334d;cursor:pointer;font-weight:700}.q-primary{background:#102941;color:white;border-color:#102941}.q-summary,.q-panel{background:#fff;border:1px solid #e0e7ef;border-radius:13px;margin-bottom:16px}.q-summary{padding:22px;color:#8593a3}.q-summary strong{font-size:28px;color:#132e48;margin-right:10px}.q-tools{display:flex;gap:12px;padding:16px}.q-tools input,.q-tools select{padding:12px;border:1px solid #dfe6ef;border-radius:8px;background:white;color:#203b55}.q-tools input{flex:1;min-width:100px}.q-scroll{overflow:auto}.q-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.q-table th{padding:15px 13px;background:#f7f9fb;color:#7e8da0;text-transform:uppercase;font-size:10px;letter-spacing:.5px}.q-table td{padding:15px 13px;border-top:1px solid #edf1f5;color:#344d66}.q-table td strong{display:block;color:#102941;max-width:370px}.q-table td small{display:block;color:#899aaf;margin-top:5px}.q-pill{padding:5px 9px;background:#e9f5ee;border-radius:20px;color:#278055;font-size:11px}.q-link{border:0;background:none;color:#a16e28;cursor:pointer;font-weight:700}.q-pagination{padding:16px;display:flex;justify-content:space-between;align-items:center;color:#8191a2}.q-pagination button{padding:9px 12px;margin-left:6px;border:1px solid #e0e7ef;background:#fff;border-radius:8px;cursor:pointer}.q-pagination button:disabled{opacity:.4}.q-empty{padding:50px;text-align:center;color:#8090a0}.q-topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.q-topic{text-align:left;display:flex;flex-direction:column;gap:12px;padding:26px;min-height:205px;border:1px solid #e3e9f0;background:white;border-radius:14px;cursor:pointer;transition:transform .15s,box-shadow .15s}.q-topic:hover{transform:translateY(-3px);box-shadow:0 12px 30px #122c4214}.q-topic-index{color:#bd9250;font-size:12px;font-weight:800}.q-topic strong{font-size:19px;color:#102941}.q-topic small{color:#8c9bad;line-height:1.6}.q-topic>span:last-child{margin-top:auto;color:#ae7c3a;font-weight:700}.q-dialog{position:fixed;inset:0;background:#091c30b5;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.q-dialog.hidden{display:none}.q-dialog-card{background:white;border-radius:18px;padding:28px;max-width:800px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 20px 80px #0003}.q-dialog-card h2{font-family:Georgia,serif;color:#112d46}.q-dialog-card p{color:#8492a4}.q-detail-grid,.q-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}.q-detail-grid>div{background:#f7f9fb;padding:12px;border-radius:8px;overflow-wrap:anywhere}.q-detail-grid small{display:block;color:#8190a0;margin-bottom:7px}.q-detail-grid strong{color:#19334b;font-size:13px}.q-form label{font-size:12px;font-weight:700;color:#4b6175}.q-form input,.q-form textarea{display:block;width:100%;padding:12px;margin-top:6px;border:1px solid #dce4ed;border-radius:8px}.q-wide{grid-column:1/-1}.q-actions{display:flex;justify-content:flex-end;gap:10px}#qError{color:#bb3434}@media(max-width:700px){.q-tools{flex-direction:column}.q-detail-grid,.q-form{grid-template-columns:1fr}.q-head{align-items:flex-start}}

/* V3.3 wide professional register */
.q-scroll{max-width:100%;overflow:auto;scrollbar-width:thin}.q-table{min-width:1700px}.q-table th{position:sticky;top:0;z-index:2;white-space:nowrap}.q-table td{white-space:nowrap}.q-table td:first-child{position:sticky;left:0;background:white;z-index:1;min-width:320px;max-width:350px;white-space:normal;box-shadow:2px 0 5px #122c420c}.q-table th:first-child{position:sticky;left:0;z-index:3}.q-dialog-card{max-width:1040px}.q-detail-top{display:flex;justify-content:space-between;gap:15px;align-items:start}.q-detail-section{margin:25px 0}.q-detail-section h3{font-size:14px;color:#b18245;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #e4eaf0;padding-bottom:10px}.q-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.q-detail-grid>div{min-height:65px}.q-form input{font-size:14px}@media(max-width:700px){.q-detail-grid{grid-template-columns:1fr}.q-detail-top{flex-direction:column}}