@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@500;600;700;800&display=swap";.not-found{background:var(--colour-background);justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:2rem;display:flex}.not-found-card{background:var(--colour-surface);text-align:center;border-radius:20px;width:100%;max-width:560px;padding:3rem;box-shadow:0 10px 30px #00000014}.not-found-icon{color:var(--colour-accent);margin-bottom:1rem;font-size:4rem}.not-found-code{color:var(--colour-primary);font-size:5rem;font-weight:800;line-height:1;display:block}.not-found h1{color:var(--colour-primary);margin:1rem 0;font-size:2rem}.not-found p{color:var(--colour-muted);margin-bottom:2rem;line-height:1.7}.not-found-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.primary-btn,.secondary-btn{cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.primary-btn{background:var(--colour-accent);color:#fff}.primary-btn:hover{opacity:.9}.secondary-btn{color:var(--colour-text);background:0 0;border:1px solid #d8dbe3}.secondary-btn:hover{background:#f5f6fb}@media (width<=600px){.not-found-card{padding:2rem}.not-found-code{font-size:4rem}.not-found h1{font-size:1.6rem}.not-found-actions{flex-direction:column}.primary-btn,.secondary-btn{justify-content:center;width:100%}}.data-table-card{background:var(--colour-surface);border:1px solid #e5e8f0;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 2px 10px #0f1d3e0d}.data-table-header{border-bottom:1px solid #e8ebf2;justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:18px 22px;display:flex}.data-table-title{font-family:var(--font-heading);color:var(--colour-primary);font-size:18px;font-weight:600}.data-table-controls{align-items:center;gap:14px;display:flex}.data-table-search{width:280px;height:42px;transition:border-color var(--transition), box-shadow var(--transition);background:#fff;border:1px solid #dde1ea;border-radius:8px;align-items:center;gap:10px;padding:0 14px;display:flex}.data-table-search:focus-within{border-color:var(--colour-accent);box-shadow:0 0 0 3px #1b5cf614}.data-table-search svg{color:var(--colour-muted);flex-shrink:0;font-size:14px}.data-table-search input{width:100%;height:100%;font-family:var(--font-body);color:var(--colour-text);background:0 0;border:none;outline:none;font-size:13px}.data-table-search input::placeholder{color:#a1a6b4}.data-table-page-size{color:var(--colour-muted);align-items:center;gap:8px;font-size:12px;display:flex}.data-table-page-size select{height:40px;color:var(--colour-text);cursor:pointer;background:#fff;border:1px solid #dde1ea;border-radius:7px;outline:none;padding:0 28px 0 10px}.data-table-wrapper{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;border-spacing:0;width:100%;min-width:800px}.data-table thead{background:#f8f9fc}.data-table th{text-align:left;letter-spacing:.02em;text-transform:uppercase;color:#6f7586;border-bottom:1px solid #e5e8f0;height:48px;padding:0 18px;font-size:11px;font-weight:600}.data-table td{min-height:58px;color:var(--colour-text);vertical-align:middle;border-bottom:1px solid #eef0f4;padding:16px 18px;font-size:13px;font-weight:400}.data-table tbody tr{transition:background var(--transition)}.data-table tbody tr:hover{background:#fafbfe}.data-table tbody tr:last-child td{border-bottom:0}.table-status{border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.table-status:before{content:"";border-radius:50%;width:6px;height:6px}.table-status.active{color:#15966c;background:var(--colour-light-green)}.table-status.active:before{background:var(--colour-green)}.table-status.inactive:before{background:var(--colour-red)}.data-table-actions-heading{width:140px;text-align:right!important}.data-table-actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.table-action{cursor:pointer;width:32px;height:32px;transition:transform var(--transition), background var(--transition);border:none;border-radius:7px;place-items:center;font-size:12px;display:inline-grid}.table-action:hover{transform:translateY(-1px)}.table-action.view{color:var(--colour-accent);background:#edf3ff}.table-action.view:hover{background:#dfe9ff}.table-action.edit{color:#c98b00;background:var(--color-light-orange)}.table-action.edit:hover{background:#fbeac3}.table-action.delete{color:var(--colour-red);background:var(--colour-light-red)}.table-action.delete:hover{background:#ffe6e3}.data-table-footer{background:#fff;border-top:1px solid #e8ebf2;justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:14px 22px;display:flex}.data-table-count{color:var(--colour-muted);font-size:12px}.data-table-count strong{color:var(--colour-text);font-weight:600}.pagination{align-items:center;gap:5px;display:flex}.pagination button{cursor:pointer;border:none}.pagination-page,.pagination-arrow{min-width:34px;height:34px;color:var(--colour-text);transition:color var(--transition), background var(--transition);background:0 0;border-radius:7px;place-items:center;padding:0 8px;font-size:12px;font-weight:500;display:grid}.pagination-page:hover,.pagination-arrow:hover:not(:disabled){color:var(--colour-accent);background:#edf3ff}.pagination-page.active{color:#fff;background:var(--colour-accent);box-shadow:0 4px 10px #1b5cf633}.pagination-arrow:disabled{cursor:not-allowed;opacity:.35}.pagination-dots{color:var(--colour-muted);padding:0 3px;font-size:12px}.data-table-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:230px;display:flex}.data-table-empty h3{font-family:var(--font-heading);color:var(--colour-primary);margin-bottom:5px;font-size:15px}.data-table-empty p{color:var(--colour-muted);font-size:12px}@media (width<=900px){.data-table-header{flex-direction:column;align-items:flex-start}.data-table-controls{width:100%}.data-table-search{flex:1;width:auto}}@media (width<=600px){.data-table-header{padding:16px}.data-table-controls{flex-direction:column;align-items:stretch}.data-table-search{width:100%}.data-table-page-size{justify-content:flex-end}.data-table-footer{flex-direction:column;align-items:flex-start;padding:14px 16px}.pagination{justify-content:center;width:100%}}.scan-page{text-align:center;max-width:480px;margin:0 auto;font-family:system-ui,-apple-system,sans-serif}.scan-form{padding:20px}.scan-heading-wrapper{flex-direction:column;gap:4px;margin-bottom:25px;display:flex}.scan-heading-wrapper span{color:#77859b;font-size:.95rem}.scan-heading{color:#333;font-size:1.5rem}.scan-location-card{color:#77859b;background:#f0f3f7;border:1px solid #d1d5db;border-radius:12px;flex-direction:column;align-items:flex-start;margin-bottom:25px;display:flex}.scan-location-content{text-align:left;justify-content:flex-start;align-items:center;gap:16px;padding:16px;display:flex}.scan-location-details{flex-direction:column;gap:2px;display:flex}.scan-location-details span{font-size:.9rem}.scan-location-icon{background:#e8eaed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.scan-location-icon svg{color:#4b5563;width:20px;height:20px}.scan-location-heading{color:#333;font-size:1.05rem}.scan-rating-option-heading{color:#333;margin-bottom:12px;font-size:1.1rem;display:block}.scan-section-wrapper{text-align:left;margin-bottom:30px}.scan-rating-option{cursor:pointer;background-color:#0000;border:2px solid #0000;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:12px 8px;transition:background-color .2s,border-color .2s;display:flex}.scan-face-group{gap:16px;display:flex}.scan-rating-label{color:#4b5563;font-size:.85rem;font-weight:600;transition:color .2s}.scan-rating-options input[type=radio].sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scan-rating-face{color:#fff;border-radius:50%;place-items:center;width:66px;height:66px;transition:transform .16s,box-shadow .16s;display:grid;box-shadow:inset 0 -4px 7px #0000001c,0 7px 15px #1422371a}.scan-rating-face svg{width:38px;height:38px}.scan-rating-option--good .scan-rating-face{background:linear-gradient(145deg,#24c680,#08a95f)}.scan-rating-option--neutral .scan-rating-face{background:linear-gradient(145deg,#ffbd1e,#f4a300)}.scan-rating-option--bad .scan-rating-face{background:linear-gradient(145deg,#f55,#e63535)}.scan-rating-option:hover .scan-rating-face{transform:scale(1.08)}.scan-rating-option:has(input:checked){background-color:#f8fafc}.scan-rating-option--good:has(input:checked){border-color:#08a95f}.scan-rating-option--good:has(input:checked) .scan-rating-label{color:#08a95f}.scan-rating-option--neutral:has(input:checked){border-color:#f4a300}.scan-rating-option--neutral:has(input:checked) .scan-rating-label{color:#d97706}.scan-rating-option--bad:has(input:checked){border-color:#e63535}.scan-rating-option--bad:has(input:checked) .scan-rating-label{color:#e63535}.scan-feedback-section{text-align:left;margin-bottom:30px}.scan-textarea-wrapper{background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:16px;transition:border-color .2s,box-shadow .2s;position:relative}.scan-textarea-wrapper:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}#scan-note{background:inherit;resize:none;width:100%;height:85px;color:var(--colour-primary,#111827);box-sizing:border-box;border:none;font-family:inherit;font-size:.95rem}#scan-note:focus{outline:none}.character-count{color:#77859b;font-size:.8rem;position:absolute;bottom:10px;right:14px}.upload-area{color:#77859b;background:#fff;border:2px dashed #d1d5db;border-radius:12px;justify-content:center;align-items:center;min-height:100px;margin-bottom:32px;transition:border-color .2s,background-color .2s;display:flex;position:relative}.upload-area:hover{border-color:var(--colour-accent,#2563eb);background-color:#fcfdff}#scan-image{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.add-photo-overlay{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.add-photo-overlay label{cursor:pointer;font-size:.9rem;font-weight:500}.sacn-camera-icon{color:#9ca3af;font-size:1.8rem}.image-preview{border:1px solid #d1d5db;border-radius:12px;position:relative;overflow:hidden}.image-preview img{object-cover:cover;width:100%;max-height:240px;display:block}.image-preview button{color:#dc2626;cursor:pointer;background:#ffffffe6;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;transition:background-color .2s;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 4px #0000000d}.image-preview button:hover{background:#fff5f5}.image-preview button svg{width:14px;height:14px}.scan-btn .scan-primary-button:disabled{opacity:.6;cursor:not-allowed}.scan-anonymous-message{color:#77859b;justify-content:center;align-items:center;gap:6px;margin-top:20px;font-size:.85rem;display:flex}.scan-anonymous-message svg{width:14px;height:14px}.scan-success{padding:40px 20px}.scan-success-icon{color:#065f46;background-color:#d1fae5;border-radius:50%;place-items:center;width:60px;height:60px;margin:0 auto 20px;font-size:1.8rem;font-weight:700;display:grid}.scan-success h1{color:#111827;margin-bottom:8px;font-size:1.8rem}.scan-success p{color:#4b5563;margin-bottom:24px}.scan-success button{color:#374151;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:8px;padding:10px 20px;font-weight:600;transition:background-color .2s}.scan-success button:hover{background-color:#f9fafb}.scan-submited-time-info{border-top:1px solid #d1d5db;width:100%;margin-top:30px}.sacn-submited-time-text{color:#9ca3af;padding:15px;font-size:.8rem}.scan-action-container{flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex}.scan-btn{cursor:pointer;border:none;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:10px;padding:6px 12px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.scan-primary-btn{color:#fff;background:#1b5cf6}.scan-primary-btn:hover{background:#1147cb}.scan-secondary-btn{color:#157849;background:0 0;border:2px solid}.scan-secondary-btn:hover{color:#fff;background:#157849;box-shadow:0 10px 28px #0f2d5238}.scan-btn-text{text-align:center;flex:1;margin-right:auto}.scan-btn-icon{width:18px;height:18px}.scan-btn:hover{transform:translateY(-2px)}.scan-btn:focus-visible{outline-offset:4px;outline:3px solid #4ba3f273}.image-preview-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:16px;margin-bottom:32px;padding:12px;animation:.2s ease-out scanFadeIn;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.image-preview-thumbnail-wrapper{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.image-preview-thumbnail{object-fit:cover;width:100%;height:100%}.image-preview-fallback-icon{color:#9ca3af;font-size:1.25rem}.image-preview-details{text-align:left;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.image-preview-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.image-preview-status{color:#10b981;font-size:.75rem;font-weight:500}.image-preview-remove-btn{color:#dc2626;background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:.85rem;font-weight:600;transition:all .15s;display:flex}.image-preview-remove-btn:hover{color:#b91c1c;background:#fee2e2;transform:translateY(-1px)}.image-preview-remove-btn svg{width:14px;height:14px}@keyframes scanFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.scan-error{color:#b91c1c;text-align:left;background-color:#fef2f2;border:1px solid #fca5a5;border-radius:8px;margin-bottom:20px;padding:12px;font-size:.9rem}.scan-btn:disabled{opacity:.45!important;cursor:not-allowed!important;transform:none!important}:root{--font-heading:"Poppins", sans-serif;--font-body:"Inter", sans-serif;--colour-primary:#001137;--colour-accent:#1b5cf6;--colour-secondary:#10244f;--colour-green:#31c495;--colour-red:#fc3828;--colour-orange:#fcbd1b;--colour-purple:#8980dd;--colour-blue:#5b8def;--colour-teal:#29b8b2;--colour-light-purple:#eeebfd;--colour-light-green:#eaf9f3;--colour-light-red:#fff0ef;--colour-light-orange:#fef4dc;--colour-light-blue:#edf3ff;--colour-background:#f5f6fb;--colour-surface:#fff;--colour-text:#11182d;--colour-muted:#7b8091;--colour-border:#e5e8f0;--sidebar-expanded-width:240px;--sidebar-collapsed-width:78px;--sidebar-width:var(--sidebar-expanded-width);--topbar-height:75px;--border-radius:12px;--transition:.25s ease;--shadow:0 2px 10px #0f1d3e0f}:before,:after,*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}#root{min-height:100dvh;font-family:var(--font-body);color:var(--colour-text);background:var(--colour-background);width:100dvw}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0}.page{grid-column:2;width:100%;min-width:0}.dropdown-container{background:inherit;border-bottom:1px solid #ffffff17;min-height:76px;padding:15px 8px;position:relative;overflow:scroll}.dropdown-heading{z-index:2;background:inherit;align-items:center;gap:10px;display:flex;position:sticky;top:0}.dropdown-left-icon{background:#ffffff12;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.dropdown-info{flex:1;min-width:0}.dropdown-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.dropdown-info span{background:#ffffff1a;border-radius:5px;margin-top:5px;padding:3px 7px;font-size:10px;display:inline-block}.icon-button,.dropdown-icon-button{color:var(--colour-surface);background:0 0;padding:5px}.dropdown-content-panel{flex-direction:column;gap:5px;margin-top:5px;padding:3px 7px;font-size:14px;display:flex}.stat-card,.panel,.quick-action{border:1px solid var(--colour-border);background:var(--colour-surface);box-shadow:var(--shadow)}.stat-card{border-radius:var(--border-radius);gap:16px;min-height:120px;padding:19px;display:flex}.stat-card-icon{border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.stat-card-icon.green{color:var(--colour-green);background:var(--colour-light-green);box-shadow:inset 0 0 0 5px #31c49514}.stat-card-icon.orange{color:#efa900;background:var(--colour-light-orange);box-shadow:inset 0 0 0 5px #fcbd1b1a}.stat-card-icon.red{color:var(--colour-red);background:var(--colour-light-red);box-shadow:inset 0 0 0 5px #fc382814}.stat-card-content{flex:1;min-width:0}.stat-card-content>p{margin-bottom:4px;font-size:11px;font-weight:600}.stat-card h3{font-family:var(--font-heading);font-size:24px;line-height:1.2}.stat-value{justify-content:space-between;align-items:center;gap:10px;display:flex}.percentage{border-radius:7px;padding:5px 10px;font-size:10px;font-weight:600}.green-badge{color:#159c70;background:var(--colour-light-green)}.orange-badge{color:#d08d00;background:var(--colour-light-orange)}.red-badge{color:var(--colour-red);background:var(--colour-light-red)}.stat-change{align-items:center;gap:3px;margin-top:13px;font-size:10px;font-weight:600;display:flex}.stat-change small{color:var(--colour-muted);margin-left:2px;font-size:9px;font-weight:400}.stat-change.positive{color:#1cad7e}.stat-change.negative{color:var(--colour-red)}.panel-filters{align-items:center;gap:12px;display:flex}.dropdown-trigger-btn{border:1px solid var(--colour-border);background-color:var(--colour-surface);min-width:130px;min-height:32px;color:var(--colour-text);appearance:none;cursor:pointer;transition:var(--transition);border-radius:8px;padding:0 32px 0 12px;font-size:10px;font-weight:500}.dropdown-trigger-btn:hover{border-color:var(--colour-accent)}.dropdown-trigger-btn:focus{border-color:var(--colour-accent);outline:none;box-shadow:0 0 0 3px #1b5cf626}.panel-filters{position:relative}.panel-filters select{background-image:linear-gradient(45deg, transparent 50%, var(--colour-muted) 50%), linear-gradient(135deg, var(--colour-muted) 50%, transparent 50%);background-position:calc(100% - 16px) calc(50% - 2px),calc(100% - 11px) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px}.chart-legend{justify-content:center;align-items:center;gap:42px;min-height:42px;font-size:10px;font-weight:500;display:flex}.chart-legend span{align-items:center;gap:8px;display:flex}.legend-line{border-radius:20px;width:20px;height:5px;display:block}.chart-container{height:270px;padding:0 18px 0 15px;display:flex}.chart-y-axis{color:#27324a;flex-direction:column;justify-content:space-between;align-items:flex-end;width:37px;height:235px;padding-right:8px;font-size:9px;display:flex}.chart-content{flex:1;min-width:0}.line-chart{width:100%;height:235px;overflow:visible}.chart-line{fill:none;stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.chart-positive{stroke:var(--colour-green)}.chart-neutral{stroke:#f3ae00}.chart-negative{stroke:#ff5a57}.chart-x-axis{color:#4e5669;justify-content:space-between;padding-top:8px;font-size:9px;display:flex}.green-line{background:var(--colour-green)}.orange-line{background:var(--colour-orange)}.red-line{background:#ff6864}.item-panel,.rating-panel{min-height:275px}.item-list{padding:0 18px 14px}.item{border-bottom:1px solid var(--colour-border);grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;display:grid}.item:last-child{border-bottom:0}.item-position{border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;font-weight:600;display:grid}.item:first-child .item-position{color:#4151b9;background:#edf0ff}.item-details{min-width:0}.item-details strong,.item-details span{display:block}.item-details strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.item-details span{color:var(--colour-muted);margin-top:3px;font-size:8px;text-decoration:underline}.item-rating{border-radius:7px;justify-content:flex-end;align-items:center;gap:8px;min-width:77px;padding:6px 9px;font-size:12px;font-weight:700;display:flex}.item-rating i{color:#f8ae00}.item-rating.good{color:#159c70;background:var(--colour-light-green)}.item-rating.average{color:#df5c24;background:var(--colour-light-red)}.rating-content{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;min-height:200px;padding:5px 28px 20px;display:flex}.donut-chart{background:conic-gradient(var(--colour-green) 0deg 247deg, var(--colour-orange) 247deg 321deg, #ff5c57 321deg 360deg);border-radius:50%;flex-shrink:0;width:155px;height:155px;position:relative}.donut-chart:after{content:"";background:var(--colour-surface);border-radius:50%;position:absolute;inset:43px}.rating-legend{gap:20px;min-width:190px;display:grid}.rating-legend>div{grid-template-columns:12px minmax(70px,1fr) auto;align-items:center;gap:8px;font-size:9px;display:grid}.rating-legend strong{font-weight:500}.rating-legend b{font-size:10px}.legend-dot{border-radius:50%;width:11px;height:11px}.green-dot{background:var(--colour-green)}.orange-dot{background:var(--colour-orange)}.red-dot{background:#ff5c57}.recent-feedback{min-height:385px}.feedback-list{padding:0 18px}.feedback-item{border-bottom:1px solid var(--colour-border);grid-template-columns:32px minmax(0,1fr) 45px auto;align-items:center;gap:10px;min-height:58px;display:grid}.feedback-face{color:#fff;border-radius:50%;place-items:center;width:29px;height:29px;font-size:17px;display:grid}.positive-face{background:var(--colour-green)}.neutral-face{background:var(--colour-orange)}.negative-face{background:var(--colour-red)}.feedback-details{min-width:0}.feedback-details strong,.feedback-details span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.feedback-details strong{font-size:10px}.feedback-details span{color:var(--colour-muted);margin-top:5px;font-size:9px}.feedback-item time,.activity-item time{color:var(--colour-muted);white-space:nowrap;font-size:8px}.feedback-status{border-radius:7px;padding:5px 8px;font-size:8px;font-weight:600}.positive-status{color:#159c70;background:var(--colour-light-green)}.neutral-status{color:#d18d00;background:var(--colour-light-orange)}.negative-status{color:var(--colour-red);background:var(--colour-light-red)}.panel-footer-link{justify-content:flex-end;align-items:center;gap:9px;min-height:38px;padding:0 18px;display:flex}.activity-panel{min-height:275px}.activity-list{padding:0 18px 12px}.activity-item{border-bottom:1px solid var(--colour-border);grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:51px;display:grid}.activity-item:last-child{border-bottom:0}.activity-icon{color:#fff;border-radius:50%;place-items:center;width:29px;height:29px;font-size:12px;display:grid;position:relative}.activity-icon svg{width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.activity-icon.purple{color:var(--colour-purple);background:var(--colour-light-purple)}.activity-icon.blue{color:var(--colour-blue);background:var(--colour-light-blue)}.activity-icon.green{color:var(--colour-green);background:var(--colour-light-green)}.activity-icon.orange{color:var(--colour-orange);background:var(--colour-light-orange)}.activity-item strong,.activity-item span{display:block}.activity-item strong{font-size:10px}.activity-item span{color:var(--colour-muted);margin-top:5px;font-size:9px}.quick-actions{grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px;margin-top:18px;display:grid}.quick-action{min-height:74px;transition:transform var(--transition), box-shadow var(--transition);border-radius:10px;align-items:center;gap:14px;padding:14px;display:flex}.quick-action:hover{transform:translateY(-3px);box-shadow:0 10px 26px #0f1d3e1a}.quick-action-icon{border-radius:8px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.quick-action-icon.purple{color:var(--colour-purple);background:var(--colour-light-purple)}.quick-action-icon.orange{color:#e6a000;background:var(--colour-light-orange)}.quick-action-icon.red{color:var(--colour-red);background:var(--colour-light-red)}.quick-action-icon.blue{color:var(--colour-accent);background:var(--colour-light-blue)}.quick-action-icon.teal{color:var(--colour-teal);background:#e8f9f8}.quick-action strong{font-size:11px}.input-group{flex-direction:column;gap:7px;width:100%;display:flex}.input-label{color:var(--colour-text,#11182d);font-size:.78rem;font-weight:600}.input-required{color:var(--colour-red,#fc3828);margin-left:4px}.input-control{border:1px solid var(--colour-border,#e5e8f0);width:100%;min-height:44px;color:var(--colour-text,#11182d);background:var(--colour-surface,#fff);border-radius:9px;outline:none;padding:11px 13px;transition:border-color .2s,box-shadow .2s,background-color .2s}.input-control::placeholder{color:#a1a8b5}.input-control:focus{border-color:var(--colour-accent,#1b5cf6);box-shadow:0 0 0 4px #1b5cf61a}.input-control:disabled{cursor:not-allowed;opacity:.7;background:#f2f4f8}.input-control-error{border-color:var(--colour-red,#fc3828)}.input-control-error:focus{border-color:var(--colour-red,#fc3828);box-shadow:0 0 0 4px #fc38281a}.input-help{color:var(--colour-muted,#7b8091);font-size:.68rem;line-height:1.4}.input-error{color:var(--colour-red,#fc3828);font-size:.68rem;line-height:1.4}.protected-layout{--current-sidebar-width:var(--sidebar-expanded-width);grid-template-columns:var(--current-sidebar-width) minmax(0, 1fr);width:100%;min-height:100dvh;transition:grid-template-columns var(--transition);display:grid}.dashboard{width:100%;max-width:1600px;margin:0 auto;padding:24px 22px}.four-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.two-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.dashboard-layout{grid-template-columns:minmax(0,1.8fr) minmax(330px,1fr);gap:18px;margin-top:18px;display:grid}.dashboard-main-column,.dashboard-side-column{align-content:start;gap:18px;min-width:0;display:grid}.panel{border-radius:var(--border-radius);min-width:0}.panel-header{justify-content:space-between;align-items:center;gap:15px;min-height:54px;padding:0 18px;display:flex}.panel-header h3{font-family:var(--font-heading);font-size:14px}.panel-header a,.panel-footer-link{color:var(--colour-accent);font-size:10px;font-weight:600}.panel-filters{gap:12px;display:flex}.panel-filters button{border:1px solid var(--colour-border);background:#fff;border-radius:8px;align-items:center;gap:12px;min-height:32px;padding:0 13px;font-size:10px;font-weight:500;display:flex}.feedback-overview{min-height:385px;padding-bottom:16px}.lower-panels{grid-template-columns:minmax(280px,1fr) minmax(330px,1.1fr);gap:18px;display:grid}@media (width<=1280px){.protected-layout{--current-sidebar-width:var(--sidebar-expanded-width)}.four-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-layout{grid-template-columns:1fr}.dashboard-side-column{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions{grid-template-columns:repeat(3,minmax(160px,1fr))}}@media (width<=900px){.protected-layout{--current-sidebar-width:var(--sidebar-collapsed-width)}.sidebar{padding-inline:10px}.sidebar-logo{justify-content:center;padding-inline:0}.protected-layout.sidebar-open{--current-sidebar-width:var(--sidebar-expanded-width)}.sidebar-logo .sidebar-logo-text,.dropdown-info,.dropdown-container .icon-button,.navigation-link span,.plan-card{display:none}.sidebar-business,.navigation-link{justify-content:center}.protected-layout.sidebar-open .sidebar-logo .sidebar-logo-text,.protected-layout.sidebar-open .dropdown-info,.protected-layout.sidebar-open .dropdown-container .icon-button,.protected-layout.sidebar-open .navigation-link span,.protected-layout.sidebar-open .plan-card{display:initial;border:none}.dropdown-container,.navigation-link{justify-content:center}.protected-layout.sidebar-open .dropdown-container,.protected-layout.sidebar-open .navigation-link{justify-content:initial}.menu-button{display:initial}.lower-panels,.dashboard-side-column{grid-template-columns:1fr}.rating-content{flex-wrap:wrap}.quick-actions{grid-template-columns:repeat(2,minmax(160px,1fr))}.two-grid{grid-template-columns:1fr}}@media (width<=650px){.protected-layout{--current-sidebar-width:0px}.sidebar{transform:translate(-100%)}.protected-layout.sidebar-open{--current-sidebar-width:var(--sidebar-expanded-width)}.protected-layout.sidebar-open .sidebar{transform:translate(0)}.support-link{margin-bottom:150px}.page{width:100%}.topbar{padding-inline:16px}.profile-information,.profile-menu,.topbar-icon{display:none}.topbar-right{gap:8px}.dashboard{padding:16px 12px}.four-grid,.two-grid{grid-template-columns:1fr}.panel-header{align-items:flex-start;padding-block:14px}.feedback-overview .panel-header{flex-direction:column}.chart-legend{gap:15px}.chart-container{overflow-x:auto}.chart-content{min-width:650px}.feedback-item{grid-template-columns:32px minmax(0,1fr) auto}.feedback-status{display:none}.rating-content{padding-inline:15px}.rating-legend{width:100%;min-width:0}.quick-actions{grid-template-columns:1fr}}.sidebar{z-index:100;width:var(--current-sidebar-width);min-height:100vh;color:var(--colour-surface);background:var(--colour-primary);flex-direction:column;padding:22px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar-logo{border-bottom:1px solid #ffffff17;align-items:center;gap:11px;padding:0 10px 22px;display:flex}.sidebar-logo-icon{background:var(--colour-accent);border-radius:50% 50% 50% 12px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.sidebar-logo h1{font-family:var(--font-heading);font-size:22px;line-height:1}.sidebar-logo p{color:#ffffffb3;margin-top:5px;font-size:9px}.sidebar-business{border-bottom:1px solid #ffffff17;align-items:center;gap:10px;min-height:76px;padding:15px 8px;display:flex}.business-icon{background:#ffffff12;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.business-information{flex:1;min-width:0}.business-information strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.business-information span{background:#ffffff1a;border-radius:5px;margin-top:5px;padding:3px 7px;font-size:10px;display:inline-block}.icon-button{color:var(--colour-surface);background:0 0;padding:5px}.sidebar-navigation{gap:5px;padding-top:16px;display:grid}.navigation-link{color:#ffffffeb;min-height:43px;transition:background var(--transition), transform var(--transition);border-radius:9px;align-items:center;gap:14px;padding:0 12px;font-size:13px;display:flex}.navigation-link svg{text-align:center;width:20px;font-size:16px}.navigation-link:hover{background:#ffffff14;transform:translate(2px)}.navigation-link.active{background:linear-gradient(135deg,#2873ff,#1554eb);box-shadow:0 8px 20px #1b5cf64d}.sidebar-bottom{margin-top:auto}.plan-card{background:#00113766;border:1px solid #ffffff1f;border-radius:11px;margin-top:22px;padding:15px}.plan-card-header{justify-content:space-between;gap:10px;display:flex}.plan-card-header span,.plan-card-header strong{display:block}.plan-card-header span{color:#ffffffb8;font-size:10px}.plan-card-header strong{margin-top:5px;font-size:13px}.plan-card-icon{width:35px;height:35px;color:var(--colour-accent);background:#1b5cf624;border-radius:8px;place-items:center;display:grid}.plan-card p{color:#ffffffb3;margin-top:10px;font-size:10px}.plan-card button{width:100%;min-height:36px;color:var(--colour-surface);background:#3a68b357;border-radius:7px;margin-top:15px;font-size:11px}.support-link{border-top:1px solid #ffffff17;border-radius:0;margin-top:22px;padding-top:22px}.topbar{z-index:50;min-height:var(--topbar-height);border-bottom:1px solid var(--colour-border);background:var(--colour-surface);justify-content:space-between;align-items:center;padding:0 30px;display:flex;position:sticky;top:0}.topbar-left,.topbar-right{align-items:center;display:flex}.topbar-left{gap:26px}.topbar-left h2{font-family:var(--font-heading);font-size:17px}.menu-button,.topbar-icon,.notification-button,.profile-menu{background:0 0}.menu-button{font-size:19px}.topbar-right{gap:20px}.notification-button{width:34px;height:34px;font-size:18px;position:relative}.notification-button span{color:#fff;background:var(--colour-red);border:2px solid #fff;border-radius:20px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;font-weight:700;display:grid;position:absolute;top:-3px;right:-1px}.topbar-icon{width:34px;height:34px;font-size:18px}.profile{align-items:center;gap:10px;display:flex}.profile-avatar{color:#fff;background:var(--colour-secondary);border:3px solid #e5e9f2;border-radius:50%;place-items:center;width:40px;height:40px;font-size:12px;font-weight:700;display:grid}.profile-information{min-width:78px}.profile-information strong,.profile-information span{display:block}.profile-information strong{font-size:12px}.profile-information span{color:var(--colour-muted);margin-top:3px;font-size:10px}.profile-menu{padding:5px;font-size:10px}.menu-button{display:none}@media (width<=900px){.menu-button{display:initial}}.auth-page{grid-template-columns:minmax(390px,.9fr) minmax(500px,1.1fr);min-height:100dvh;display:grid}.auth-visual-panel{color:#fff;background:radial-gradient(circle at 25% 20%,#3976ff57,#0000 24rem),radial-gradient(circle at 80% 75%,#31c4952e,#0000 24rem),linear-gradient(145deg,#001137,#0b2454 62%,#123b78);flex-direction:column;min-height:100dvh;padding:42px 48px;display:flex}.auth-brand{align-items:center;gap:12px;display:flex}.auth-brand-logo{color:#fff;background:linear-gradient(145deg,#31c495,#0fa869);border-radius:17px 17px 17px 6px;place-items:center;width:48px;height:48px;font-size:24px;font-weight:800;display:grid;box-shadow:0 15px 30px #0bc47342}.auth-brand strong,.auth-brand small{display:block}.auth-brand strong{font-family:var(--font-heading);letter-spacing:-.04em;font-size:1.35rem}.auth-brand strong span{color:var(--colour-green)}.auth-brand small{color:#ffffffa3;letter-spacing:.09em;text-transform:uppercase;margin-top:3px;font-size:.66rem;font-weight:700}.auth-visual-copy{width:min(100%,570px);margin:auto 0}.auth-visual-copy>span{color:#a9c5ff;text-transform:uppercase;background:#ffffff12;border:1px solid #ffffff29;border-radius:999px;padding:8px 12px;font-size:.72rem;font-weight:750;display:inline-flex}.auth-visual-copy h1{font-family:var(--font-heading);letter-spacing:-.055em;margin:20px 0 16px;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.04}.auth-visual-copy p{color:#ffffffb8;max-width:540px;margin:0;line-height:1.75}.auth-visual-cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.auth-visual-cards article{background:#ffffff0f;border:1px solid #ffffff1c;border-radius:15px;padding:16px}.auth-visual-cards strong,.auth-visual-cards span{display:block}.auth-visual-cards strong{font-family:var(--font-heading);font-size:1.35rem}.auth-visual-cards span{color:#ffffff9e;margin-top:5px;font-size:.7rem}.auth-form-panel{background:radial-gradient(circle at top right,#1b5cf614,transparent 28rem),var(--colour-background);place-items:center;min-height:100vh;padding:44px;display:grid}.auth-mobile-brand{display:none}.auth-card{border:1px solid var(--colour-border);background:var(--colour-surface);border-radius:22px;width:min(100%,520px);padding:34px;box-shadow:0 18px 50px #0f1d3e1f}.auth-card-header{margin-bottom:26px}.auth-card-header>span{color:var(--colour-accent);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:800}.auth-card-header h2{font-family:var(--font-heading);letter-spacing:-.04em;margin:8px 0 9px;font-size:2rem;line-height:1.15}.auth-card-header p{color:var(--colour-muted);margin:0;font-size:.88rem;line-height:1.6}.auth-form{gap:18px;display:grid}.auth-input-group{gap:7px;display:grid}.auth-input-group>label{font-size:.78rem;font-weight:600}.auth-input-group>label span{color:var(--colour-red);margin-left:4px}.auth-input-wrapper{position:relative}.auth-input-wrapper input{border:1px solid var(--colour-border);border-radius:10px;outline:none;width:100%;min-height:46px;padding:11px 42px 11px 13px}.auth-input-wrapper input:focus{border-color:var(--colour-accent);box-shadow:0 0 0 4px #1b5cf61a}.auth-input-wrapper input::placeholder{color:#a2a9b7}.password-toggle{width:30px;height:30px;color:var(--colour-muted);background:0 0;place-items:center;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.auth-help-text,.auth-error-text{font-size:.69rem;line-height:1.4}.auth-help-text{color:var(--colour-muted)}.auth-error-text{color:var(--colour-red)}.auth-two-column{grid-template-columns:1fr 1fr;gap:13px;display:grid}.auth-form-options{justify-content:space-between;align-items:center;gap:15px;display:flex}.auth-form-options>a,.auth-card-footer a,.auth-terms a{color:var(--colour-accent);font-size:.75rem;font-weight:650}.auth-checkbox{color:var(--colour-muted);cursor:pointer;align-items:center;gap:9px;font-size:.75rem;display:inline-flex;position:relative}.auth-checkbox input{opacity:0;position:absolute}.auth-checkbox>span{border:1px solid var(--colour-border);background:#fff;border-radius:5px;flex:none;width:18px;height:18px;display:block;position:relative}.auth-checkbox input:checked+span{border-color:var(--colour-accent);background:var(--colour-accent)}.auth-checkbox input:checked+span:after{content:"";border-bottom:2px solid #fff;border-right:2px solid #fff;width:5px;height:9px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.auth-terms{align-items:flex-start}.auth-terms p{margin:0;line-height:1.55}.auth-primary-button{color:#fff;background:linear-gradient(135deg,var(--colour-accent),#1554eb);border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;padding:12px 18px;font-size:.84rem;font-weight:700;display:flex;box-shadow:0 10px 22px #1b5cf638}.auth-primary-button:hover:not(:disabled){transform:translateY(-2px)}.auth-primary-button:disabled{cursor:wait;opacity:.7}.auth-message{border-radius:9px;align-items:flex-start;gap:9px;padding:11px 12px;font-size:.75rem;line-height:1.45;display:flex}.auth-message svg{flex:none;width:17px;height:17px}.auth-message--error{color:#b53228;background:var(--colour-light-red);border:1px solid #fc382833}.auth-message--success{color:#14845f;background:var(--colour-light-green);border:1px solid #31c49538}.auth-card-footer{border-top:1px solid var(--colour-border);color:var(--colour-muted);text-align:center;margin-top:24px;padding-top:20px;font-size:.78rem}.auth-card-footer p{margin:0}.auth-back-link{align-items:center;gap:7px;display:inline-flex}.auth-centred-icon{width:58px;height:58px;color:var(--colour-accent);background:var(--colour-light-blue);border-radius:18px;place-items:center;margin:0 auto 4px;font-size:24px;display:grid}@media (width<=1050px){.auth-page{grid-template-columns:minmax(340px,.8fr) minmax(480px,1.2fr)}.auth-visual-panel{padding-inline:34px}.auth-visual-cards{grid-template-columns:1fr}}@media (width<=820px){.auth-page{display:block}.auth-visual-panel{display:none}.auth-form-panel{min-height:100vh;padding:24px 16px 40px}.auth-mobile-brand{width:min(100%,520px);margin-bottom:24px;display:block}.auth-mobile-brand .auth-brand strong{color:var(--colour-primary)}.auth-mobile-brand .auth-brand small{color:var(--colour-muted)}}@media (width<=560px){.auth-card{border-radius:18px;padding:24px 20px}.auth-card-header h2{font-size:1.65rem}.auth-two-column{grid-template-columns:1fr}.auth-form-options{flex-direction:column;align-items:flex-start}}:root{--font-heading:"Poppins", sans-serif;--font-body:"Inter", sans-serif;--primary:#001137;--accent:#1b5cf6;--green:#31c495;--orange:#fcbd1b;--surface:#fff;--background:#f5f6fb;--text:#11182d;--muted:#6f7b8e;--border:#e5e8f0;--colour-red:#fc3828;--width:1180px}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--text);background:var(--background)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}.site-header{z-index:50;background:#ffffffeb;border-bottom:1px solid #e5e8f0e6;position:sticky;top:0}.header-inner{width:min(var(--width), calc(100% - 32px));justify-content:space-between;align-items:center;min-height:74px;margin:0 auto;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#31c495,#0fa869);border-radius:15px 15px 15px 5px;place-items:center;width:43px;height:43px;font-size:1.35rem;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand strong{font-family:var(--font-heading);letter-spacing:-.04em;font-size:1.2rem}.brand strong span{color:var(--green)}.brand small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:.58rem;font-weight:700}.site-nav{align-items:center;gap:24px;display:flex}.site-nav>a{color:#46536a;font-size:.82rem;font-weight:600}.site-nav>a.active{color:var(--accent)}.login-link,.nav-cta{border-radius:9px;padding:10px 14px}.login-link{border:1px solid var(--border);background:#fff}.nav-cta{background:var(--accent);color:#fff!important}.menu-button{width:40px;height:40px;color:var(--primary);background:#edf3ff;border-radius:10px;place-items:center;font-size:1.2rem;display:none}.hero{width:min(var(--width), calc(100% - 32px));grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);align-items:center;gap:50px;margin:0 auto;padding:88px 0;display:grid}.eyebrow{color:var(--accent);letter-spacing:.11em;text-transform:uppercase;font-size:.72rem;font-weight:800}.hero h1,.page-hero h1{font-family:var(--font-heading);letter-spacing:-.06em;margin:14px 0 18px;font-size:clamp(3rem,6vw,5.4rem);line-height:1.02}.hero-copy>p,.page-hero>p{color:var(--muted);margin:0;font-size:1rem;line-height:1.72}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.primary-link,.secondary-link,.light-link{border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 18px;font-size:.82rem;font-weight:700;display:inline-flex}.primary-link{color:#fff;background:linear-gradient(135deg, var(--accent), #1554eb);box-shadow:0 10px 24px #1b5cf638}.secondary-link{border:1px solid var(--border);background:#fff}.light-link{color:var(--primary);background:#fff}.full{width:100%;margin-top:22px}.trust-row{flex-wrap:wrap;gap:16px;margin-top:26px;display:flex}.trust-row span{color:#5a6678;align-items:center;gap:6px;font-size:.73rem;display:inline-flex}.trust-row svg{color:var(--green)}.hero-card{border:1px solid var(--border);background:#fff;border-radius:24px;padding:22px;box-shadow:0 28px 68px #0f1d3e24}.hero-card-head{justify-content:space-between;align-items:center;display:flex}.hero-card-head span,.hero-card-head strong{display:block}.hero-card-head>div>span{color:var(--muted);font-size:.68rem}.hero-card-head strong{font-family:var(--font-heading);margin-top:4px}.live-pill{color:#15835d;background:#eaf9f3;border-radius:999px;padding:7px 10px;font-size:.66rem;font-weight:700}.mini-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;display:grid}.mini-stats article{border:1px solid var(--border);background:#fbfcfe;border-radius:12px;padding:12px}.mini-stats span,.mini-stats strong,.mini-stats small{display:block}.mini-stats span{color:var(--muted);font-size:.64rem}.mini-stats strong{font-family:var(--font-heading);margin-top:5px;font-size:1.3rem}.mini-stats small{color:#4d8268;margin-top:4px;font-size:.58rem}.bars{border:1px solid var(--border);background-color:#fff;background-image:linear-gradient(#edf1f7 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:14px;justify-content:space-between;align-items:end;gap:10px;height:170px;margin-top:16px;padding:18px;display:flex}.bars span{background:linear-gradient(180deg, var(--green), #199b71);border-radius:6px 6px 2px 2px;flex:1}.activity-row{border-bottom:1px solid var(--border);grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 3px;display:grid}.activity-row:last-child{border-bottom:0}.activity-row strong,.activity-row small{display:block}.activity-row strong{font-size:.74rem}.activity-row small{color:var(--muted);margin-top:3px;font-size:.62rem}.dot{border-radius:50%;width:9px;height:9px}.dot.green{background:var(--green)}.dot.orange{background:var(--orange)}.content-section{width:min(var(--width), calc(100% - 32px));margin:0 auto;padding:72px 0}.section-heading{text-align:center;max-width:760px;margin:0 auto}.section-heading h2,.cta-section h2,.custom-pricing h2,.contact-info h2{font-family:var(--font-heading);letter-spacing:-.045em;margin:10px 0 12px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.1}.section-heading p,.cta-section p,.custom-pricing p,.contact-info>p{color:var(--muted);margin:0;line-height:1.7}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px;display:grid}.feature-card{border:1px solid var(--border);background:#fff;border-radius:18px;padding:22px;box-shadow:0 8px 24px #0f1d3e0d}.feature-icon{width:46px;height:46px;color:var(--accent);background:#edf3ff;border-radius:13px;place-items:center;font-size:1.2rem;display:grid}.feature-card h3{font-family:var(--font-heading);margin:16px 0 8px;font-size:1rem}.feature-card p{color:var(--muted);margin:0;font-size:.82rem;line-height:1.65}.cta-section{width:min(var(--width), calc(100% - 32px));color:#fff;background:linear-gradient(135deg,#001137,#12366f);border-radius:24px;justify-content:space-between;align-items:center;gap:36px;margin:68px auto;padding:40px;display:flex}.cta-section .eyebrow{color:#8eb7ff}.cta-section h2{color:#fff}.cta-section p{color:#ffffffb3;max-width:650px}.page-hero{text-align:center;width:min(820px,100% - 32px);margin:0 auto;padding:78px 0 42px}.page-hero h1{font-size:clamp(2.6rem,6vw,4.7rem)}.page-hero>p{max-width:680px;margin:0 auto}.billing-toggle{border:1px solid var(--border);background:#fff;border-radius:12px;gap:4px;margin-top:25px;padding:4px;display:inline-flex}.billing-toggle button{color:var(--muted);background:0 0;border-radius:8px;padding:10px 14px;font-size:.74rem;font-weight:650}.billing-toggle button.active{color:#fff;background:var(--accent)}.billing-toggle span{margin-left:4px;font-size:.58rem}.pricing-grid{width:min(var(--width), calc(100% - 32px));grid-template-columns:repeat(3,1fr);gap:18px;margin:10px auto;display:grid}.pricing-card{border:1px solid var(--border);background:#fff;border-radius:22px;padding:28px;position:relative;box-shadow:0 12px 34px #0f1d3e0f}.pricing-card.featured{border-color:#1b5cf659;transform:translateY(-10px);box-shadow:0 24px 56px #1b5cf624}.popular{color:#fff;background:var(--accent);border-radius:999px;padding:7px 12px;font-size:.64rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card h2{font-family:var(--font-heading);margin:0}.pricing-card>p{min-height:65px;color:var(--muted);margin:8px 0 0;font-size:.8rem;line-height:1.55}.price{align-items:end;gap:7px;margin-top:22px;display:flex}.price strong{font-family:var(--font-heading);font-size:3rem;line-height:1}.price span{color:var(--muted);margin-bottom:6px;font-size:.72rem}.plan-features{gap:11px;margin-top:24px;display:grid}.plan-features span{color:#4d5a6e;align-items:center;gap:8px;font-size:.76rem;display:flex}.plan-features svg{color:var(--green)}.custom-pricing{width:min(var(--width), calc(100% - 32px));border:1px solid var(--border);background:#fff;border-radius:22px;justify-content:space-between;align-items:center;gap:30px;margin:68px auto;padding:34px;display:flex}.custom-pricing h2{margin:8px 0;font-size:2rem}.contact-layout{width:min(var(--width), calc(100% - 32px));grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:28px;margin:0 auto 78px;display:grid}.contact-info{gap:13px;display:grid}.contact-info>article{border:1px solid var(--border);background:#fff;border-radius:14px;grid-template-columns:42px 1fr;align-items:center;gap:12px;padding:14px;display:grid}.contact-info>article>svg{width:42px;height:42px;color:var(--accent);background:#edf3ff;border-radius:12px;padding:11px}.contact-info strong,.contact-info span{display:block}.contact-info strong{font-size:.77rem}.contact-info span{color:var(--muted);margin-top:4px;font-size:.72rem}.contact-card{border:1px solid var(--border);background:#fff;border-radius:22px;max-width:900px;margin:auto;padding:30px;box-shadow:0 18px 45px #0f1d3e17}.contact-card header h2{font-family:var(--font-heading);margin:0}.contact-card header p{color:var(--muted);margin:7px 0 0;font-size:.82rem}.form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;display:grid}.form-group{gap:7px;display:grid}.form-group.full{grid-column:1/-1}.form-group label{font-size:.74rem;font-weight:650}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);background:#fff;border-radius:10px;outline:none;width:100%;padding:11px 12px}.form-group input,.form-group select{min-height:45px}.form-group textarea{resize:vertical;min-height:150px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #1b5cf61a}.form-group small{color:var(--muted);justify-self:end;font-size:.65rem}.contact-button{width:100%;margin-top:20px}.contact-button:disabled{opacity:.7;cursor:wait}.success-message{color:#15805c;background:#eaf9f3;border:1px solid #31c49538;border-radius:10px;align-items:center;gap:8px;margin-top:18px;padding:11px 12px;font-size:.74rem;display:flex}.site-footer{padding:48px max(16px, calc((100% - var(--width)) / 2));color:#ffffffb8;background:var(--primary);margin-top:68px}.site-footer .brand strong{color:#fff}.site-footer .brand small{color:#ffffff85}.footer-grid{grid-template-columns:1.6fr 1fr 1fr;gap:38px;display:grid}.footer-grid>div:first-child>p{max-width:430px;margin:18px 0 0;font-size:.78rem;line-height:1.7}.footer-links{align-content:start;gap:10px;display:grid}.footer-links strong{color:#fff;margin-bottom:4px;font-size:.8rem}.footer-links a{font-size:.72rem}.footer-bottom{border-top:1px solid #ffffff1a;margin-top:36px;padding-top:18px;font-size:.68rem}.form-footer{justify-content:space-between;align-items:center;margin-top:30px;display:flex}.logout-button{background:var(--colour-red)}@media (width<=960px){.hero{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-actions,.trust-row{justify-content:center}.hero-card{width:min(100%,620px);margin:0 auto}.feature-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr;max-width:620px}.pricing-card.featured{transform:none}.contact-layout{grid-template-columns:1fr}}@media (width<=760px){.menu-button{display:grid}.site-nav{border:1px solid var(--border);background:#fff;border-radius:15px;flex-direction:column;align-items:stretch;gap:4px;padding:14px;display:none;position:absolute;top:74px;left:16px;right:16px;box-shadow:0 18px 45px #0f1d3e1f}.site-nav.open{display:flex}.site-nav>a{padding:10px}.cta-section,.custom-pricing{flex-direction:column;align-items:flex-start}.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:auto}}@media (width<=540px){.header-inner,.hero,.content-section,.cta-section,.pricing-grid,.custom-pricing,.contact-layout{width:min(100% - 20px, var(--width))}.brand small{display:none}.hero h1{font-size:clamp(2.5rem,12vw,4rem)}.feature-grid,.mini-stats{grid-template-columns:1fr}.cta-section{padding:28px 22px}.contact-card{padding:22px}.footer-grid{grid-template-columns:1fr}}.crud-page{width:100%;max-width:1100px}.crud-card{background:var(--colour-surface);border:1px solid #e6eaf3;border-radius:16px;padding:30px;box-shadow:0 6px 24px #0000000a}.crud-page-header{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:30px;display:flex}.crud-page-header h1{font-family:var(--font-heading);color:var(--colour-primary);margin-bottom:6px;font-size:2rem;font-weight:700}.crud-page-header p{color:var(--colour-muted);font-size:.95rem}.crud-page-footer{flex-wrap:wrap;justify-content:space-evenly;gap:18px;margin-top:32px;display:flex}.crud-back-button{color:var(--colour-accent);background:#eef3ff;border-radius:10px;align-items:center;gap:10px;margin-bottom:18px;padding:10px 18px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.crud-back-button:hover{background:var(--colour-accent);color:#fff}.crud-actions{gap:12px;margin-top:20px;display:flex}.btn{cursor:pointer;border:none;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-primary{background:var(--colour-accent);color:#fff}.btn-primary:hover{background:#1147cb}.btn-secondary{color:var(--colour-text);background:#eef2f8}.btn-secondary:hover{background:#dde5f1}.btn-danger{color:var(--colour-red);background:#fcecec}.btn-danger:hover{background:var(--colour-red);color:#fff}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;display:grid}.detail-field{flex-direction:column;gap:8px;display:flex}.detail-label{color:var(--colour-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.detail-value{background:#f8fafd;border:1px solid #e9edf5;border-radius:10px;align-items:center;min-height:48px;padding:0 16px;font-weight:500;display:flex}.edit-form{flex-direction:column;gap:28px;display:flex}.edit-form-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.edit-field{flex-direction:column;gap:8px;display:flex}.edit-field-full{grid-column:1/-1}.edit-field span{color:var(--colour-text);font-size:.85rem;font-weight:600}.edit-field input,.edit-field textarea,.edit-field select{background:#fff;border:1px solid #d9dfea;border-radius:10px;outline:none;width:100%;padding:14px 16px;font-size:.95rem;transition:all .25s}.edit-field textarea{resize:vertical}.edit-field input:focus,.edit-field textarea:focus,.edit-field select:focus{border-color:var(--colour-accent);box-shadow:0 0 0 4px #1b5cf614}.edit-checkbox{align-items:center;gap:10px;margin-top:8px;font-weight:600;display:flex}.edit-checkbox input{width:18px;height:18px}.edit-form-actions{justify-content:flex-end;gap:14px;display:flex}.delete-page{justify-content:center;align-items:center;display:flex}.delete-card{text-align:center;background:#fff;border:1px solid #e7ebf3;border-radius:16px;width:100%;max-width:600px;padding:40px;box-shadow:0 8px 30px #0000000d}.delete-icon{width:90px;height:90px;color:var(--colour-red);background:#fff0ef;border-radius:50%;justify-content:center;align-items:center;margin:auto auto 20px;font-size:2.3rem;display:flex}.delete-card h1{font-family:var(--font-heading);color:var(--colour-primary);margin-bottom:10px;font-size:2rem}.delete-card p{color:var(--colour-muted);line-height:1.7}.delete-item-name{color:var(--colour-primary);margin:24px 0;font-size:1.2rem;font-weight:700;display:block}.delete-warning{color:var(--colour-red);margin-bottom:30px;font-weight:600}.delete-actions{justify-content:center;gap:18px;display:flex}.table-status{border-radius:30px;justify-content:center;align-items:center;padding:6px 14px;font-size:.75rem;font-weight:600;display:inline-flex}.table-status.active{background:var(--colour-light-green);color:var(--colour-green)}.table-status.inactive{color:var(--colour-red);background:#fff1f1}.table-code{color:var(--colour-accent);background:#eef3ff;border-radius:8px;padding:5px 10px;font-size:.8rem;font-weight:600;display:inline-flex}@media (width<=768px){.crud-page-header{flex-direction:column}.crud-actions{width:100%}.crud-actions .btn{flex:1}.edit-form-grid,.detail-grid{grid-template-columns:1fr}.delete-actions{flex-direction:column}.delete-card{padding:25px}}