:root{--navy:#073b8c;--navy2:#06295f;--light:#f3f7fc;--text:#10213d;--muted:#6b7890;--border:#dbe4f0;--green:#0ca43b;--red:#e20d1a;--orange:#ff8200;--blue:#116ee9;--purple:#6817d5}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--light);color:var(--text)}a{text-decoration:none;color:inherit}.topbar{background:linear-gradient(90deg,var(--navy2),var(--navy));color:#fff;padding:11px 4%;display:flex;justify-content:space-between;align-items:center;gap:16px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px}.brand>b,.loginlogo{background:#fff;color:var(--navy);border-radius:13px;display:grid;place-items:center;font-weight:900}.brand>b{width:45px;height:45px}.brand strong,.brand small{display:block}.brand small{opacity:.8}.topbar nav{display:flex;gap:18px;font-weight:700}.topbar button{border:1px solid #ffffff55;background:transparent;color:#fff;border-radius:9px;padding:8px}.container{width:min(1120px,94%);margin:22px auto 85px}.hero{display:flex;justify-content:space-between;align-items:center;gap:18px}.hero h1{margin:0 0 5px}.hero p{margin:0;color:var(--muted)}.today{background:#e8f9ee;border-radius:15px;padding:12px 18px;display:grid;text-align:right}.today strong{font-size:25px;color:#087b2c}.ops{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:20px 0}.op{min-height:125px;border-radius:18px;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:0 8px 25px #10213d1c}.op i{font-style:normal;font-size:34px}.op strong{font-size:18px}.op small{margin-top:5px}.red{background:linear-gradient(135deg,#f2232c,#bc0007)}.green{background:linear-gradient(135deg,#24c451,#047d29)}.orange{background:linear-gradient(135deg,#ff9c18,#eb6500)}.blue{background:linear-gradient(135deg,#2c8ff7,#0755c8)}.purple{background:linear-gradient(135deg,#8734f0,#4b0cb4)}.full{grid-column:span 4}.card,.formbox,.confirm,.login{background:#fff;border:1px solid var(--border);border-radius:20px;padding:22px;box-shadow:0 9px 28px #10213d0d}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:18px 0}.sum{display:grid;grid-template-columns:1fr 45px 100px;padding:10px 0;border-bottom:1px solid #edf1f5}.sum em{text-align:right;font-style:normal;color:var(--muted)}.total{background:#eaf8ef;border-radius:15px;padding:15px;margin-top:14px;display:grid;grid-template-columns:1fr auto}.total strong{font-size:26px;color:#07822d}.total small{grid-column:1/-1;color:var(--muted)}.quick{background:#fff;border:2px solid #b8e9c5;border-radius:16px;padding:15px;display:flex;justify-content:space-between;align-items:center;gap:15px}.quick p{margin:5px 0 0;color:var(--muted)}.heading,.formhead{display:flex;justify-content:space-between;align-items:center;gap:14px}.recent{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #edf1f5}.recent small{display:block;color:var(--muted)}.bullet{width:10px;height:10px;border-radius:50%}.formbox{max-width:700px;margin:auto}.formhead{border-bottom:1px solid var(--border);padding-bottom:15px}.formhead h1{margin:0}.form{display:grid;gap:15px;margin-top:18px}.form label{display:grid;gap:7px;font-weight:700}input,select,textarea{width:100%;border:1px solid #c9d6e6;border-radius:12px;padding:14px;font-size:16px;background:#fff}textarea{min-height:95px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.search{display:grid;grid-template-columns:1fr auto;gap:9px}.helper{font-weight:400;color:var(--muted)}.helper.ok{color:#087b2c}.price{background:#f5f8fc;border-radius:15px;padding:15px;display:grid;grid-template-columns:1fr auto}.price strong{font-size:22px;color:var(--red)}.price small{grid-column:1/-1;color:var(--muted)}.btn{border:0;border-radius:11px;padding:12px 16px;font-weight:800;cursor:pointer;text-align:center;display:inline-block}.main{background:linear-gradient(#1378ff,#0750b8);color:#fff}.success{background:var(--green);color:#fff}.secondary{background:#e9f1fb;color:var(--navy)}.big{padding:16px;font-size:17px}.block{display:block;margin:10px 0}.alert{padding:13px 15px;border-radius:11px;margin-bottom:14px;font-weight:700}.alert.success{background:#e7f8ed;color:#087529}.alert.danger{background:#ffe6e6;color:#a00000}.alert.warning{background:#fff1d4;color:#845200}.confirm{max-width:620px;margin:auto;text-align:center}.check{width:90px;height:90px;background:var(--green);color:#fff;border-radius:50%;display:grid;place-items:center;font-size:52px;margin:auto}.receipt{background:#f6f9fc;border-radius:15px;padding:14px;margin:18px 0;text-align:left}.receipt>div{display:flex;justify-content:space-between;gap:12px;padding:9px;border-bottom:1px solid #e4eaf2}.mini{background:#eaf8ef;border-radius:15px;padding:13px;display:grid}.mini strong{font-size:26px;color:#07822d}.actions{display:grid;gap:9px;margin-top:15px}.login{max-width:430px;margin:8vh auto;text-align:center}.loginlogo{width:80px;height:80px;margin:auto;font-size:26px;box-shadow:0 8px 28px #ccd7e7}.filters{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:9px;margin:18px 0}.table{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid #e7edf4;white-space:nowrap}.muted{opacity:.55;text-decoration:line-through}.danger{border:0;background:none;color:#c50000;font-weight:700}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.metrics>div{background:#f4f7fb;border:1px solid var(--border);border-radius:14px;padding:14px;display:grid}.metrics b{font-size:27px}.metrics strong{color:#087b2c}.month{display:flex;gap:10px;align-items:end;margin:15px 0}.giant strong{font-size:34px}.warning{background:#fff4d8;border-radius:14px;padding:14px;margin-top:18px}.holiday{padding:11px 0;border-bottom:1px solid #e7edf4}.bottom{display:none}@media(max-width:800px){.topbar nav,.topbar form{display:none}.brand small{display:none}.container{width:96%;margin-top:12px}.hero{align-items:stretch}.hero h1{font-size:23px}.today{padding:9px 12px}.today strong{font-size:20px}.ops{grid-template-columns:1fr 1fr;gap:9px}.op{min-height:112px;padding:11px}.op strong{font-size:16px}.full{grid-column:span 2}.twocol{grid-template-columns:1fr}.quick{flex-direction:column;align-items:stretch}.card,.formbox,.confirm{padding:16px;border-radius:16px}.formhead{align-items:flex-start;flex-direction:column}.search{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.filters .btn{grid-column:span 2}.metrics{grid-template-columns:1fr 1fr}.month{align-items:stretch;flex-direction:column}.bottom{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(4,1fr);z-index:30;padding-bottom:env(safe-area-inset-bottom)}.bottom a{display:grid;place-items:center;padding:8px 3px;color:var(--navy);font-weight:700}.bottom span{font-size:11px}.two{grid-template-columns:1fr 1fr}}

.assignment-banner{background:#fff;border:1px solid var(--border);border-radius:16px;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 0}.assignment-banner strong,.assignment-banner span{display:block}.assignment-banner span{color:var(--muted);margin-top:4px}.assignment-actions{display:flex;gap:8px}
.assignment-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.assignment-metrics>div{background:#f4f7fb;border:1px solid var(--border);border-radius:14px;padding:13px;display:grid}.assignment-metrics strong{font-size:27px}
.assignment-list{display:grid;gap:10px}.assignment-item{border:1px solid var(--border);border-radius:15px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:14px}.assignment-item.done{background:#ecf8f0;opacity:.78}.assignment-item h3{margin:5px 0}.assignment-item p{margin:0;color:var(--muted)}.assignment-status{font-size:13px;font-weight:800;color:#a86a00}.assignment-item.done .assignment-status{color:#087b2c}.assignment-item-actions{display:flex;align-items:center;gap:8px}.done-label{color:#087b2c;font-weight:700}.empty-state{text-align:center;color:var(--muted);padding:28px}
.importer-shell{max-width:1000px;margin:auto}.import-controls{display:grid;grid-template-columns:1fr 1fr 2fr auto;gap:10px;align-items:end;margin:18px 0}.import-controls label{display:grid;gap:6px;font-weight:700}.ocr-progress{padding:12px 0;font-weight:700;color:var(--navy)}.image-preview{display:none;max-width:100%;max-height:420px;margin:10px auto 20px;border:1px solid var(--border);border-radius:12px}.importer-shell table input{min-width:130px;padding:9px}
@media(max-width:800px){.assignment-banner,.assignment-item{flex-direction:column;align-items:stretch}.assignment-actions,.assignment-item-actions{display:grid;grid-template-columns:1fr}.assignment-metrics{grid-template-columns:repeat(3,1fr)}.import-controls{grid-template-columns:1fr}.importer-shell table input{min-width:150px}}