:root{--green:#477a42;--green-dark:#315b2e;--pale:#eef6eb;--ink:#172019;--muted:#637067;--line:#dce5dc;--danger:#b42318;--blue:#175cd3;--shadow:0 12px 36px rgba(28,55,31,.1)}
*{box-sizing:border-box}html{background:#f3f7f2;-webkit-text-size-adjust:100%}body{margin:0;min-width:280px;min-height:100dvh;background:#f3f7f2;color:var(--ink);font:15px/1.45 Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;touch-action:manipulation}.hidden{display:none!important}
.topbar{background:linear-gradient(135deg,var(--green-dark),var(--green));color:#fff;padding:calc(18px + env(safe-area-inset-top)) 20px 18px;box-shadow:0 2px 12px rgba(0,0,0,.12)}.top-inner{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-size:20px;font-weight:800}.sub{font-size:13px;opacity:.85}.nav-btn{border:1px solid rgba(255,255,255,.45);background:transparent;color:#fff;border-radius:10px;padding:9px 13px;min-height:44px;text-decoration:none}
main{width:100%;max-width:1180px;margin:24px auto;padding:0 16px 40px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:22px}.section-title{margin:0 0 5px;font-size:22px}.small-title{font-size:19px}.section-note{color:var(--muted);margin:0 0 20px}.no-margin{margin:0}.top-gap{margin-top:16px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field.full,.group{grid-column:1/-1}label{font-weight:700;font-size:14px}.required:after{content:' *';color:#d92d20}input,textarea,select{width:100%;min-height:44px;border:1px solid #bdc9be;border-radius:10px;background:#fff;padding:11px 12px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(71,122,66,.13)}input[readonly],input:disabled{background:#f5f7f5;color:#405045}textarea{resize:vertical;min-height:94px}.group{border:1px solid var(--line);border-radius:12px;padding:15px;background:#fbfdfb}.group-title{font-weight:800;margin-bottom:12px}.group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.group-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:20px}.btn{border:0;border-radius:10px;padding:11px 17px;min-height:44px;font-weight:700}.btn-primary{background:var(--green);color:#fff}.btn-secondary{background:#edf2ed;color:#273729}.btn-blue{background:#eaf2ff;color:var(--blue)}.btn-danger{background:#feeceb;color:var(--danger)}.btn:disabled{opacity:.55}.status{padding:11px 13px;border-radius:10px;margin-bottom:16px;font-weight:700;overflow-wrap:anywhere}.status.success{background:#e8f7e8;color:#27662a}.status.error{background:#feeceb;color:#a32119}.status.info{background:#eef4ff;color:#264f9e}.note{font-size:13px;color:var(--muted)}
.autocomplete{position:relative}.suggestion-list{position:absolute;left:0;right:0;top:100%;z-index:20;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px rgba(20,45,23,.18);max-height:330px;overflow:auto;margin-top:4px}.suggestion-item{width:100%;border:0;border-bottom:1px solid var(--line);background:#fff;padding:12px;text-align:left;display:flex;flex-direction:column;gap:3px}.suggestion-item:hover{background:var(--pale)}.suggestion-title{font-weight:800;color:var(--green-dark)}.suggestion-meta{font-size:12px;color:var(--muted)}.selected-summary{grid-column:1/-1;border:1px solid #b8d5b3;background:#f0f8ee;border-radius:11px;padding:12px 14px}.note-success{color:var(--green-dark)!important}.note-error{color:var(--danger)!important}
.history-card{margin-top:16px}.history-head,.admin-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.history-list{display:grid;gap:12px;margin-top:16px}.history-item{border:1px solid var(--line);border-radius:12px;background:#fbfdfb;overflow:hidden}.history-item summary{cursor:pointer;padding:14px;display:grid;grid-template-columns:1fr auto;gap:6px 14px}.history-title{font-weight:800;color:var(--green-dark)}.history-meta{font-size:13px;color:var(--muted)}.history-output{grid-row:1/3;grid-column:2;font-size:18px;font-weight:800}.history-output small{display:block;font-size:11px;color:var(--muted)}.history-empty{text-align:center;color:var(--muted);padding:24px}
.qr-launch{grid-column:1/-1;border:1px solid #b8d5b3;background:linear-gradient(135deg,#f5fbf3,#eef6eb);border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:14px}.qr-launch-copy{min-width:0}.qr-launch-title{font-weight:800;color:var(--green-dark)}.qr-launch .note{margin-top:3px}.qr-modal{position:fixed;inset:0;z-index:1000;background:rgba(8,17,10,.88);display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.qr-dialog{width:min(100%,520px);max-height:100%;overflow:auto;background:#101712;color:#fff;border:1px solid rgba(255,255,255,.17);border-radius:18px;padding:16px;box-shadow:0 20px 70px rgba(0,0,0,.45)}.qr-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.qr-title{font-size:20px;font-weight:800}.qr-subtitle{color:#c9d6cb}.qr-close{width:44px;height:44px;flex:0 0 44px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:25px;line-height:1}.qr-reader{position:relative;margin-top:14px;overflow:hidden;border-radius:15px;background:#000;aspect-ratio:3/4;max-height:68dvh}.qr-video{width:100%;height:100%;display:block;object-fit:cover}.qr-guide{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,rgba(0,0,0,.42),transparent 18%,transparent 82%,rgba(0,0,0,.42)),linear-gradient(to bottom,rgba(0,0,0,.32),transparent 25%,transparent 75%,rgba(0,0,0,.32))}.qr-frame{position:absolute;left:50%;top:50%;width:min(72%,300px);aspect-ratio:1;transform:translate(-50%,-50%);border:3px solid #a9ee96;border-radius:18px;box-shadow:0 0 0 999px rgba(0,0,0,.12)}.qr-frame:before{content:'';position:absolute;left:8%;right:8%;top:10%;height:2px;background:linear-gradient(90deg,transparent,#7cff69,transparent);box-shadow:0 0 12px #7cff69;animation:qrscan 2.2s ease-in-out infinite}.qr-tip{margin:12px 2px 0;color:#dce8dd;font-size:14px;text-align:center}.qr-status{margin-top:10px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.09);color:#fff;font-weight:700;overflow-wrap:anywhere}.qr-status.error{background:rgba(180,35,24,.3);color:#ffd5d1}.qr-status.success{background:rgba(71,122,66,.42);color:#d9ffd1}.qr-actions{display:flex;gap:10px;margin-top:12px}.qr-actions .btn{flex:1}.qr-result{margin-top:12px;border:1px solid #b8d5b3;background:#f0f8ee;color:var(--ink);border-radius:11px;padding:12px;overflow-wrap:anywhere}.qr-result-label{font-size:12px;text-transform:uppercase;color:var(--muted);font-weight:800}.qr-result-value{margin-top:4px;font-weight:800;white-space:pre-wrap;word-break:break-word}@keyframes qrscan{0%,100%{top:10%;opacity:.55}50%{top:88%;opacity:1}}@media(prefers-reduced-motion:reduce){.qr-frame:before{animation:none;top:50%}}
.login-card{max-width:460px;margin:auto}.dashboard{margin:0 0 16px}.kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kpi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px}.kpi-label,.kpi-note{color:var(--muted);font-size:12px}.kpi-value{font-size:25px;font-weight:800;color:var(--green-dark)}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.chart-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;min-height:220px}.chart-card .small-title{margin-bottom:4px}.chart-note{font-size:12px;color:var(--muted);margin:0 0 14px}.chart-content{display:grid;gap:11px}.chart-row{display:grid;grid-template-columns:minmax(105px,1fr) minmax(100px,2fr) 72px;gap:9px;align-items:center}.chart-label{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-value{text-align:right;font-size:13px;font-weight:700;color:var(--green-dark)}.chart-progress{width:100%;height:14px;border:0;border-radius:999px;overflow:hidden;background:#edf2ed;accent-color:var(--green)}.chart-progress::-webkit-progress-bar{background:#edf2ed;border-radius:999px}.chart-progress::-webkit-progress-value{background:linear-gradient(90deg,var(--green),#77a96d);border-radius:999px}.chart-progress::-moz-progress-bar{background:linear-gradient(90deg,var(--green),#77a96d);border-radius:999px}.chart-row:nth-child(2n) .chart-progress{accent-color:#5c8bc4}.chart-row:nth-child(2n) .chart-progress::-webkit-progress-value{background:#5c8bc4}.chart-row:nth-child(2n) .chart-progress::-moz-progress-bar{background:#5c8bc4}.chart-empty{text-align:center;color:var(--muted);padding:22px 8px}.history-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px;border-top:1px solid var(--line);padding:14px}.history-detail{background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px}.history-label{font-size:11px;color:var(--muted);font-weight:700}.history-value{overflow-wrap:anywhere;margin-top:2px}.filters{display:grid;grid-template-columns:180px 1fr 220px auto;gap:12px;align-items:end}.table-wrap{overflow:auto;margin-top:16px}table{border-collapse:collapse;width:100%;min-width:1600px}th,td{border:1px solid var(--line);padding:8px;text-align:left;vertical-align:top}th{background:#e8f1e5}.empty{text-align:center;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);display:grid;place-items:center;padding:16px;z-index:50}.modal{background:#fff;border-radius:16px;padding:20px;max-width:900px;width:100%;max-height:90vh;overflow:auto}
@media(max-width:700px){main{margin-top:16px}.card{padding:17px}.grid,.filters,.chart-grid{grid-template-columns:1fr}.field.full,.group,.selected-summary,.qr-launch{grid-column:1}.group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.history-head,.admin-head{align-items:stretch;flex-direction:column}.kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){body{font-size:16px}.sub{display:none}main{padding:0 10px 32px;margin-top:10px}.card{padding:14px}.group-grid,.group-grid.two,.kpi-grid{grid-template-columns:1fr}.chart-row{grid-template-columns:92px 1fr 58px;gap:6px}.chart-label,.chart-value{font-size:11px}.history-details{grid-template-columns:1fr}input,textarea,select{font-size:16px;min-height:48px}.btn{min-height:48px}.actions .btn{flex:1 1 100%}.qr-launch{align-items:stretch;flex-direction:column}.qr-launch .btn{width:100%}.qr-dialog{padding:13px;border-radius:14px}.qr-reader{aspect-ratio:3/4}}