:root,[data-theme=light]{--bg: #FAFAF7;--bg2: #FFFFFF;--bg3: #F2EFE8;--bd: #E4DFD8;--bd2: #D0C8BE;--tx: #0F1729;--tx2: #374260;--tx3: #7A8290;--ac: #8B6914;--ac2: #6A5010;--green: #2E7050;--red: #B03838;--blue: #2A5A90;--amber: #806010;--nav-blur: rgba(250,250,247,.94);--hero-overlay: rgba(15,23,41,.72);--mobile-menu-bg: rgba(250,250,247,.98);--ac-bg: rgba(139,105,20,.09);--shadow: 0 4px 24px rgba(15,23,41,.1);--shadow-sm: 0 2px 8px rgba(15,23,41,.07);--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif: "DM Serif Display", serif;--font-heading: "Playfair Display", serif;--font-sans: "DM Sans", sans-serif}[data-theme=dark]{--bg: #0F1729;--bg2: #141E35;--bg3: #1A2540;--bd: #243050;--bd2: #2E3D68;--tx: #F5F0E8;--tx2: #B8B0A0;--tx3: #6A7080;--ac: #D4A853;--ac2: #B8902A;--green: #4A8C5C;--red: #C05050;--blue: #4A7AB5;--amber: #C09030;--nav-blur: rgba(15,23,41,.94);--hero-overlay: rgba(15,23,41,.72);--mobile-menu-bg: rgba(15,23,41,.97);--ac-bg: rgba(212,168,83,.13);--shadow: 0 4px 24px rgba(0,0,0,.45);--shadow-sm: 0 2px 8px rgba(0,0,0,.3)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;min-height:100%;height:100%;background:var(--bg);color:var(--tx);font-family:var(--font-body)}html{height:-webkit-fill-available}body{min-height:-webkit-fill-available}a{color:var(--ac);text-decoration:none;cursor:pointer}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:16px}img{border:none;outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border:none;cursor:pointer;transition:all .2s;border-radius:8px}.btn-primary{background:var(--ac);color:var(--bg2)}.btn-primary:hover{background:var(--ac2)}.btn-ghost{background:transparent;color:var(--tx2);border:1px solid var(--bd2)}.btn-ghost:hover{border-color:var(--ac);color:var(--ac)}.btn-sm{padding:7px 16px;font-size:10px;border-radius:20px}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{opacity:.85}.bdg{display:inline-block;padding:3px 10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;border-radius:10px}.bdg-green{background:#6b8f7126;color:var(--green)}.bdg-red{background:#a0505026;color:var(--red)}.bdg-blue{background:#5a7fa026;color:var(--blue)}.bdg-amber{background:#b0803026;color:var(--amber)}.bdg-gray{background:var(--bg3);color:var(--tx2)}.crd{background:var(--bg2);border:1px solid var(--bd);padding:20px;border-radius:12px}.crd:hover{border-color:var(--bd2)}.input{width:100%;padding:10px 12px;font-size:16px;color:var(--tx);background:var(--bg);border:1px solid var(--bd2);border-radius:8px;outline:none;transition:border-color .2s,background .2s}.input:focus{border-color:var(--ac);background:var(--bg2)}.input::placeholder{color:var(--tx3)}.select{width:100%;padding:10px 32px 10px 12px;font-size:16px;color:var(--tx);background:var(--bg);border:1px solid var(--bd2);border-radius:8px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;cursor:pointer;transition:border-color .2s,background .2s}.select:focus{border-color:var(--ac);background:var(--bg2)}.select option{background:var(--bg2);color:var(--tx)}.textarea{width:100%;padding:10px 12px;font-size:16px;color:var(--tx);background:var(--bg);border:1px solid var(--bd2);border-radius:8px;outline:none;resize:vertical;min-height:80px;transition:border-color .2s,background .2s}.textarea:focus{border-color:var(--ac);background:var(--bg2)}label{display:block;font-size:13px;font-weight:500;color:var(--tx2);margin-bottom:6px;margin-top:16px}.cms-admin label{font-size:15px;font-weight:600;color:var(--tx)}.cms-admin .input,.cms-admin .select,.cms-admin .textarea{font-size:14px}input[type=checkbox]{width:16px;height:16px;accent-color:var(--ac);cursor:pointer;border-radius:4px}input[type=radio]{width:16px;height:16px;accent-color:var(--ac);cursor:pointer;border-radius:50%}.toggle{width:44px;height:24px;border-radius:12px;position:relative;cursor:pointer;flex-shrink:0;transition:background .25s ease;border:none;padding:0}.toggle .toggle-knob{width:18px;height:18px;border-radius:50%;position:absolute;top:3px;transition:left .25s ease,background .25s ease}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:1000;display:flex;align-items:center;justify-content:center}.modal{background:var(--bg2);border:1px solid var(--bd);width:90%;max-width:560px;max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:32px;box-shadow:var(--shadow);border-radius:16px}.modal h2{font-family:var(--font-serif);font-size:20px;color:var(--tx);margin-bottom:24px;font-weight:400}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--bd);border-radius:12px;overflow:hidden}.stat-card{background:var(--bg2);padding:24px 20px}.stat-card .label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--tx2);margin-bottom:8px}.stat-card .value{font-family:var(--font-serif);font-size:28px;color:var(--tx)}.table-wrap{overflow:hidden;overflow-x:auto;border:1px solid var(--bd);border-radius:8px}table{width:100%;border-collapse:collapse;font-size:13px}thead{background:var(--bg3)}th{text-align:left;padding:10px 16px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--tx2);border-bottom:2px solid var(--bd)}td{padding:10px 16px;border-bottom:1px solid var(--bd);color:var(--tx2)}tbody tr:nth-child(2n) td{background:var(--bg2)}tbody tr:nth-child(odd) td{background:var(--bg)}tbody tr:hover td{background:var(--bg3)}tbody tr:last-child td{border-bottom:none}.toast{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:2000;padding:14px 24px;font-size:13px;color:var(--tx);background:var(--bg2);border:1px solid var(--bd2);box-shadow:var(--shadow);border-radius:10px;animation:slideInTop .3s ease;max-width:calc(100vw - 32px)}.toast-error{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:2000;padding:14px 24px;font-size:13px;color:#991b1b;background:#fef2f2;border:1px solid #FCA5A5;box-shadow:var(--shadow);border-radius:10px;animation:slideInTop .3s ease;max-width:calc(100vw - 32px)}@keyframes slideInTop{0%{transform:translate(-50%) translateY(-20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.empty-state{text-align:center;padding:60px 20px;color:var(--tx3)}.empty-state-icon{margin-bottom:12px}.empty-state h3{font-family:var(--font-serif);font-size:18px;color:var(--tx2);margin-bottom:8px;font-weight:400}.dt-toolbar{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.dt-toolbar-row{display:flex;align-items:center;gap:12px}.dt-search{display:flex;align-items:center;gap:8px;background:var(--bg2);border:1px solid var(--bd);border-radius:6px;padding:8px 12px;min-width:220px;max-width:360px;width:100%}.dt-search input{background:transparent;border:none;outline:none;font-size:13px;color:var(--tx);width:100%}.dt-search input::placeholder{color:var(--tx3)}.dt-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding:10px 0;border-top:1px solid var(--bd)}.dt-page-info{font-size:12px;color:var(--tx3)}.dt-page-btns{display:flex;gap:6px}.dt-filter{display:flex;align-items:center;gap:8px}.dt-filter-label{font-size:12px;color:var(--tx3);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.dt-filter-pills{display:flex;flex-wrap:wrap;gap:4px}.chart-container{position:relative;padding:4px 0;overflow-x:auto;overflow-y:visible}.chart-bar-group{display:flex;gap:6px;align-items:flex-end;padding:0 4px}.chart-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:32px;max-width:64px}.chart-bar-value{font-size:11px;font-weight:600;color:var(--tx2)}.chart-bar{width:100%;border-radius:4px 4px 0 0;transition:height .4s ease,background .2s;background:var(--ac);min-height:4px}.chart-bar:hover{background:var(--ac2)}.chart-bar-label{font-size:10px;color:var(--tx3);white-space:nowrap;margin-top:2px}.chart-gridlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:0}.chart-gridline{border-bottom:1px dashed var(--bd);width:100%;opacity:.5}.progress-track{height:6px;background:var(--bg3);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .4s ease}.progress-row{margin-bottom:14px}.progress-row:last-child{margin-bottom:0}.progress-header{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;margin-bottom:6px}.progress-header .progress-label{color:var(--tx);text-transform:capitalize;font-weight:500}.progress-header .progress-meta{color:var(--tx2);font-size:11px}.progress-pct{font-size:10px;color:var(--tx3);margin-top:3px;text-align:right}.cms-pills{display:flex;gap:6px;flex-wrap:wrap}.cms-pill{padding:7px 18px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--bd2);border-radius:20px;background:transparent;color:var(--tx2);cursor:pointer;transition:all .2s;white-space:nowrap}.cms-pill:hover{border-color:var(--ac);color:var(--ac)}.cms-pill-active{background:var(--ac);color:var(--bg2);border-color:var(--ac)}.cms-pill-active:hover{background:var(--ac2);border-color:var(--ac2);color:var(--bg2)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.priority-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.priority-dot.high{background:var(--red)}.priority-dot.medium{background:var(--amber)}.priority-dot.low{background:var(--green)}@media(max-width:768px){.stat-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.modal{padding:20px;max-height:85vh;max-height:85dvh;max-width:calc(100vw - 24px)}.btn{min-height:44px}table{font-size:12px}th,td{padding:10px}.dt-toolbar-row{flex-wrap:wrap}.dt-search{max-width:100%}.dt-pagination{flex-direction:column;gap:8px;align-items:center}}.tabs-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;display:flex;gap:0}.msg-input{font-size:16px!important}@media(max-width:480px){.stat-grid{grid-template-columns:1fr 1fr}.stat-card{padding:14px}.stat-card .value{font-size:22px}.modal{width:95%;padding:16px}.crd{padding:16px}th,td{padding:8px;white-space:nowrap}}