:root{--text:#334151;--bg:#f4f5f9;--border:#e9ecef;--primary:#3bb77e;--font-family:system-ui, "Segoe UI", Roboto, sans-serif;--card-bg:#fff;--table-head-bg:#f8f9fa;--table-border:#eee;--input-bg:#fff;--input-border:#ddd;--modal-overlay:#00000080;--text-muted:#6c757d;--sidebar-hover:#f8f9fa}body{font-family:var(--font-family);background-color:var(--bg);color:var(--text);margin:0;transition:background-color .3s,color .3s}body.dark-mode{--bg:#1a1a1a;--text:#ccc;--border:#333;--card-bg:#242424;--table-head-bg:#2d2d2d;--table-border:#333;--input-bg:#242424;--input-border:#444;--modal-overlay:#000c;--text-muted:#888;--sidebar-hover:#2d2d2d}.admin-card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:8px;transition:background-color .3s,border .3s;box-shadow:0 2px 4px #0000000d}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th{background-color:var(--table-head-bg);color:var(--text);border:1px solid var(--table-border);padding:12px 15px;font-weight:600;transition:background-color .3s,border .3s,color .3s}.admin-table td{color:var(--text);border:1px solid var(--table-border);padding:12px 15px;transition:border .3s,color .3s}.admin-table tr:hover td{background-color:var(--table-head-bg)}.dropdown-item-hover{color:var(--text);cursor:pointer;align-items:center;gap:10px;padding:10px 20px;font-size:14px;transition:background .2s;display:flex}.dropdown-item-hover:hover{background:var(--sidebar-hover)}.btn-add-new{background:var(--card-bg);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:4px;align-items:center;gap:5px;padding:6px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-add-new:hover{background:var(--table-head-bg);border-color:#ccc}.btn-modal-close{color:#e77242;cursor:pointer;background:#fff;border:1px solid #e77242;border-radius:4px;padding:8px 20px;font-weight:600;transition:all .2s}.btn-modal-close:hover{background:#fdf1ec}.btn-modal-submit{color:#fff;cursor:pointer;background:#007b36;border:none;border-radius:4px;padding:8px 20px;font-weight:600;transition:all .2s}.btn-modal-submit:hover{background:#005a27}.admin-form-group{margin-bottom:15px}.admin-label{color:var(--text);margin-bottom:5px;font-size:13px;font-weight:500;display:block}.admin-label sup,.admin-label .required{color:#e77242;margin-left:2px;font-size:14px}.admin-input,.admin-select{background-color:var(--input-bg);width:100%;color:var(--text);border:1px solid var(--input-border);box-sizing:border-box;border-radius:4px;padding:10px;font-size:14px;transition:all .3s}.admin-input:focus,.admin-select:focus{border-color:var(--primary);outline:none}.modal-form-grid{gap:30px;display:flex}.modal-image-col{flex-shrink:0;width:250px}.modal-inputs-col{flex-direction:column;flex:1;display:flex}.modal-row-2{grid-template-columns:1fr 1fr;gap:15px;display:grid}.modal-row-3{grid-template-columns:1fr 1fr 1fr;gap:15px;display:grid}.image-placeholder-box{aspect-ratio:1;border:1px solid var(--input-border);background:var(--table-head-bg);color:#aaa;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.image-placeholder-box img{object-fit:contain;width:100%;height:100%}body.dark-mode input[type=checkbox]{accent-color:var(--primary)}body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5{color:#fff}