:root{--blue:#10afe9;--blue2:#75d8fa;--black:#111827;--ink:#12333f;--muted:#6b7f89;--bg:#f4f9fb;--line:#dce9ee;--green:#16a34a;--red:#dc2626;--orange:#f59e0b;--shadow:0 12px 35px rgba(16,54,72,.09)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:var(--blue);text-decoration:none}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:white;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:30}.brand{height:108px;padding:12px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center}.brand img{width:100%;height:78px;object-fit:contain}.sidebar-scroll{overflow-y:auto;padding:12px 10px 20px;scrollbar-width:thin;flex:1}.nav-group-title{font-size:10px;font-weight:800;letter-spacing:1.3px;color:#7d9aa7;margin:17px 11px 7px}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:#234852;font-size:13px;font-weight:650;margin:2px 0}.nav-link:hover{background:#effaff;color:#0479aa}.nav-link.active{background:linear-gradient(135deg,var(--blue),#249ee8);color:white;box-shadow:0 9px 22px rgba(16,175,233,.25)}.nav-icon{width:22px;text-align:center}.sidebar-footer{border-top:1px solid var(--line);padding:12px 16px;text-align:center;font-size:12px;color:#5e7a85}.main{margin-left:250px;min-width:0;width:calc(100% - 250px);display:flex;flex-direction:column;min-height:100vh}.topbar{height:94px;background:white;border-bottom:1px solid var(--line);padding:17px 28px;display:flex;align-items:center;gap:15px;position:sticky;top:0;z-index:20}.topbar h1{font-size:25px;margin:0;color:#0b343c}.topbar p{font-size:13px;margin:5px 0 0;color:var(--muted)}.menu-btn{display:none;border:0;background:#e9f7fd;color:#087ca9;border-radius:9px;font-size:20px;padding:8px 11px}.user-menu{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:13px}.user-menu small{display:block;color:var(--muted);margin-top:3px}.user-menu>a{margin-left:10px;padding-left:15px;border-left:1px solid var(--line)}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:white;font-weight:800;background:linear-gradient(135deg,var(--blue),#30c562)}.content{padding:28px;flex:1}.footer{padding:20px 28px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);background:white}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:white;border:1px solid var(--line);border-radius:17px;padding:22px;box-shadow:var(--shadow)}.card h2,.card h3{margin-top:0;color:#0d3440}.stat-card{position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:95px;height:95px;border-radius:50%;right:-30px;top:-28px;background:linear-gradient(135deg,#ddf6ff,#eaffea)}.stat-label{font-size:13px;color:var(--muted)}.stat-value{font-size:31px;font-weight:850;margin-top:10px;color:#0d3440}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap}.toolbar form{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:10px 15px;font-weight:750;font-size:13px;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--blue),#278eea);color:white}.btn-secondary{background:#edf7fa;color:#155161}.btn-danger{background:#fee2e2;color:#b91c1c}.btn-success{background:#dcfce7;color:#166534}.btn-sm{padding:7px 10px;font-size:12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;background:white;font-size:13px}th,td{text-align:left;padding:12px 13px;border-bottom:1px solid #e8f0f3;vertical-align:top}th{background:#f2f8fa;color:#456874;font-size:11px;text-transform:uppercase;letter-spacing:.45px;white-space:nowrap}tr:last-child td{border-bottom:0}input,select,textarea{width:100%;border:1px solid #cbdde4;border-radius:10px;padding:10px 12px;font:inherit;background:white;color:#183c46}input:focus,select:focus,textarea:focus{outline:2px solid #bcecff;border-color:var(--blue)}textarea{min-height:90px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.field label{display:block;font-size:12px;font-weight:750;margin-bottom:6px;color:#315662}.field small{display:block;color:var(--muted);margin-top:5px}.span-2{grid-column:span 2}.actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.alert{padding:13px 16px;border-radius:11px;margin-bottom:18px;border:1px solid}.alert-success{background:#ecfdf3;border-color:#a7f3d0;color:#166534}.alert-danger{background:#fff1f2;border-color:#fecdd3;color:#b91c1c}.alert-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.alert-info{background:#effaff;border-color:#bae6fd;color:#075985}.badge{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.badge-success{background:#dcfce7;color:#166534}.badge-danger{background:#fee2e2;color:#b91c1c}.badge-warning{background:#fef3c7;color:#92400e}.badge-info{background:#e0f2fe;color:#075985}.login-page{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:linear-gradient(135deg,#ebfaff,#fff 50%,#eaf8fb)}.login-visual{padding:70px;display:flex;flex-direction:column;justify-content:center}.login-visual img{max-width:650px;width:100%}.login-visual h2{font-size:38px;margin:25px 0 10px;color:#0d3440}.login-visual p{font-size:17px;color:#53727d;max-width:680px;line-height:1.6}.login-panel{display:flex;align-items:center;justify-content:center;background:white;padding:35px;box-shadow:-20px 0 70px #0b729b14}.login-box{width:100%;max-width:410px}.login-box h1{font-size:30px;margin:0}.login-box h1 span{color:var(--blue)}.login-box>p{color:var(--muted);margin-bottom:28px}.login-box .field{margin-bottom:15px}.help-text{margin-top:22px;padding:14px;background:#f1f9fc;border-radius:10px;font-size:12px;color:#51707b}.status-flow{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.status-step{padding:8px 12px;border-radius:999px;background:#eff6f8;font-size:11px;font-weight:700}.status-step.current{background:var(--blue);color:white}.summary-list{display:grid;gap:10px}.summary-row{display:flex;justify-content:space-between;border-bottom:1px dashed var(--line);padding-bottom:8px}.invoice{max-width:850px;margin:auto;background:white;padding:35px;border:1px solid var(--line)}.invoice-logo{width:280px;max-height:95px;object-fit:contain}.text-right{text-align:right}.muted{color:var(--muted)}.overlay{display:none}.print-only{display:none}@media(max-width:1050px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-open .overlay{display:block;position:fixed;inset:0;background:#0005;z-index:25}.main{margin-left:0;width:100%}.menu-btn{display:block}.content{padding:18px}.topbar{padding:14px 17px}.user-menu div:not(.avatar){display:none}.grid-2,.grid-3,.grid-4,.form-grid,.form-grid-3{grid-template-columns:1fr}.span-2{grid-column:auto}.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh}.toolbar{align-items:stretch}.toolbar form{width:100%}}@media print{.sidebar,.topbar,.footer,.no-print{display:none!important}.main{margin:0;width:100%}.content{padding:0}.invoice{border:0;box-shadow:none;padding:0}.print-only{display:block}}
/* Phase 2 operations */
.calendar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.calendar-day{min-height:180px;border:1px solid var(--line);border-radius:14px;padding:13px;background:#fbfeff}.calendar-date{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding-bottom:9px;margin-bottom:9px}.calendar-date span{font-size:11px;color:var(--muted)}.calendar-event{display:block;border-left:4px solid var(--blue);background:#edf9fe;border-radius:8px;padding:8px 9px;margin:7px 0;color:var(--ink)}.calendar-event span,.calendar-event small{display:block;margin-top:3px}.qr-label-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.qr-product-card{display:grid;grid-template-columns:auto 85px 1fr;gap:10px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:12px;background:#fff;cursor:pointer}.qr-product-card>input{width:auto}.qr-mini{width:80px;height:80px}.qr-mini img,.qr-mini canvas{width:80px!important;height:80px!important}.section-note{border-left:4px solid var(--blue);background:#effaff;padding:12px 14px;border-radius:9px;margin:14px 0}.progress-track{height:10px;background:#e5eef2;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--blue),#30c562)}@media(max-width:1200px){.calendar-grid{grid-template-columns:repeat(3,1fr)}.qr-label-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.calendar-grid,.qr-label-grid{grid-template-columns:1fr}.qr-product-card{grid-template-columns:auto 75px 1fr}.qr-mini,.qr-mini img,.qr-mini canvas{width:70px!important;height:70px!important}}