@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:JetBrains Mono,Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--ink:#0a0a0a;--ink-hover:#1a1a1a;--ink-dark:#3a3a3a;--muted:#6b6b6b;--placeholder:#909090;--border-lt:#c8c8c8;--border:#e8e8e8;--bg-subtle:#f0f0f0;--bg-page:#f7f7f7;--surface:#fff;--danger:#dc2626;--success:#059669;--font:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif;--r-sm:8px;--r-md:10px;--r-lg:12px;--shadow-sm:0 1px 3px #00000012,0 1px 2px #0000000a;--shadow-md:0 4px 16px #0000001a,0 2px 4px #0000000f;--shadow-lg:0 8px 32px #00000024,0 2px 8px #00000014}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f7f7;background:var(--bg-page);color:#0a0a0a;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-family:var(--font);font-size:14px}#root,.App,body,html{height:100%}button,input,select,textarea{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-family:var(--font)}a{color:inherit;text-decoration:none}button{cursor:pointer}.loading{align-items:center;background:#f7f7f7;background:var(--bg-page);color:#6b6b6b;color:var(--muted);display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:16px;justify-content:center;min-height:100vh}.loading:after{animation:spin .75s linear infinite;border:2.5px solid #e8e8e8;border-top-color:#0a0a0a;border:2.5px solid var(--border);border-radius:50%;border-top-color:var(--ink);content:"";height:28px;width:28px}@keyframes spin{to{transform:rotate(1turn)}}.login-root{display:flex;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-family:var(--font,-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif);min-height:100vh;min-height:100dvh}.login-left{align-items:stretch;background:#0a0a0a;display:flex;overflow:hidden;padding:48px 52px;position:relative;width:45%}.login-left:before{background:radial-gradient(ellipse 70% 60% at 20% 30%,#ffffff08 0,#0000 70%),radial-gradient(ellipse 50% 70% at 85% 85%,#ffffff05 0,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute}.login-left-inner{display:flex;flex-direction:column;gap:32px;position:relative;width:100%;z-index:1}.login-brand{gap:10px}.login-brand,.login-brand-mark{align-items:center;display:flex}.login-brand-mark{background:#fff;border-radius:4px;flex-shrink:0;height:22px;justify-content:center;width:22px}.login-brand-mark-inner{background:#0a0a0a;border-radius:2px;height:9px;width:9px}.login-brand-name{color:#fff;font-size:32px;font-weight:800;letter-spacing:-1px;line-height:1}.login-tagline{color:#ffffff8c;font-size:14px;font-weight:400;line-height:1.6;max-width:340px}.login-features-box{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;margin-top:auto;padding:20px 22px}.login-features-list{display:flex;flex-direction:column;gap:13px;list-style:none}.login-features-list li{align-items:flex-start;color:#ffffffb3;display:flex;font-size:13.5px;font-weight:400;gap:10px;line-height:1.45}.feature-check{color:#fff;flex-shrink:0;font-size:13px;font-weight:700;margin-top:1px}.login-right{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:48px 40px}.login-form-wrap{display:flex;flex-direction:column;gap:0;max-width:380px;width:100%}.login-mobile-brand{display:none}.login-form-card{flex:1 1}.login-form-header{margin-bottom:28px}.login-heading{color:#0a0a0a;font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0 0 6px}.login-sub{color:#888;font-size:14px;font-weight:400;margin:0}.login-error{animation:msgIn .2s ease;background:#fff5f5;border:1.5px solid #fecaca;border-left:3px solid #dc2626;border-radius:8px;color:#b91c1c;font-size:13.5px;font-weight:500;margin-bottom:20px;padding:11px 14px}.login-form{gap:0}.lf-group,.login-form{display:flex;flex-direction:column}.lf-group{gap:7px;margin-bottom:18px}.lf-label{color:#1a1a1a;font-size:13px;font-weight:600;letter-spacing:.1px}.lf-input{-webkit-appearance:none;background:#fafafa;border:1.5px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:#0a0a0a;font-family:inherit;font-size:14px;font-weight:500;outline:none;padding:12px 14px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;width:100%}.lf-input::placeholder{color:#b0b0b0;font-weight:400}.lf-input:hover:not(:disabled){background:#fff;border-color:silver}.lf-input:focus{background:#fff;border-color:#0a0a0a;box-shadow:0 0 0 3px #0a0a0a14}.lf-input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.lf-password-wrap{align-items:center;display:flex;position:relative}.lf-input--password{padding-right:44px}.lf-eye-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#a0a0a0;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:5px;position:absolute;right:11px;transition:color .15s ease,background .15s ease}.lf-eye-btn:hover:not(:disabled){background:#0000000d;color:#0a0a0a}.lf-eye-btn:disabled{cursor:not-allowed;opacity:.4}.lf-submit-btn{background:#0a0a0a;border:none;border-radius:8px;box-shadow:0 2px 8px #00000029;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:.2px;margin-top:6px;padding:13px 24px;transition:background .15s ease,box-shadow .15s ease,transform .15s ease;width:100%}.lf-submit-btn:hover:not(:disabled){background:#1f1f1f;box-shadow:0 6px 18px #0003;transform:translateY(-1px)}.lf-submit-btn:active:not(:disabled){box-shadow:0 2px 6px #00000029;transform:translateY(0)}.lf-submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.login-demo-section{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:28px}.login-demo-toggle{background:#0000;border:none;color:#909090;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:500;padding:0;text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.login-demo-toggle:hover{color:#0a0a0a}.login-demo-box{animation:msgIn .15s ease;background:#f8f8f8;border:1px solid #ebebeb;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:14px 16px;width:100%}.demo-row{align-items:center;display:flex;gap:10px}.demo-label{color:#888;min-width:58px}.demo-label,.demo-value{font-size:12px;font-weight:600}.demo-value{background:#fff;border:1px solid #e0e0e0;border-radius:5px;color:#0a0a0a;font-family:SF Mono,Fira Code,Courier New,monospace;padding:3px 8px}@media (max-width:820px){.login-left{display:none}.login-right{padding:40px 24px;width:100%}}@media (max-width:600px){.login-root{background:#0a0a0a;flex-direction:column}.login-left{display:none}.login-right{align-items:flex-start;background:#0000;flex:1 1;justify-content:flex-start;overflow-y:auto;padding:0}.login-form-wrap{display:flex;flex-direction:column;max-width:100%;min-height:100dvh;width:100%}.login-mobile-brand{background:#0a0a0a;display:flex;flex-direction:column;gap:10px;overflow:hidden;padding:52px 28px 36px;position:relative}.login-mobile-brand:before{background:radial-gradient(ellipse 80% 100% at 10% 0,#ffffff0a 0,#0000 65%);content:"";inset:0;pointer-events:none;position:absolute}.login-mobile-brand .login-brand{position:relative;z-index:1}.login-mobile-brand .login-brand-mark{height:28px;width:28px}.login-mobile-brand .login-brand-mark-inner{height:11px;width:11px}.login-mobile-brand .login-brand-name{font-size:26px;letter-spacing:-.8px}.login-mobile-tagline{color:#ffffff80;font-size:13.5px;font-weight:400;line-height:1.5;position:relative;z-index:1}.login-form-card{background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -4px 24px #0000001f;flex:1 1;padding:28px 24px calc(32px + env(safe-area-inset-bottom, 0px))}.login-form-header{margin-bottom:22px}.login-heading{font-size:20px;letter-spacing:-.4px}.login-sub{font-size:13.5px}.lf-input{border-radius:10px;font-size:16px;padding:13px 14px}.lf-submit-btn{border-radius:10px;font-size:15px;margin-top:8px;padding:15px 24px}.lf-group{margin-bottom:16px}.login-demo-section{margin-top:24px}.login-error{font-size:13px;padding:10px 13px}}.db-container{background:#f7f7f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:2rem;width:100%}.db-header{border-bottom:1px solid #e0e0e0;margin:0 auto 2rem;max-width:1200px;padding-bottom:1.5rem}.db-page-title{font-size:2rem;font-weight:700;letter-spacing:-.5px}.db-page{background:#f7f7f7;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-family:var(--font,-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif);min-height:100%}.db-content{margin:0 auto;max-width:1100px;padding:36px 28px 60px}.db-page-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:28px}.db-page-title{color:#0a0a0a;font-size:24px;font-weight:800;letter-spacing:-.6px;margin:0}.db-action-btn{align-items:center;background:#0a0a0a;border:none;border-radius:8px;box-shadow:0 2px 6px #00000024;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:7px;padding:10px 18px;transition:background .15s ease,box-shadow .15s ease,transform .15s ease;white-space:nowrap}.db-action-btn:hover{background:#1a1a1a;box-shadow:0 4px 12px #0000002e;transform:translateY(-1px)}.db-action-btn:active{transform:translateY(0)}.db-message{animation:msgIn .2s ease;border-radius:8px;font-size:13.5px;font-weight:500;margin-bottom:20px;padding:12px 16px}.db-message--success{background:#f0fdf4;border:1.5px solid #bbf7d0;border-left:3px solid #059669;color:#065f46}.db-message--error{background:#fff5f5;border:1.5px solid #fecaca;border-left:3px solid #dc2626;color:#b91c1c}@keyframes msgIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.db-stats-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:1200px}.db-stat-card{background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;gap:6px;min-height:110px;padding:20px 22px;transition:box-shadow .15s ease}.db-stat-card:hover{box-shadow:0 4px 16px #00000017}.db-stat-card--highlight{background:#f5f5f5;border-color:#d0d0d0}.db-stat-card--highlight:hover{box-shadow:0 2px 8px #00000014}.db-stat-icon{color:#909090;margin-bottom:4px}.db-stat-label{color:#909090;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.db-stat-value{color:#0a0a0a;font-size:17px;font-weight:700;letter-spacing:-.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-section-heading{align-items:baseline;display:flex;gap:10px;margin-bottom:16px}.db-section-title{color:#0a0a0a;font-size:18px;font-weight:700;letter-spacing:-.3px;margin:0}.db-section-count{color:#909090;font-size:12px;font-weight:600}.db-card{background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 1px 3px #0000000f;margin-bottom:20px;overflow:hidden}.db-card--form{padding:22px 24px}.db-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.db-card-title{color:#0a0a0a;font-size:15px;font-weight:700;letter-spacing:-.2px;margin:0}.db-card-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#909090;cursor:pointer;display:flex;font-family:inherit;font-size:16px;height:28px;justify-content:center;padding:0;transition:background .15s ease,color .15s ease;width:28px}.db-card-close:hover{background:#f0f0f0;color:#0a0a0a}.db-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:18px}.db-form-group{display:flex;flex-direction:column;gap:7px}.db-form-label{color:#1a1a1a;font-size:13px;font-weight:600;letter-spacing:.1px}.db-form-input{background:#fafafa;border:1.5px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:#0a0a0a;font-family:inherit;font-size:13.5px;font-weight:500;outline:none;padding:10px 13px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;width:100%}.db-form-input::placeholder{color:#b8b8b8;font-weight:400}.db-form-input:hover:not(:disabled){background:#fff;border-color:silver}.db-form-input:focus{background:#fff;border-color:#0a0a0a;box-shadow:0 0 0 3px #0a0a0a12}.db-form-input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.db-pw-wrap{align-items:center;display:flex;position:relative}.db-form-input--pw{padding-right:40px}.db-eye-btn{align-items:center;background:#0000;border:none;border-radius:5px;color:#a0a0a0;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:10px;transition:color .15s ease,background .15s ease}.db-eye-btn:hover:not(:disabled){background:#0000000d;color:#0a0a0a}.db-eye-btn:disabled{cursor:not-allowed;opacity:.4}.db-form-actions{display:flex;justify-content:flex-end}.db-submit-btn{background:#0a0a0a;border:none;border-radius:8px;box-shadow:0 2px 6px #00000024;color:#fff;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:700;padding:10px 22px;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.db-submit-btn:hover:not(:disabled){background:#1a1a1a;box-shadow:0 4px 12px #0000002e;transform:translateY(-1px)}.db-submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.db-form-error{background:#fff5f5;border:1.5px solid #fecaca;border-left:3px solid #dc2626;border-radius:8px;color:#b91c1c}.db-form-error,.db-form-success{font-size:13px;font-weight:500;margin-bottom:14px;padding:10px 13px}.db-form-success{background:#f0fdf4;border:1.5px solid #bbf7d0;border-left:3px solid #059669;border-radius:8px;color:#065f46}.db-table-wrap{overflow-x:auto}.db-table{border-collapse:collapse;font-size:13.5px;width:100%}.db-table thead tr{background:#f7f7f7;border-bottom:1px solid #e8e8e8}.db-table th{color:#909090;font-size:11px;font-weight:700;letter-spacing:.8px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.db-table tbody tr{border-bottom:1px solid #f3f3f3;transition:background .12s ease}.db-table tbody tr:last-child{border-bottom:none}.db-table tbody tr:hover{background:#fafafa}.db-table td{color:#3a3a3a;font-weight:500;padding:14px 16px;vertical-align:middle}.db-td-name{color:#0a0a0a;font-weight:600}.db-td-email{color:#5a5a5a}.db-td-muted{color:#909090;font-size:13px}.db-role-badge{background:#f0f0f0;border:1px solid #e0e0e0;border-radius:100px;color:#3a3a3a;display:inline-block;font-size:11.5px;font-weight:600;padding:3px 9px}.db-role-badge--admin{background:#0a0a0a;border-color:#0a0a0a;color:#fff}.db-status-badge{align-items:center;border-radius:100px;display:inline-flex;font-size:11.5px;font-weight:700;gap:5px;padding:4px 9px}.db-status-badge--active{background:#f0f0f0;border:1px solid #d8d8d8;color:#1a1a1a}.db-status-badge--inactive{background:#fafafa;border:1px solid #e8e8e8;color:#9a9a9a}.db-status-badge--active:before{background:#059669;border-radius:50%;content:"";flex-shrink:0;height:6px;width:6px}.db-status-badge--inactive:before{background:#c8c8c8;border-radius:50%;content:"";flex-shrink:0;height:6px;width:6px}.db-action-cell{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.db-tbl-btn{align-items:center;background:#fff;border:1.5px solid #d0d0d0;border-radius:6px;color:#0a0a0a;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;gap:5px;padding:5px 11px;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;white-space:nowrap}.db-tbl-btn:hover:not(:disabled){background:#0a0a0a;border-color:#0a0a0a;color:#fff;transform:translateY(-1px)}.db-tbl-btn--muted{color:#5a5a5a}.db-tbl-btn--muted:hover:not(:disabled){background:#1a1a1a;border-color:#1a1a1a;color:#fff;transform:translateY(-1px)}.db-tbl-btn--danger{background:#fff5f5;border-color:#fbd5d5;color:#c53030}.db-tbl-btn--danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626;color:#fff;transform:translateY(-1px)}.db-tbl-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.db-empty{color:#909090;font-size:14px;font-style:italic;padding:52px 20px;text-align:center}.modal-overlay{align-items:center;animation:backdropIn .15s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0a0a0a8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.modal-card{animation:modalUp .2s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:14px;box-shadow:0 24px 64px #00000047,0 0 0 1px #0000000f;max-width:min(500px,calc(100vw - 40px));overflow:hidden;width:100%}@keyframes modalUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;padding:18px 22px}.modal-header h3{color:#0a0a0a;font-size:16px;font-weight:700;letter-spacing:-.3px;margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#909090;cursor:pointer;display:flex;flex-shrink:0;font-size:17px;height:30px;justify-content:center;padding:0;transition:background .15s ease,color .15s ease;width:30px}.modal-close:hover{background:#f0f0f0;color:#0a0a0a}.modal-form{padding:20px 22px 24px}.modal-info{background:#f7f7f7;border:1px solid #e8e8e8;border-radius:8px;color:#5a5a5a;font-size:13.5px;margin:0 0 18px;padding:11px 14px}.modal-info strong{color:#0a0a0a}.modal-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.cancel-button{background:#0000;border:1.5px solid #d0d0d0;border-radius:8px;color:#2a2a2a;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:600;padding:9px 18px;transition:background .15s ease,border-color .15s ease}.cancel-button:hover:not(:disabled){background:#f0f0f0;border-color:#bbb}.cancel-button:disabled{cursor:not-allowed;opacity:.5}.submit-button{background:#0a0a0a;border:none;border-radius:8px;box-shadow:0 2px 6px #00000024;color:#fff;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:700;padding:9px 20px;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.submit-button:hover:not(:disabled){background:#1a1a1a;box-shadow:0 4px 12px #0000002e;transform:translateY(-1px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.form-group{margin-bottom:16px}.form-group label{color:#1a1a1a;display:block;font-size:13px;font-weight:600;letter-spacing:.1px;margin-bottom:7px}.form-group input{background:#fafafa;border:1.5px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:#0a0a0a;font-family:inherit;font-size:13.5px;font-weight:500;outline:none;padding:10px 13px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.form-group input::placeholder{color:#b8b8b8;font-weight:400}.form-group input:hover:not(:disabled){border-color:silver}.form-group input:focus{border-color:#0a0a0a;box-shadow:0 0 0 3px #0a0a0a12}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:42px}.toggle-password-btn-small{align-items:center;background:#0000;border:none;border-radius:5px;color:#a0a0a0;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:10px;transition:color .15s ease,background .15s ease}.toggle-password-btn-small:hover:not(:disabled){background:#0000000d;color:#0a0a0a}.toggle-password-btn-small:disabled{cursor:not-allowed;opacity:.4}.error-message{background:#fff5f5;border:1.5px solid #fecaca;border-left:3px solid #dc2626;border-radius:8px;color:#b91c1c}.error-message,.success-message{align-items:flex-start;display:flex;font-size:13px;font-weight:500;gap:9px;margin-bottom:14px;padding:10px 13px}.success-message{background:#f0fdf4;border:1.5px solid #bbf7d0;border-left:3px solid #059669;border-radius:8px;color:#065f46}@media (max-width:640px){.modal-overlay{align-items:flex-end;padding:0}.modal-card{animation:modalSheetIn .25s ease;border-radius:16px 16px 0 0;max-width:100%;padding-bottom:env(safe-area-inset-bottom,0)}@keyframes modalSheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-buttons{flex-direction:column-reverse}.cancel-button,.submit-button{font-size:14px;min-width:0;padding:13px;width:100%}.form-group input{font-size:16px}}@media (max-width:768px){.db-content{padding:24px 16px 48px}.db-page-title{font-size:20px}.db-table td:nth-child(4),.db-table td:nth-child(5),.db-table th:nth-child(4),.db-table th:nth-child(5){display:none}}@media (max-width:560px){.db-table td:nth-child(3),.db-table th:nth-child(3){display:none}.db-form-row{grid-template-columns:1fr}}.db-section-divider{border-bottom:2px solid #e0e0e0;margin:2rem 0 1.5rem;padding-bottom:1rem}.db-section-divider h2{color:#0a0a0a;font-size:1.3rem;font-weight:600;margin:0}.db-admin-note{background:#f0f9ff;border:1px solid #bfdbfe;border-left:4px solid #3b82f6;border-radius:6px;color:#1e40af;margin-top:2rem;padding:1rem 1.5rem}.db-admin-note p{font-size:.95rem;line-height:1.5;margin:0}.db-admin-note strong{font-weight:600}.db-loading{background:#f9f9f9;border:1px dashed #d0d0d0;border-radius:8px;color:#666;font-size:1rem;padding:3rem 2rem;text-align:center}.cc-page{background:#f7f7f7;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-family:var(--font,-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif);min-height:100%}.cc-content{margin:0 auto;max-width:1200px;padding:36px 28px 60px}.cc-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.cc-page-title{color:#0a0a0a;font-size:24px;font-weight:800;letter-spacing:-.6px;margin:0}.cc-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.cc-header-btn{align-items:center;background:#fff;border:1.5px solid #d0d0d0;border-radius:8px;color:#0a0a0a;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:7px;padding:9px 16px;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;white-space:nowrap}.cc-header-btn:hover{background:#f0f0f0;border-color:#b0b0b0}.cc-header-btn--active{background:#f0f0f0;border-color:#0a0a0a}.cc-header-btn--primary{background:#0a0a0a;border-color:#0a0a0a;box-shadow:0 2px 6px #00000024;color:#fff}.cc-header-btn--primary:hover{background:#1a1a1a;border-color:#1a1a1a;box-shadow:0 4px 12px #0000002e;color:#fff;transform:translateY(-1px)}.cc-header-btn--active-primary{background:#3a3a3a;border-color:#3a3a3a}.cc-msg{animation:ccMsgIn .2s ease;border-radius:8px;font-size:13.5px;font-weight:500;margin-bottom:18px;padding:12px 16px}.cc-msg--error{background:#fff5f5;border:1.5px solid #fecaca;border-left:3px solid #dc2626;color:#b91c1c}.cc-msg--success{background:#f0fdf4;border:1.5px solid #bbf7d0;border-left:3px solid #059669;color:#065f46}@keyframes ccMsgIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.cc-panel{animation:ccPanelIn .15s ease;background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 1px 3px #0000000f;margin-bottom:20px;overflow:hidden}@keyframes ccPanelIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cc-panel-header{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;padding:18px 24px}.cc-panel-title{color:#0a0a0a;font-size:15px;font-weight:700;letter-spacing:-.2px;margin-bottom:3px}.cc-panel-sub{color:#909090;font-size:13px}.cc-panel-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#909090;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:16px;height:30px;justify-content:center;padding:0;transition:background .15s ease,color .15s ease;width:30px}.cc-panel-close:hover{background:#f0f0f0;color:#0a0a0a}.cc-form{background:#fafafa;padding:20px 24px 24px}.cc-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.cc-form-group{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.cc-form-group:last-child{margin-bottom:0}.cc-form-label{color:#1a1a1a;font-size:13px;font-weight:600;letter-spacing:.1px}.cc-form-input{background:#fff;border:1.5px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:#0a0a0a;font-family:inherit;font-size:13.5px;font-weight:500;outline:none;padding:10px 13px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.cc-form-input::placeholder{color:#b8b8b8;font-weight:400}.cc-form-input:hover:not(:disabled){border-color:silver}.cc-form-input:focus{border-color:#0a0a0a;box-shadow:0 0 0 3px #0a0a0a12}.cc-form-input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.cc-form-hint{color:#909090;font-size:12px}.cc-file-input{background:#fff;border:2px dashed #d0d0d0;border-radius:8px;box-sizing:border-box;color:#5a5a5a;cursor:pointer;display:block;font-family:inherit;font-size:13px;padding:12px;transition:border-color .15s ease,background .15s ease;width:100%}.cc-file-input:hover{background:#f7f7f7;border-color:#0a0a0a}.cc-selected-client{background:#fff;border:1.5px solid #e8e8e8;border-radius:8px;display:flex;flex-direction:column;gap:3px;padding:11px 14px}.cc-selected-client strong{color:#0a0a0a;font-size:14px;font-weight:700}.cc-selected-client span{color:#909090;font-size:12.5px}.cc-form-actions{display:flex;justify-content:flex-end;margin-top:4px}.cc-submit-btn{background:#0a0a0a;border:none;border-radius:8px;box-shadow:0 2px 6px #00000024;color:#fff;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:700;padding:10px 22px;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.cc-submit-btn:hover:not(:disabled){background:#1a1a1a;box-shadow:0 4px 12px #0000002e;transform:translateY(-1px)}.cc-submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.cc-modal-overlay{align-items:center;animation:ccOverlayIn .15s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0a0a0a8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@keyframes ccOverlayIn{0%{opacity:0}to{opacity:1}}.cc-modal{animation:ccModalUp .2s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:14px;box-shadow:0 24px 64px #00000047,0 0 0 1px #0000000f;max-width:min(480px,calc(100vw - 40px));overflow:hidden;width:100%}@keyframes ccModalUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cc-modal-hdr{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;padding:18px 22px}.cc-modal-hdr h3{color:#0a0a0a;font-size:16px;font-weight:700;letter-spacing:-.3px;margin:0}.cc-modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#909090;cursor:pointer;display:flex;font-family:inherit;font-size:16px;height:30px;justify-content:center;padding:0;transition:background .15s ease,color .15s ease;width:30px}.cc-modal-close:hover{background:#f0f0f0;color:#0a0a0a}.cc-modal-body{padding:20px 22px}.cc-modal-ftr{display:flex;gap:10px;justify-content:flex-end;padding:0 22px 20px}.cc-modal-cancel{background:#0000;border:1.5px solid #d0d0d0;border-radius:8px;color:#2a2a2a;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:600;padding:9px 18px;transition:background .15s ease}.cc-modal-cancel:hover{background:#f0f0f0}.cc-modal-confirm{background:#0a0a0a;border:none;border-radius:8px;box-shadow:0 2px 6px #00000024;color:#fff;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:700;padding:9px 20px;transition:background .15s ease,transform .15s ease}.cc-modal-confirm:hover{background:#1a1a1a;transform:translateY(-1px)}.cc-clients-wrap{margin-top:8px}.cc-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.cc-list-heading{align-items:center;color:#0a0a0a;display:flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:.6px;text-transform:uppercase}.cc-list-count{background:#f0f0f0;border-radius:100px;color:#909090;font-size:11px;font-weight:600;padding:2px 8px}.cc-clients-list{background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 1px 3px #0000000f;overflow:hidden}.cc-client-row{align-items:center;border-bottom:1px solid #f3f3f3;cursor:pointer;display:flex;gap:14px;padding:14px 20px;transition:background .12s ease}.cc-client-row:last-child{border-bottom:none}.cc-client-row:hover{background:#fafafa}.cc-client-avatar{align-items:center;background:#0a0a0a;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:15px;font-weight:700;height:38px;justify-content:center;width:38px}.cc-client-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.cc-client-name{color:#0a0a0a;font-size:14.5px;font-weight:700}.cc-client-address,.cc-client-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-client-address{color:#6b6b6b;font-size:12.5px}.cc-client-meta{color:#909090;font-size:12px;font-weight:500}.cc-client-actions{gap:6px}.cc-client-actions,.cc-icon-btn{align-items:center;display:flex;flex-shrink:0}.cc-icon-btn{background:#f7f7f7;border:1px solid #e0e0e0;border-radius:7px;color:#5a5a5a;cursor:pointer;height:34px;justify-content:center;transition:background .15s ease,color .15s ease,border-color .15s ease;width:34px}.cc-icon-btn:hover{background:#0a0a0a;border-color:#0a0a0a;color:#fff}.cc-icon-btn--danger{background:#fff5f5;border-color:#fecaca;color:#c53030}.cc-icon-btn--danger:hover{background:#dc2626;border-color:#dc2626;color:#fff}.cc-empty{background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 1px 3px #0000000f;padding:64px 24px;text-align:center}.cc-empty-icon{align-items:center;background:#f0f0f0;border-radius:50%;color:#909090;display:flex;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.cc-empty-text{color:#0a0a0a;font-size:16px;font-weight:700;margin:0 0 6px}.cc-empty-sub{color:#909090;font-size:13.5px;margin:0}.cc-breadcrumb{align-items:center;display:flex;gap:8px;margin-bottom:18px}.cc-breadcrumb-back{align-items:center;background:#0000;border:none;border-radius:6px;color:#5a5a5a;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13.5px;font-weight:600;gap:6px;padding:5px 8px;transition:background .15s ease,color .15s ease}.cc-breadcrumb-back:hover{background:#f0f0f0;color:#0a0a0a}.cc-breadcrumb-sep{color:#c8c8c8;font-size:13px}.cc-breadcrumb-current{color:#0a0a0a;font-size:13.5px;font-weight:600;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-detail-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.cc-detail-title{color:#0a0a0a;font-size:22px;font-weight:800;letter-spacing:-.5px;margin:0 0 4px}.cc-detail-address{color:#6b6b6b;font-size:14px;margin:0}.cc-loading{align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:10px;color:#909090;display:flex;font-size:13.5px;gap:12px;justify-content:center;padding:48px 24px}.cc-spinner{animation:ccSpin .75s linear infinite;border:2.5px solid #e8e8e8;border-radius:50%;border-top-color:#0a0a0a;flex-shrink:0;height:22px;width:22px}@keyframes ccSpin{to{transform:rotate(1turn)}}.cc-inspection-groups{display:flex;flex-direction:column;gap:32px}.cc-inspection-group{display:flex;flex-direction:column;gap:14px}.cc-date-header{border-bottom:2px solid #0a0a0a;color:#0a0a0a;font-size:11.5px;font-weight:800;letter-spacing:.9px;padding-bottom:10px;text-transform:uppercase}.cc-images-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.cc-image-card{background:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;min-height:200px;overflow:hidden;transition:box-shadow .15s ease,transform .15s ease}.cc-image-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.cc-image-thumb{align-items:center;background:#f0f0f0;display:flex;flex-shrink:0;height:150px;justify-content:center;overflow:hidden;width:100%}.cc-image-thumb img{display:block;height:100%;object-fit:contain;transition:transform .2s ease;width:100%}.cc-image-card:hover .cc-image-thumb img{transform:scale(1.04)}.cc-note-preview{background:#fafafa;border:1px solid #e8e8e8;border-radius:6px;color:#444;font-size:11.5px;line-height:1.45;margin:8px 8px 0;max-height:58px;overflow:auto;padding:7px 10px;white-space:pre-wrap;word-break:break-word}.cc-image-actions{border-top:1px solid #f0f0f0;display:flex;flex-shrink:0;gap:5px;margin-top:auto;padding:8px}.cc-img-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#909090;cursor:pointer;display:flex;flex:1 1;justify-content:center;padding:7px;transition:background .15s ease,color .15s ease,border-color .15s ease}.cc-img-btn:hover{background:#0a0a0a;border-color:#0a0a0a;color:#fff}.cc-img-btn--danger:hover{background:#dc2626;border-color:#dc2626;color:#fff}.cc-no-images{background:#fff;border:1px solid #e8e8e8;border-radius:10px;color:#909090;font-size:14px;padding:64px 20px;text-align:center}.cc-notes-overlay{z-index:1100}.cc-notes-modal{animation:ccModalUp .2s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:14px;box-shadow:0 24px 64px #00000047,0 0 0 1px #0000000f;display:flex;flex-direction:column;max-height:85vh;max-width:880px;overflow:hidden;width:100%}.cc-notes-body{display:flex;flex:1 1;gap:24px;min-height:360px;overflow-y:auto;padding:24px}.cc-notes-img-pane{align-items:center;background:#f7f7f7;border-radius:8px;display:flex;flex:1 1;justify-content:center;min-width:260px;padding:16px}.cc-notes-img{border-radius:4px;box-shadow:0 2px 12px #0000001a;max-height:100%;max-width:100%;object-fit:contain}.cc-notes-form-pane{display:flex;flex:1 1;flex-direction:column;gap:12px;min-width:280px}.cc-notes-form-label{color:#909090;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.cc-notes-textarea{background:#fff;border:1.5px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:#0a0a0a;flex:1 1;font-family:inherit;font-size:13.5px;line-height:1.6;min-height:180px;outline:none;padding:13px;resize:none;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.cc-notes-textarea::placeholder{color:#b8b8b8}.cc-notes-textarea:focus{border-color:#0a0a0a;box-shadow:0 0 0 3px #0a0a0a12}.cc-notes-footer{align-items:center;border-top:1px solid #e8e8e8;display:flex;justify-content:space-between;padding-top:12px}.cc-notes-count{color:#909090;font-size:12px;font-weight:500}.cc-notes-btns{display:flex;gap:10px}.cc-notes-cancel{background:#f0f0f0;border:1.5px solid #d0d0d0;border-radius:7px;color:#0a0a0a;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:8px 16px;transition:background .15s ease}.cc-notes-cancel:hover{background:#e0e0e0}.cc-notes-save{background:#0a0a0a;border:none;border-radius:7px;box-shadow:0 2px 6px #00000024;color:#fff;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;padding:8px 18px;transition:background .15s ease,transform .15s ease}.cc-notes-save:hover:not(:disabled){background:#1a1a1a;transform:translateY(-1px)}.cc-notes-save:disabled{cursor:not-allowed;opacity:.6}.cc-notes-message{animation:slideIn .3s ease;border-radius:8px;box-sizing:border-box;font-size:14px;font-weight:500;margin:12px 24px 0;padding:12px 16px;width:calc(100% - 48px)}.cc-notes-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.cc-notes-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cc-file-list{background:#fafafa;border:1px solid #e8e8e8;border-radius:7px;font-size:13px;margin-top:12px;padding:12px}.cc-file-count{color:#0a0a0a;font-weight:600;margin-bottom:8px}.cc-file-list ul{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.cc-file-list li{align-items:center;background:#fff;border:1px solid #efefef;border-radius:6px;color:#565656;display:flex;justify-content:space-between;padding:8px 10px;word-break:break-word}.cc-remove-file{background:none;border:none;color:#a0a0a0;cursor:pointer;flex-shrink:0;font-size:16px;margin-left:8px;padding:2px 4px;transition:color .15s ease}.cc-remove-file:hover{color:#d32f2f}.cc-suggestion-wrapper{position:relative}.cc-suggestions{background:#fff;border:1px solid #d0d0d0;border-radius:7px;box-shadow:0 4px 12px #00000014;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.cc-suggestion-item{border-bottom:1px solid #f0f0f0;color:#565656;cursor:pointer;font-size:13px;padding:10px 12px;transition:background .12s ease,color .12s ease}.cc-suggestion-item:last-child{border-bottom:none}.cc-suggestion-item:hover{background:#f5f5f5;color:#0a0a0a}.cc-clients-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.cc-client-search-input{background:#fff;border:1.5px solid #d0d0d0;border-radius:7px;color:#0a0a0a;flex:1 1;font-family:inherit;font-size:13px;min-width:200px;padding:9px 12px;transition:border-color .15s ease}.cc-client-search-input::placeholder{color:#b8b8b8}.cc-client-search-input:hover{border-color:silver}.cc-client-search-input:focus{border-color:#0a0a0a;box-shadow:0 0 0 3px #0a0a0a12;outline:none}.cc-client-sort-select{background:#fff;border:1.5px solid #d0d0d0;border-radius:7px;color:#0a0a0a;cursor:pointer;font-family:inherit;font-size:13px;padding:9px 12px;transition:border-color .15s ease}.cc-client-sort-select:hover{border-color:silver}.cc-client-sort-select:focus{border-color:#0a0a0a;box-shadow:0 0 0 3px #0a0a0a12;outline:none}.cc-preview-overlay{animation:ccOverlayIn .15s ease;background:#000000e0;inset:0;padding:24px;position:fixed;z-index:1000}.cc-preview-modal,.cc-preview-overlay{align-items:center;display:flex;justify-content:center}.cc-preview-modal{background:#fff;border-radius:10px;box-shadow:0 32px 80px #00000080;max-height:88vh;max-width:1400px;overflow:hidden;position:relative;width:90vw}.cc-preview-img{display:block;height:100%;object-fit:contain;width:100%}.cc-preview-close{align-items:center;background:#000000a6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:17px;height:34px;justify-content:center;position:absolute;right:12px;top:12px;transition:background .15s ease,transform .15s ease;width:34px;z-index:10}.cc-preview-close:hover{background:#000000e6;transform:scale(1.08)}@media (max-width:1024px){.cc-images-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.cc-content{padding:24px 16px 48px}.cc-page-title{font-size:20px}.cc-form-row{grid-template-columns:1fr}.cc-images-grid{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.cc-notes-body{flex-direction:column;gap:16px;min-height:auto;padding:16px}.cc-notes-img-pane{min-height:200px;min-width:auto}.cc-notes-form-pane{min-width:auto}.cc-notes-textarea{min-height:130px}.cc-notes-footer{align-items:stretch;flex-direction:column;gap:10px}.cc-notes-btns{width:100%}.cc-notes-cancel,.cc-notes-save{flex:1 1;text-align:center}}@media (max-width:480px){.cc-images-grid{grid-template-columns:1fr}.cc-header-actions{width:100%}.cc-header-btn{flex:1 1;justify-content:center}.cc-detail-header{flex-direction:column;gap:1rem}.cc-detail-title{font-size:18px}.cc-image-thumb{height:200px;max-width:100%}.cc-image-card{min-height:auto}.cc-image-thumb img{background:#f9f9f9;height:100%;object-fit:contain;width:100%}}.cm-overlay{align-items:center;animation:cmFadeIn .15s ease;background:#0000008c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1100}@keyframes cmFadeIn{0%{opacity:0}to{opacity:1}}.cm-modal{animation:cmModalIn .2s ease;background:#fff;border-radius:14px;box-shadow:0 20px 60px #0000002e;max-width:420px;overflow:hidden;width:100%}@keyframes cmModalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.cm-header{border-bottom:1px solid #f0f0f0;gap:12px;padding:18px 20px;position:relative}.cm-header,.cm-icon{align-items:center;display:flex}.cm-icon{border-radius:9px;flex-shrink:0;font-size:18px;height:38px;justify-content:center;width:38px}.cm-icon--confirm,.cm-icon--danger{background:#f5f5f5;color:#0a0a0a}.cm-title-group{flex:1 1;min-width:0}.cm-title-group h3{color:#0a0a0a;font-size:15px;font-weight:700;letter-spacing:-.2px;margin:0}.cm-title-group p{color:#909090;font-size:12px;margin:2px 0 0}.cm-close{align-items:center;background:#f5f5f5;border:none;border-radius:50%;color:#707070;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;line-height:1;position:absolute;right:14px;top:14px;transition:background .15s ease,color .15s ease;width:28px}.cm-close:hover{background:#ebebeb;color:#0a0a0a}.cm-body{display:flex;flex-direction:column;gap:10px;padding:18px 20px}.cm-message{border-radius:7px;font-size:12.5px;font-weight:500;padding:9px 12px}.cm-message--error{background:#fef2f2;border:1px solid #f8cecd;color:#c41c1c}.cm-message--success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.cm-info-box{background:#fafafa;border:1px solid #eee;border-radius:9px;font-size:13px;padding:12px 14px}.cm-info-box strong{color:#0a0a0a;display:block;font-size:13px;font-weight:700;margin-bottom:4px}.cm-info-box p{color:#666;font-size:12.5px;line-height:1.5;margin:0}.cm-info-box--warn{background:#fffbf0;border-color:#eed}.cm-user-box{background:#f5f5f5;border-radius:8px;font-size:12.5px;padding:10px 13px}.cm-user-box span{color:#909090;display:block;font-size:11px;font-weight:600;letter-spacing:.3px;margin-bottom:3px;text-transform:uppercase}.cm-user-box strong{color:#0a0a0a;font-size:13px;font-weight:600}.cm-footer{border-top:1px solid #f0f0f0;display:flex;gap:8px;justify-content:flex-end;padding:14px 20px}.cm-btn{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:9px 18px;transition:background .15s ease}.cm-btn:disabled{cursor:not-allowed;opacity:.45}.cm-btn--cancel{background:#f0f0f0;border:1.5px solid #e0e0e0;color:#444}.cm-btn--cancel:hover:not(:disabled){background:#e8e8e8}.cm-btn--danger{background:#0a0a0a;color:#fff}.cm-btn--danger:hover:not(:disabled){background:#222}.cm-btn--confirm{background:#0a0a0a;color:#fff}.cm-btn--confirm:hover:not(:disabled){background:#222}@media (max-width:640px){.cm-overlay{align-items:flex-end;padding:0}.cm-modal{animation:cmSheetIn .25s ease;border-radius:16px 16px 0 0;max-width:100%;padding-bottom:env(safe-area-inset-bottom,0)}@keyframes cmSheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cm-footer{flex-direction:column-reverse;padding:12px 16px 16px}.cm-btn{font-size:14px;padding:12px;text-align:center;width:100%}}.um-container{animation:umFadeIn .2s ease;margin:0 auto;max-width:1100px;padding:28px 32px;width:100%}@keyframes umFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.um-header{align-items:center;border-bottom:1px solid #ebebeb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.um-header h1{color:#0a0a0a;font-size:22px;font-weight:700;letter-spacing:-.4px;margin:0}.um-create-btn{align-items:center;background:#0a0a0a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:13.5px;font-weight:600;gap:6px;padding:9px 18px;transition:background .15s ease;white-space:nowrap}.um-create-btn:hover{background:#222}.um-error-message,.um-success-message{align-items:center;animation:umSlideIn .2s ease;border-radius:8px;display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:16px;padding:10px 14px}@keyframes umSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.um-success-message{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.um-error-message{background:#fef2f2;border:1px solid #f8cecd;color:#c41c1c}.um-error-message svg,.um-success-message svg{flex-shrink:0}.um-table-container{border:1px solid #e8e8e8;border-radius:10px;overflow-x:auto}.um-table{border-collapse:collapse;font-size:13.5px;width:100%}.um-table thead{background:#f7f7f7;border-bottom:1px solid #e8e8e8}.um-table th{color:#555;font-size:11px;font-weight:600;letter-spacing:.5px;padding:11px 16px;text-align:left;text-transform:uppercase}.um-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .12s ease}.um-table tbody tr:last-child{border-bottom:none}.um-table tbody tr:hover{background:#fafafa}.um-table tbody tr.um-row--inactive{opacity:.55}.um-table td{color:#333;padding:13px 16px;vertical-align:middle}.um-status{align-items:center;border-radius:20px;display:inline-flex;font-size:11.5px;font-weight:600;padding:3px 10px}.um-status--active{background:#0a0a0a;color:#fff}.um-status--inactive{background:#f0f0f0;border:1px solid #e0e0e0;color:#707070}.um-actions{gap:6px}.um-action-btn,.um-actions{align-items:center;display:flex}.um-action-btn{background:#fff;border:1.5px solid #e8e8e8;border-radius:7px;color:#444;cursor:pointer;font-size:15px;height:34px;justify-content:center;position:relative;transition:background .12s ease,border-color .12s ease;width:34px}.um-action-btn:hover:not(:disabled){background:#f5f5f5;border-color:#d0d0d0;color:#0a0a0a}.um-action-btn:disabled{cursor:not-allowed;opacity:.35}.um-action-btn--delete{background:#fff8f8;border-color:#f5c6c6;color:#c62828}.um-action-btn--delete:hover:not(:disabled){background:#fff0f0;border-color:#f5c6c6;color:#b01c1c}.um-action-btn[data-tooltip]:before{background:#0a0a0a;border-radius:6px;bottom:calc(100% + 6px);color:#fff;content:attr(data-tooltip);font-size:11px;font-weight:500;left:50%;opacity:0;padding:5px 9px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .15s ease;white-space:nowrap;z-index:100}.um-action-btn[data-tooltip]:hover:before{opacity:1}.um-empty,.um-loading{background:#fafafa;border:1px dashed #e0e0e0;border-radius:10px;color:#888;font-size:14px;padding:40px 20px;text-align:center}.um-modal-overlay{align-items:center;animation:umFadeIn .15s ease;background:#00000080;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.um-modal{animation:umModalIn .2s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-width:420px;padding:24px;width:100%}@keyframes umModalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.um-modal h2{color:#0a0a0a;font-size:16px;font-weight:700;letter-spacing:-.2px;margin:0 0 20px}.um-form-group{margin-bottom:14px}.um-form-group label{color:#555;display:block;font-size:11.5px;font-weight:600;letter-spacing:.4px;margin-bottom:5px;text-transform:uppercase}.um-form-group input{-webkit-appearance:none;background:#fafafa;border:1.5px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:#0a0a0a;font-family:inherit;font-size:13.5px;padding:10px 12px;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;width:100%}.um-form-group input:focus{background:#fff;border-color:#0a0a0a;box-shadow:0 0 0 3px #0a0a0a0f;outline:none}.um-password-input{align-items:center;display:flex;position:relative}.um-password-input input{padding-right:44px}.um-toggle-password{align-items:center;background:none;border:none;color:#909090;cursor:pointer;display:flex;padding:4px;position:absolute;right:12px;transition:color .15s ease}.um-toggle-password:hover{color:#0a0a0a}.um-modal-actions{display:flex;gap:8px;margin-top:20px}.um-modal-cancel,.um-modal-submit{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-family:inherit;font-size:13.5px;font-weight:600;padding:10px;transition:background .15s ease}.um-modal-cancel{background:#f0f0f0;border:1.5px solid #e0e0e0;color:#444}.um-modal-cancel:hover{background:#e8e8e8}.um-modal-submit{background:#0a0a0a;color:#fff}.um-modal-submit:hover{background:#222}@media (max-width:768px){.um-container{padding:16px 14px}.um-header{gap:10px;margin-bottom:16px;padding-bottom:14px}.um-header h1{font-size:17px}.um-create-btn{font-size:13px;padding:8px 14px}.um-table-container{border:none;border-radius:0;overflow-x:visible}.um-table{display:block}.um-table thead{display:none}.um-table tbody{display:flex;flex-direction:column;gap:10px}.um-table tbody tr{grid-gap:0;background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 1px 3px #0000000d;display:grid;gap:0;grid-template-areas:"name   status" "email  email" "role   role" "actions actions";grid-template-columns:1fr auto;padding:14px}.um-table tbody tr.um-row--inactive{background:#fafafa;opacity:1}.um-table tbody tr.um-row--inactive .um-user-email,.um-table tbody tr.um-row--inactive .um-user-name{opacity:.5}.um-table tbody tr:hover{background:#fff}.um-table td{border:none;display:block;font-size:13px;padding:0}.um-table td:before{display:none}.um-table td[data-label=Email]{align-self:center;color:#0a0a0a;font-size:14px;font-weight:700;grid-area:name;overflow:hidden;padding-right:8px;text-overflow:ellipsis;white-space:nowrap}.um-table td[data-label=Name]{color:#707070;font-size:12px;grid-area:email;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.um-table td[data-label=Role]{color:#888;font-size:11.5px;font-weight:500;grid-area:role;margin-top:6px}.um-table td[data-label=Status]{align-self:center;display:flex;grid-area:status;justify-content:flex-end}.um-status{font-size:10.5px;padding:3px 8px}.um-table td.um-actions{align-items:center;border-top:1px solid #f0f0f0;display:flex;flex-wrap:nowrap;gap:6px;grid-area:actions;margin-top:12px;padding-top:12px}.um-action-btn{border-radius:8px;flex:1 1;flex-direction:row;font-size:11.5px;font-weight:600;gap:5px;height:38px;padding:0 8px;white-space:nowrap;width:auto}.um-action-btn--edit:after{content:"Password"}.um-action-btn--deactivate:after{content:"Deactivate"}.um-action-btn--reactivate:after{content:"Reactivate"}.um-action-btn--delete:after{content:"Delete"}.um-action-btn[data-tooltip]:before{display:none}.um-modal-overlay{align-items:flex-end;padding:0}.um-modal{animation:umSheetIn .25s ease;border-radius:16px 16px 0 0;max-width:100%;padding:20px 18px calc(20px + env(safe-area-inset-bottom, 0px))}@keyframes umSheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.um-modal h2{font-size:15px;margin-bottom:16px}.um-form-group input{font-size:16px;padding:11px 12px}.um-modal-actions{flex-direction:column-reverse;gap:8px;margin-top:16px}.um-modal-cancel,.um-modal-submit{font-size:14px;padding:12px;width:100%}}@media (max-width:400px){.um-container{padding:12px 10px}.um-header h1{font-size:15px}.um-create-btn{font-size:12px;padding:7px 11px}.um-table tbody tr{padding:12px}.um-action-btn--edit:after{content:"Pwd"}.um-action-btn--deactivate:after{content:"Off"}.um-action-btn--reactivate:after{content:"On"}.um-action-btn--delete:after{content:"Del"}}.app-layout{font-family:var(--font)}.app-layout,.sidebar{display:flex;height:100vh;height:100dvh;overflow:hidden}.sidebar{background:#0a0a0a;flex-direction:column;flex-shrink:0;transition:transform .15s ease;width:220px;z-index:200}.sidebar-brand{border-bottom:1px solid #ffffff12;gap:10px;padding:22px 18px 18px}.brand-mark,.sidebar-brand{align-items:center;display:flex;flex-shrink:0}.brand-mark{background:#fff;border-radius:4px;height:20px;justify-content:center;width:20px}.brand-mark-inner{background:#0a0a0a;border-radius:2px;height:8px;width:8px}.brand-name{color:#fff;font-size:16px;font-weight:800;letter-spacing:-.5px;line-height:1;white-space:nowrap}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:14px 10px}.nav-item{align-items:center;border-radius:8px;color:#ffffff8c;display:flex;font-size:13.5px;font-weight:600;gap:9px;padding:10px 16px;text-decoration:none;transition:background .15s ease,color .15s ease;white-space:nowrap}.nav-item:hover{background:#ffffff0f;color:#ffffffd9}.nav-item--active{background:#ffffff1a;color:#fff}.nav-item--active:hover{background:#ffffff21;color:#fff}.nav-icon{flex-shrink:0;opacity:.8}.nav-item--active .nav-icon{opacity:1}.sidebar-footer{border-top:1px solid #ffffff12;display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding:14px 10px 18px}.sidebar-user{gap:10px;padding:0 8px}.sidebar-user,.user-avatar{align-items:center;display:flex}.user-avatar{background:#fff;border-radius:50%;color:#0a0a0a;flex-shrink:0;font-size:13px;font-weight:700;height:32px;justify-content:center;letter-spacing:0;width:32px}.user-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.user-name{color:#fff;font-size:13px;font-weight:600}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#ffffff73;font-size:11.5px;font-weight:400}.sidebar-logout-btn{align-items:center;background:#ffffff14;border:none;border-radius:8px;color:#fff9;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:7px;justify-content:center;padding:9px;transition:background .15s ease,color .15s ease;width:100%}.sidebar-logout-btn:hover{background:#ffffff21;color:#fff}.main-content{background:#f7f7f7;flex:1 1;min-width:0;overflow-y:auto}.mobile-topbar{align-items:center;background:#0a0a0a;border-bottom:1px solid #ffffff14;display:none;gap:12px;height:52px;left:0;padding:0 16px;position:fixed;right:0;top:0;z-index:300}.hamburger-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#fffc;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:background .15s ease,color .15s ease}.hamburger-btn:hover{background:#ffffff14;color:#fff}.mobile-brand{color:#fff;font-size:15px;font-weight:800;letter-spacing:-.4px}.sidebar-overlay{animation:overlayIn .15s ease;background:#0000008c;display:none;inset:0;position:fixed;z-index:150}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.mobile-topbar{display:flex}.sidebar-overlay{display:block}.sidebar{display:flex;flex-direction:column;height:100vh;height:100dvh;left:0;position:fixed;top:0;transform:translateX(-100%);width:220px;z-index:200}.sidebar--open{transform:translateX(0)}.sidebar-brand{flex-shrink:0;padding:16px 14px 12px}.sidebar-nav{flex:1 1;gap:0;min-height:0;overflow-x:hidden;overflow-y:auto;padding:8px}.nav-item{font-size:13px;padding:8px 12px}.sidebar-footer{background:#0a0a0a;flex-shrink:0;gap:8px;padding:10px 8px 12px}.sidebar-user{padding:0 6px}.user-avatar{font-size:11px;height:28px;width:28px}.user-name{font-size:12px}.user-email{font-size:10px}.sidebar-logout-btn{font-size:12px;padding:7px}.main-content{padding-top:52px}}.fcb-button{align-items:center;background:#0a0a0a;border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;position:fixed;right:24px;transition:all .2s ease;width:56px;z-index:999}.fcb-button:hover{background:#1a1a1a;box-shadow:0 6px 20px #0003;transform:scale(1.1)}.fcb-button:active{transform:scale(.95)}@media (max-width:768px){.fcb-button{bottom:20px;height:48px;right:20px;width:48px}}@media (max-width:480px){.fcb-button{bottom:16px;height:44px;right:16px;width:44px}}.ccm-overlay{align-items:center;animation:ccmOverlayIn .15s ease;background:#000000a6;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1001}@keyframes ccmOverlayIn{0%{opacity:0}to{opacity:1}}.ccm-modal{animation:ccmModalIn .2s ease;background:#fff;border-radius:14px;box-shadow:0 24px 64px #00000040;display:flex;flex-direction:column;max-height:88vh;max-height:88dvh;max-width:480px;width:100%}@keyframes ccmModalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.ccm-header{align-items:center;border-bottom:1px solid #efefef;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.ccm-title{color:#0a0a0a;font-size:15px;font-weight:700;letter-spacing:-.2px;margin:0}.ccm-close{align-items:center;background:#f5f5f5;border:none;border-radius:50%;color:#707070;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:background .15s ease,color .15s ease;width:28px}.ccm-close:hover{background:#ebebeb;color:#0a0a0a}.ccm-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:18px 20px}.ccm-section{display:flex;flex-direction:column;gap:14px}.ccm-message{animation:ccmMessageIn .2s ease;border-radius:7px;font-size:12.5px;font-weight:500;padding:9px 13px}@keyframes ccmMessageIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ccm-message--error{background:#fef2f2;border:1px solid #f8cecd;color:#c41c1c}.ccm-message--success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.ccm-form-group{display:flex;flex-direction:column;gap:5px}.ccm-label{color:#555;font-size:11.5px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.ccm-suggestion-wrapper{position:relative}.ccm-input{-webkit-appearance:none;background:#fafafa;border:1.5px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:#0a0a0a;font-family:inherit;font-size:13.5px;padding:10px 12px;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;width:100%}.ccm-input::placeholder{color:silver}.ccm-input:hover{background:#fff;border-color:#c8c8c8}.ccm-input:focus{background:#fff;border-color:#0a0a0a;box-shadow:0 0 0 3px #0a0a0a0f;outline:none}.ccm-suggestions{background:#fff;border:1.5px solid #e0e0e0;border-radius:9px;box-shadow:0 8px 24px #0000001a;left:0;max-height:180px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:200}.ccm-suggestion-item{border-bottom:1px solid #f5f5f5;cursor:pointer;padding:10px 13px;transition:background .1s ease}.ccm-suggestion-item:last-child{border-bottom:none}.ccm-suggestion-item:hover{background:#f7f7f7}.ccm-suggestion-name{color:#0a0a0a;font-size:13px;font-weight:600;line-height:1.3}.ccm-suggestion-address{color:#909090;font-size:11.5px;line-height:1.3;margin-top:2px}.ccm-divider{background:#f0f0f0;height:1px;margin:2px 0}.ccm-video{background:#000;border-radius:8px;display:block;max-height:340px;object-fit:cover;width:100%}.ccm-hint{color:#a0a0a0;font-size:12px;margin:0;text-align:center}.ccm-upload-info{background:#f7f7f7;border:1px solid #eee;border-radius:8px;display:flex;flex-direction:column;font-size:12.5px;gap:4px;padding:11px 14px}.ccm-upload-info p{color:#555;line-height:1.4;margin:0}.ccm-upload-info strong{color:#0a0a0a;font-weight:600}.ccm-photo-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.ccm-photo-card{aspect-ratio:1;background:#f5f5f5;border:1px solid #e8e8e8;border-radius:7px;overflow:hidden;position:relative}.ccm-photo-card img{display:block;height:100%;object-fit:cover;width:100%}.ccm-remove-btn{align-items:center;background:#0000008c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:13px;height:24px;justify-content:center;position:absolute;right:5px;top:5px;transition:background .15s ease;width:24px}.ccm-remove-btn:hover:not(:disabled){background:#000000c7}.ccm-remove-btn:disabled{cursor:not-allowed;opacity:.4}.ccm-button-group{display:flex;flex-wrap:wrap;gap:8px;padding-top:2px}.ccm-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:13px;font-weight:600;gap:6px;justify-content:center;letter-spacing:-.1px;min-width:110px;padding:11px 14px;transition:all .15s ease}.ccm-btn--primary{background:#0a0a0a;color:#fff}.ccm-btn--primary:hover:not(:disabled){background:#222}.ccm-btn--primary:disabled{cursor:not-allowed;opacity:.35}.ccm-btn--secondary{background:#fff;border:1.5px solid #e0e0e0;color:#0a0a0a}.ccm-btn--secondary:hover:not(:disabled){background:#f7f7f7;border-color:silver}.ccm-btn--secondary:disabled{cursor:not-allowed;opacity:.4}@media (max-width:640px){.ccm-overlay{align-items:flex-end;padding:0}.ccm-modal{border-radius:16px 16px 0 0;max-height:92dvh;max-width:100%;padding-bottom:env(safe-area-inset-bottom,0)}.ccm-video{max-height:260px}.ccm-button-group{flex-direction:column}.ccm-btn{min-width:auto}}.ccm-menu-overlay{z-index:10001}.ccm-menu-dialog{animation:slideUp .3s ease-out;background:#fff;border-radius:16px 16px 0 0;bottom:0;display:flex;flex-direction:column;gap:12px;left:0;max-height:70vh;padding:20px 20px calc(20px + env(safe-area-inset-bottom, 0px));position:fixed;right:0;z-index:10002}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ccm-menu-title{color:#333;font-size:18px;font-weight:600;margin-bottom:4px}.ccm-menu-options{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.ccm-menu-option{align-items:center;background:#f5f5f5;border:none;border-radius:10px;color:#333;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;padding:14px 16px;transition:all .2s ease}.ccm-menu-option:active{background:#e8e8e8;transform:scale(.98)}.ccm-menu-option svg{flex-shrink:0}.ccm-menu-cancel{background:#0000;border:1px solid #ddd;border-radius:10px;color:#666;cursor:pointer;font-size:15px;font-weight:500;padding:12px 16px;transition:all .2s ease}.ccm-menu-cancel:active{background:#f5f5f5;transform:scale(.98)}
/*# sourceMappingURL=main.5968cd0f.css.map*/