.op-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:22px}.op-heading h1{font-size:28px}.op-heading p{color:#738096;margin-top:6px}.op-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:20px}.op-stats article,.op-card{background:white;border:1px solid #e4eaf1;border-radius:17px;box-shadow:0 7px 22px #1c2f4909;padding:22px}.op-stats span{display:block;color:#7b8797;font-weight:700;font-size:12px}.op-stats strong{display:block;color:#17283f;font-weight:850;font-size:28px;margin-top:14px}.op-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}.op-card h2{font-size:19px;margin:0 0 16px}.op-card p{margin:10px 0}.op-card table{border-collapse:collapse;width:100%}.op-card td,.op-card th{padding:12px 8px;border-bottom:1px solid #edf0f5;text-align:left;font-size:12px}.op-card th{color:#6d7b8c}.op-card label{display:block;font-size:12px;font-weight:700;margin:12px 0}.op-card input,.op-card select{display:block;margin:6px 0;width:100%;padding:12px;border:1px solid #dce5ed;border-radius:10px;background:#fff;font:inherit}.op-zone-list>div{display:flex;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid #eef0f3}.op-zone-list>div strong{flex:1}.op-zone-list>div span{color:#728093;font-size:12px}.op-zone-list .button{min-height:30px;padding:5px 10px}.op-request{border:1px solid #e9eef5;border-radius:12px;padding:14px;margin:10px 0}.op-request strong,.op-request small{display:block}.op-request small{color:#718094}.op-request .button{margin:4px 4px 0 0}.op-message{padding:16px;background:#fff2dc;border:1px solid #edcf9b;border-radius:12px}.op-small{font-size:12px;color:#637184;line-height:1.6}.op-overdue{color:#b72a40;font-weight:900}.op-qr-result{display:grid;gap:12px;padding:15px;background:#f4f8f5;border-radius:14px;margin-top:14px}.op-qr-result img{max-width:240px;width:100%;margin:auto}.op-qr-result input{font-size:11px}.op-actions{display:flex;flex-wrap:wrap;gap:5px}@media(max-width:880px){.op-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.op-cols{grid-template-columns:1fr}}@media(max-width:480px){.op-stats article,.op-card{padding:14px}.op-stats strong{font-size:22px}.op-heading h1{font-size:23px}}@media print{body>*:not(#app){display:none}.sidebar,.topbar,.op-heading,.op-cols>*:first-child{display:none!important}.op-qr-result{position:absolute;inset:12% 15%;display:block!important}.op-qr-result img{max-width:450px}}

/* v5.5.1: fixed-height navigation with its own vertical scroll region.
   Prevent last navigation items and account footer from spilling out. */
.premium-shell .sidebar{height:100dvh;min-height:0;max-height:100dvh;overflow:hidden;display:flex;flex-direction:column}
.premium-shell .sidebar .brand,.premium-shell .sidebar .side-label{flex-shrink:0}
.premium-shell .sidebar .nav{display:grid;grid-auto-rows:max-content;align-content:start;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#52647d transparent;padding:2px 5px 9px 0}
.premium-shell .sidebar .nav::-webkit-scrollbar{width:5px}
.premium-shell .sidebar .nav::-webkit-scrollbar-thumb{background:#52647d;border-radius:9px}
.premium-shell .sidebar .nav-btn{flex-shrink:0;white-space:normal}
.premium-shell .sidebar .sidebar-foot{flex:0 0 auto;margin-top:0;min-height:0;padding-top:11px}
.premium-shell .sidebar .brand{margin-bottom:16px}
.premium-shell .sidebar .side-label{margin-bottom:8px}
@media (max-height:700px){.premium-shell .sidebar{padding-top:14px;padding-bottom:10px}.premium-shell .sidebar .sidebar-support{display:none}.premium-shell .sidebar .brand{margin-bottom:8px}.premium-shell .sidebar .nav-btn{min-height:40px;padding:8px 12px}.premium-shell .sidebar .sidebar-foot{padding-top:8px}}