body{margin:0;font-family:Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(120deg,#f8fafc,#e0e7ef);min-height:100vh}#root{display:flex;flex-direction:column;min-height:100vh}header{background:#2563eb;color:#fff;padding:1.5rem 2rem;font-size:2rem;font-weight:700;letter-spacing:1px;box-shadow:0 2px 8px #0000000a}main{flex:1;padding:2rem;max-width:700px;margin:2rem auto;background:#fff;border-radius:1.2rem;box-shadow:0 4px 24px #2563eb14}button,input,select,textarea{font-family:inherit;font-size:1rem;border-radius:.5rem;border:1px solid #cbd5e1;padding:.5rem 1rem;margin:.5rem 0;outline:none;transition:border .2s}button{background:#2563eb;color:#fff;border:none;cursor:pointer;font-weight:600;box-shadow:0 2px 8px #2563eb14;transition:background .2s}button:hover{background:#1d4ed8}input:focus,select:focus,textarea:focus{border:1.5px solid #2563eb}.card{background:#f1f5f9;border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #00000008}::-webkit-scrollbar{width:8px;background:#e0e7ef}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.admin-page{padding:20px;max-width:1400px;margin:0 auto}.page-header{margin-bottom:30px;border-bottom:2px solid #e0e0e0;padding-bottom:20px}.page-header h1{margin:0 0 10px;color:#333;font-size:2rem}.page-header p{margin:0;color:#666;font-size:1.1rem}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.alert{padding:15px 20px;border-radius:8px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.alert-error{background:#ffe6e6;border:1px solid #ffcccc;color:#d32f2f}.alert button{background:none;border:none;font-size:18px;cursor:pointer;color:inherit;opacity:.7}.alert button:hover{opacity:1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 6px #0000001a;text-align:center}.stat-card h3{margin:0 0 10px;font-size:.9rem;opacity:.9;font-weight:600}.stat-value{font-size:2.2rem;font-weight:700;margin:0}.filters-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.filter-group{display:flex;align-items:center;gap:10px}.filter-group label{font-weight:600;color:#495057}.filter-select{padding:8px 12px;border:1px solid #ced4da;border-radius:6px;background:#fff;color:#495057;font-size:14px;min-width:200px}.filter-info{color:#6c757d;font-size:14px}.criteria-list{display:grid;gap:20px}.criteria-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000000d;transition:box-shadow .2s ease}.criteria-card:hover{box-shadow:0 4px 8px #0000001a}.criteria-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.criteria-info h3{margin:0 0 8px;color:#212529;font-size:1.3rem}.criteria-meta{display:flex;gap:8px;flex-wrap:wrap}.category-badge,.type-badge,.code-badge{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase}.category-badge{background:#e3f2fd;color:#1976d2}.type-badge{background:#f3e5f5;color:#7b1fa2}.code-badge{background:#e8f5e8;color:#388e3c;font-family:monospace}.criteria-description p{margin:0;color:#6c757d;line-height:1.5}.criteria-options{margin:15px 0}.criteria-options h4{margin:0 0 10px;font-size:14px;color:#495057;font-weight:600}.options-list{display:flex;flex-wrap:wrap;gap:6px}.option-tag{background:#f8f9fa;border:1px solid #dee2e6;padding:4px 8px;border-radius:4px;font-size:12px;color:#495057}.criteria-validation{margin:15px 0}.criteria-validation h4{margin:0 0 10px;font-size:14px;color:#495057;font-weight:600}.criteria-validation code{display:block;background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:10px;font-size:12px;color:#495057;white-space:pre;overflow-x:auto}.criteria-controls{display:flex;align-items:center;gap:20px}.toggle{display:flex;align-items:center;gap:10px;cursor:pointer}.toggle input[type=checkbox]{display:none}.toggle-slider{width:50px;height:24px;background:#ccc;border-radius:12px;position:relative;transition:background .3s ease}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease}.toggle input:checked+.toggle-slider{background:#28a745}.toggle input:checked+.toggle-slider:before{transform:translate(26px)}.toggle-label{font-weight:600;color:#495057}.criteria-toggles{display:flex;gap:20px;margin:15px 0;padding:15px;background:#f8f9fa;border-radius:8px}.mini-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.mini-toggle input[type=checkbox]{display:none}.mini-toggle-slider{width:36px;height:18px;background:#ccc;border-radius:9px;position:relative;transition:background .3s ease}.mini-toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .3s ease}.mini-toggle input:checked+.mini-toggle-slider{background:#007bff}.mini-toggle input:checked+.mini-toggle-slider:before{transform:translate(18px)}.mini-toggle input:disabled+.mini-toggle-slider{opacity:.5;cursor:not-allowed}.criteria-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid #e9ecef}.criteria-dates{display:flex;gap:15px}.criteria-dates small,.criteria-order small{color:#6c757d;font-size:12px}.global-actions{display:flex;gap:15px;justify-content:center;margin-top:40px;padding-top:30px;border-top:2px solid #e9ecef}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3;transform:translateY(-1px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62;transform:translateY(-1px)}.empty-state{text-align:center;padding:60px 20px;color:#6c757d}.empty-state p{font-size:1.1rem;margin:0}@media(max-width:768px){.admin-page{padding:15px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.filters-section{flex-direction:column;gap:15px;align-items:stretch}.criteria-header{flex-direction:column;gap:15px}.criteria-toggles{flex-direction:column;gap:10px}.criteria-footer{flex-direction:column;gap:10px;align-items:flex-start}.global-actions{flex-direction:column}}