:root{--brand-primary: #0A3F2E;--brand-bg: #E9F4E9;--brand-text: #0A3F2E;--brand-text-inverse: #FFFFFF;--brand-border-on-dark: rgba(255,255,255,.2);--brand-border-on-light: rgba(10,63,46,.2);--brand-surface-alt: rgba(255,255,255,.06);--brand-row: #0C5A3E;--brand-accent-light: #BFEAD0}.input-dark{background:#fff;color:var(--brand-text);border:1.5px solid var(--brand-primary);border-radius:8px;padding:.7rem 1rem;font-size:1rem;outline:none;margin-bottom:.2rem;box-sizing:border-box;transition:border .2s}.input-dark:focus{border-color:#073225}.primary-btn{background:var(--brand-primary);color:var(--brand-text-inverse);border:none;border-radius:8px;padding:.8rem 1.5rem;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #0a3f2e40;transition:background .2s,color .2s,box-shadow .2s}.primary-btn:hover{background:#073225;color:var(--brand-text-inverse);box-shadow:0 4px 14px #0a3f2e47}.form-container{background:var(--brand-primary);border-radius:16px;border:1px solid var(--brand-border-on-dark);box-shadow:0 6px 28px #00000059;color:var(--brand-text-inverse)}.brand-table{width:100%;border-collapse:collapse}.brand-table thead tr{background:var(--brand-primary);color:var(--brand-text-inverse)}.brand-table tbody tr{background:var(--brand-row);color:var(--brand-text-inverse)}.brand-table th,.brand-table td{padding:12px;text-align:left}.brand-table tbody tr+tr{border-top:1px solid rgba(255,255,255,.06)}.table-scroll{display:block;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;box-sizing:border-box}.brand-table.fixed{width:max-content;min-width:100%;table-layout:auto}.brand-table.fixed th,.brand-table.fixed td{white-space:nowrap}@media (max-width: 768px){.brand-table{min-width:640px}.input-dark{width:100%}.customer-form-grid,.customer-form-grid .grid-3{grid-template-columns:1fr!important}.customer-form-grid .upload-grid>*{min-width:0}.hide-on-mobile{display:none!important}.show-on-mobile{display:block!important}}.show-on-mobile{display:none!important}.hide-on-mobile{display:block!important}.mobile-card{background:var(--brand-primary);color:var(--brand-text-inverse);border:1px solid var(--brand-border-on-dark);border-radius:12px;padding:12px;box-shadow:0 6px 18px #00000040}.mobile-card+.mobile-card{margin-top:12px}.mobile-card .row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.mobile-card .label{color:#ffffffb3;font-size:12px}.mobile-card .value{color:var(--brand-text-inverse);font-weight:600}.mobile-card .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px;flex-wrap:wrap}.customer-form-outer{width:100%;padding:16px;display:flex;justify-content:center}.customer-form-container{width:100%;max-width:860px;margin:0 auto;padding:1.25rem;overflow-x:hidden}@media (max-width: 768px){.customer-form-outer{padding-left:clamp(8px,3vw,14px);padding-right:clamp(8px,3vw,14px)}.customer-form-container{padding:1rem}}:root{font-family:Figtree,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--brand-text);background-color:var(--brand-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--brand-primary);text-decoration:none}a:hover{text-decoration:underline}html{overflow-x:hidden}body{margin:0;min-width:320px;min-height:100vh;background:var(--brand-bg);color:var(--brand-text);overflow-x:hidden}#root{max-width:100vw;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1.5px solid var(--brand-primary);padding:.6em 1.2em;font-size:1em;font-weight:600;font-family:inherit;background-color:transparent;color:var(--brand-primary);cursor:pointer;transition:border-color .2s,color .2s,background-color .2s,box-shadow .2s}button:hover{background-color:#0a3f2e0f}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.btn-outline-primary{border-color:var(--brand-primary);color:var(--brand-primary);background-color:transparent}.btn-outline-primary:hover{border-color:#073225;color:#073225;background-color:#0a3f2e14}.btn-outline-info{border-color:#3b82f6;color:#3b82f6;background-color:transparent}.btn-outline-info:hover{border-color:#2563eb;color:#2563eb;background-color:#3b82f614}.btn-outline-warning{border-color:#f59e0b;color:#f59e0b;background-color:transparent}.btn-outline-warning:hover{border-color:#d97706;color:#d97706;background-color:#f59e0b14}.btn-outline-success{border-color:#22c55e;color:#22c55e;background-color:transparent}.btn-outline-success:hover{border-color:#16a34a;color:#16a34a;background-color:#22c55e14}.btn-outline-danger{border-color:#ef4444;color:#ef4444;background-color:transparent}.btn-outline-danger:hover{border-color:#dc2626;color:#dc2626;background-color:#ef444414}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=date],select,textarea{background:#fff;color:var(--brand-text);border:1.5px solid var(--brand-primary);border-radius:8px;box-sizing:border-box}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=date]:focus,select:focus,textarea:focus{outline:none;border-color:#073225}.sidebar{position:fixed;top:0;left:0;height:100vh;width:64px;background:var(--brand-primary);transition:width .22s ease,box-shadow .18s ease;z-index:100;box-shadow:2px 0 16px #0008;display:flex;flex-direction:column;align-items:center;overflow:hidden}.sidebar.expanded{width:240px;box-shadow:4px 0 32px #000a}.sidebar-header{display:flex;align-items:center;height:72px;width:100%;padding:0 1rem;border-bottom:1px solid rgba(255,255,255,.15);margin-bottom:1rem;overflow:hidden}.sidebar-logo{width:40px;height:40px;margin-right:0}.sidebar-company{color:var(--brand-text-inverse);font-size:1.2rem;font-weight:700;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:40px;height:40px;display:flex;align-items:center}.sidebar-nav{display:flex;flex-direction:column;width:100%;margin-top:1rem;flex:1}.sidebar-link{display:flex;align-items:center;padding:.9rem 1.2rem;color:var(--brand-text-inverse);text-decoration:none;font-size:1.08rem;border-left:4px solid transparent;transition:background .15s,border .15s,color .15s;position:relative}.sidebar-link.active,.sidebar-link:hover{background:#ffffff14;color:#fff;border-left:4px solid #fff}.sidebar-footer{margin-top:auto;width:100%;padding-top:8px;border-top:1px solid rgba(255,255,255,.12)}.sidebar-link.logout-btn{border-top:none;color:#ff6b6b}.sidebar-link.logout-btn:hover{color:#ff5252;border-left:4px solid #ff5252}.sidebar-icon{font-size:1.4rem;margin-right:.8rem;min-width:24px;text-align:center}.sidebar-label{white-space:nowrap;font-weight:500;overflow:hidden;display:inline-block;max-width:0;opacity:0;transition:max-width .22s ease,opacity .18s ease}.sidebar.expanded .sidebar-label{max-width:180px;opacity:1}@media (max-width: 700px){.sidebar{transform:translate(-100%);transition:transform .2s ease;width:240px}.sidebar.expanded,.sidebar.force-open{transform:translate(0)}}