@import "https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Inter:wght@300;400;500;600&display=swap";.login-container{background:var(--vt-color-bg-primary);min-height:100vh;font-family:var(--vt-font-serif);justify-content:center;align-items:center;padding:20px;display:flex}.login-card{background:var(--vt-color-bg-secondary);border-radius:var(--vt-radius-md);width:100%;max-width:440px;box-shadow:var(--vt-shadow-md);border:1px solid var(--vt-color-border-accent);padding:56px 48px}.login-logo{text-align:center;margin-bottom:40px}.login-logo img{filter:drop-shadow(0 4px 12px #1a1a1a1a);max-width:200px}.login-title{font-family:var(--vt-font-serif);text-transform:uppercase;letter-spacing:.2em;color:var(--vt-color-text-primary);text-align:center;margin-bottom:8px;font-size:1.5rem;font-weight:600}.login-subtitle{font-family:var(--vt-font-sans);color:var(--vt-color-text-secondary);text-align:center;letter-spacing:.1em;text-transform:uppercase;margin-bottom:40px;font-size:.8rem;font-weight:400}.login-form{flex-direction:column;gap:24px;display:flex}.form-group{position:relative}.form-group label{font-family:var(--vt-font-sans);text-transform:uppercase;letter-spacing:.15em;color:var(--vt-color-text-primary);margin-bottom:10px;font-size:.7rem;font-weight:500;display:block}.form-group input{background:var(--vt-color-bg-primary);border:1px solid var(--vt-color-border);border-radius:var(--vt-radius-md);width:100%;color:var(--vt-color-text-primary);font-family:var(--vt-font-sans);transition:var(--vt-transition-fast);outline:none;padding:16px 18px;font-size:.95rem}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:50px}.password-toggle{color:var(--vt-color-text-muted);cursor:pointer;z-index:5;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:color .3s;display:flex;position:absolute;right:12px}.password-toggle:hover{color:var(--vt-color-accent)}.form-group input:focus{border-color:var(--vt-color-accent);background:var(--vt-color-bg-input);box-shadow:0 0 0 3px var(--vt-color-border-accent-strong)}.form-group input::placeholder{color:var(--vt-color-text-muted);font-style:italic}.login-button{background:var(--vt-color-accent-gradient);border-radius:var(--vt-radius-md);width:100%;color:var(--vt-color-text-inverse);font-family:var(--vt-font-sans);text-transform:uppercase;letter-spacing:.2em;cursor:pointer;transition:var(--vt-transition-fast);box-shadow:0 4px 12px var(--vt-color-accent-shadow);border:none;margin-top:16px;padding:18px;font-size:.85rem;font-weight:600}.login-button:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 6px 16px var(--vt-color-accent-shadow);transform:translateY(-1px)}.login-button:active{transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.error-message{background:var(--vt-color-bg-error-subtle);border:1px solid var(--vt-color-border-error);border-radius:var(--vt-radius-md);color:var(--vt-color-text-error);font-family:var(--vt-font-sans);text-align:center;padding:14px 18px;font-size:.85rem;animation:.5s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.login-footer{text-align:center;color:var(--vt-color-text-muted);font-family:var(--vt-font-sans);letter-spacing:.1em;text-transform:uppercase;border-top:1px solid var(--vt-color-border);margin-top:40px;padding-top:24px;font-size:.7rem}@media (width<=480px){.login-card{padding:40px 28px}.login-title{letter-spacing:.15em;font-size:1.25rem}.login-logo img{max-width:160px}}.sidebar-overlay{background:var(--vt-color-bg-overlay,#1a1a1a80);z-index:998;opacity:0;pointer-events:none;transition:opacity .3s;position:fixed;inset:0}.sidebar-overlay.visible{opacity:1;pointer-events:all}.hamburger-btn{background:var(--vt-color-bg-tertiary,#1a1a1a);cursor:pointer;width:36px;height:36px;color:var(--vt-color-accent,#b2843e);z-index:999;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s;display:flex}.hamburger-btn:hover{background:#b2843e26}.hamburger-btn svg{width:20px;height:20px}.stock-topbar{background:var(--vt-color-bg-tertiary,#1a1a1a);align-items:center;gap:12px;padding:12px 16px;display:flex!important}.stock-topbar-brand{font-family:var(--vt-font-serif,"Crimson Pro", serif);color:var(--vt-color-accent,#b2843e);letter-spacing:.1em;flex:1;margin:0;font-size:1.1rem;font-weight:600}.stock-mobile-nav{background:0 0;justify-content:center;align-items:center;gap:12px;padding:12px 16px;display:flex!important}.stock-mobile-nav-icons{justify-content:center;align-items:center;gap:12px;padding:8px 16px;display:flex}.mobile-nav-icon-circle{background:var(--vt-color-bg-tertiary,#1a1a1a);border:1px solid var(--vt-color-border-accent,#b2843e26);cursor:pointer;width:44px;height:44px;color:var(--vt-color-accent,#b2843e);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,border-color .2s;display:flex}.mobile-nav-icon-circle:hover{border-color:var(--vt-color-accent,#b2843e);background:#b2843e26}.mobile-nav-icon-circle.active{background:var(--vt-color-bg-accent-subtle,#b2843e1a);border-color:var(--vt-color-accent,#b2843e)}.settings-bar-inline{justify-content:center;align-items:center;display:flex}.settings-bar-inline button{background:var(--vt-color-bg-tertiary,#1a1a1a);border:1px solid var(--vt-color-border-accent,#b2843e26);cursor:pointer;width:36px;height:36px;color:var(--vt-color-accent,#b2843e);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s;display:flex}.settings-bar-inline button:hover{background:#b2843e26}.stock-content-area{flex-direction:column;flex:1;min-width:0;display:flex}.stock-main-content{flex:1;padding:16px;overflow-x:auto}.mobile-actions-row{background:var(--vt-color-bg-primary,#f8f6f3);justify-content:center;align-items:center;gap:8px;padding:4px 16px 12px;display:flex}@media (width>=768px){.stock-topbar,.stock-mobile-nav-icons,.mobile-actions-row,.hamburger-btn{display:none!important}.stock-main-content{padding:24px}.sidebar-overlay{display:block}}@media (width>=1024px){.stock-topbar,.stock-mobile-nav-icons,.mobile-actions-row,.hamburger-btn,.sidebar-overlay{display:none!important}.stock-main-content{padding:32px}}@keyframes sidebarSlideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes sidebarSlideOut{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes iconPulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes logoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-sidebar-in{animation:.3s forwards sidebarSlideIn}.animate-sidebar-out{animation:.3s forwards sidebarSlideOut}.animate-overlay-in{animation:.3s forwards overlayFadeIn}.animate-overlay-out{animation:.3s forwards overlayFadeOut}.animate-fade-in{animation:.3s forwards fadeIn}.animate-slide-up{animation:.4s forwards slideUp}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.clients-shell{padding:var(--vt-spacing-md,16px);max-width:1200px;margin:0 auto}.clients-shell-header{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.clients-shell-header h1{font-family:var(--vt-font-serif);text-transform:uppercase;letter-spacing:.15em;color:var(--vt-color-text-primary);margin:0;font-size:1.25rem;font-weight:600}.clients-breadcrumb{color:var(--vt-color-text-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:.75rem;display:flex}.clients-breadcrumb a,.clients-breadcrumb span{color:var(--vt-color-text-secondary);text-decoration:none}.clients-breadcrumb a:hover{color:var(--vt-color-accent)}.clients-toolbar{flex-wrap:wrap;align-items:flex-start;gap:8px;margin-bottom:16px;display:flex}.clients-toolbar>*{flex:none}.clients-toolbar .clients-search-wrapper{flex:100%;min-width:200px}.clients-back-bar{align-items:center;margin-bottom:4px;padding:8px 0;display:flex}.clients-btn{border-radius:var(--vt-radius-md);cursor:pointer;border:1px solid var(--vt-color-border);color:var(--vt-color-text-secondary);white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:500;line-height:1.4;transition:all .2s;display:inline-flex}.clients-btn:hover{border-color:var(--vt-color-accent);color:var(--vt-color-accent);background:var(--vt-color-bg-accent-subtle)}.clients-btn:active{transform:scale(.97)}.clients-btn.active{background:var(--vt-color-accent);color:var(--vt-color-text-inverse);border-color:var(--vt-color-accent)}.clients-btn-primary{background:var(--vt-color-accent);color:var(--vt-color-text-inverse);border-color:var(--vt-color-accent);font-weight:600}.clients-btn-primary:hover{opacity:.9;background:var(--vt-color-accent-dark);border-color:var(--vt-color-accent-dark);color:var(--vt-color-text-inverse)}.clients-btn-danger{color:var(--vt-color-error);border-color:var(--vt-color-border-error)}.clients-btn-danger:hover{background:var(--vt-color-bg-error-subtle);color:var(--vt-color-error);border-color:var(--vt-color-error)}.clients-btn-icon{min-width:32px;min-height:32px;color:var(--vt-color-text-secondary);border-radius:var(--vt-radius-md);cursor:pointer;background:0 0;border:none;justify-content:center;padding:6px;transition:all .2s}.clients-btn-icon:hover{background:var(--vt-color-bg-accent-subtle);color:var(--vt-color-accent)}.clients-btn-icon:active{transform:scale(.92)}.clients-btn-ghost{color:var(--vt-color-text-secondary);cursor:pointer;border-radius:var(--vt-radius-md);background:0 0;border:none;align-items:center;gap:6px;padding:6px 12px;font-size:.9rem;transition:all .2s;display:flex}.clients-btn-ghost:hover{background:var(--vt-color-bg-tertiary);color:var(--vt-color-text-primary)}.clients-search-wrapper,.clients-search-field{width:100%;position:relative}.clients-search-input{border:1px solid var(--vt-color-border-input);border-radius:var(--vt-radius-md);background:var(--vt-color-bg-input);width:100%;color:var(--vt-color-text-primary);box-sizing:border-box;outline:none;height:auto;padding:10px 14px 10px 38px;font-size:.85rem;line-height:1.4;transition:all .2s}.clients-search-input:focus{border-color:var(--vt-color-accent);box-shadow:0 0 0 3px var(--vt-color-border-accent)}.clients-search-input::placeholder{color:var(--vt-color-text-muted)}.clients-search-icon{color:var(--vt-color-text-muted);pointer-events:none;font-size:.9rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.clients-search-filters{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.clients-filter-btn{border:1px solid var(--vt-color-border);color:var(--vt-color-text-secondary);cursor:pointer;background:0 0;border-radius:14px;padding:4px 12px;font-size:.75rem;transition:all .2s}.clients-filter-btn:hover{border-color:var(--vt-color-accent);color:var(--vt-color-accent)}.clients-filter-btn.active{background:var(--vt-color-accent);color:var(--vt-color-text-inverse);border-color:var(--vt-color-accent)}.clients-filter-select{border:1px solid var(--vt-color-border-input);border-radius:var(--vt-radius-md);background:var(--vt-color-bg-input);color:var(--vt-color-text-primary);cursor:pointer;outline:none;padding:6px 12px;font-size:.8rem;transition:all .2s}.clients-filter-select:focus{border-color:var(--vt-color-accent)}.clients-autocomplete{background:var(--vt-color-bg-secondary);border:1px solid var(--vt-color-border);border-radius:0 0 var(--vt-radius-md) var(--vt-radius-md);box-shadow:var(--vt-shadow-md);z-index:100;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.clients-autocomplete-item{cursor:pointer;color:var(--vt-color-text-primary);padding:8px 14px;font-size:.85rem;transition:background .15s}.clients-autocomplete-item:hover{background:var(--vt-color-bg-accent-subtle)}.clients-autocomplete-item:not(:last-child){border-bottom:1px solid var(--vt-color-border-light)}.clients-table-wrapper{-webkit-overflow-scrolling:touch;border:1px solid var(--vt-color-border-light);border-radius:var(--vt-radius-lg);background:var(--vt-color-bg-secondary);box-shadow:var(--vt-shadow-sm);overflow-x:auto}.clients-table{border-collapse:collapse;width:100%;min-width:650px;font-size:.85rem}.clients-table thead{background:var(--vt-color-bg-primary)}.clients-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--vt-color-text-secondary);border-bottom:1px solid var(--vt-color-border);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;padding:12px;font-size:.75rem;font-weight:600;transition:color .15s}.clients-table th:hover{color:var(--vt-color-accent)}.clients-table th .sort-icon{opacity:.3;margin-left:4px}.clients-table th .sort-icon.active{opacity:1;color:var(--vt-color-accent)}.clients-table td{border-bottom:1px solid var(--vt-color-border-light);color:var(--vt-color-text-primary);padding:10px 12px;transition:background .15s}.clients-table tbody tr{cursor:pointer;transition:background .15s}.clients-table tbody tr:hover{background:var(--vt-color-bg-accent-subtle)}.clients-table tbody tr:last-child td{border-bottom:none}.clients-table .cell-name{font-weight:500}.clients-table .cell-actions{white-space:nowrap;text-align:right}.clients-table .cell-actions button{opacity:.6;transition:opacity .2s}.clients-table tr:hover .cell-actions button{opacity:1}@media (width<=767px){.clients-table .hide-mobile{display:none}}.clients-badge{white-space:nowrap;border-radius:12px;align-items:center;padding:2px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.clients-badge-company{background:var(--vt-color-bg-accent-subtle);color:var(--vt-color-accent);border:1px solid var(--vt-color-border-accent)}.clients-badge-person{background:var(--vt-color-bg-primary);color:var(--vt-color-text-secondary);border:1px solid var(--vt-color-border)}.clients-badge-category{border-radius:12px;align-items:center;padding:3px 10px;font-size:.7rem;font-weight:500;display:inline-flex}.clients-card-grid{grid-template-columns:1fr;gap:12px;display:grid}.clients-card{background:var(--vt-color-bg-secondary);border:1px solid var(--vt-color-border-light);border-radius:var(--vt-radius-lg);cursor:pointer;box-shadow:var(--vt-shadow-sm);padding:16px;transition:all .2s;position:relative;overflow:hidden}.clients-card:hover{box-shadow:var(--vt-shadow-md);border-color:var(--vt-color-border-accent-strong);transform:translateY(-2px)}.clients-card:active{transform:translateY(0)}.clients-card-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.clients-card-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.8rem;font-weight:600;display:flex}.clients-card-avatar.company{background:var(--vt-color-accent);color:var(--vt-color-text-inverse)}.clients-card-avatar.person{background:var(--vt-color-bg-primary);color:var(--vt-color-text-primary);border:1px solid var(--vt-color-border)}.clients-card-info{flex:1;min-width:0}.clients-card-name{text-overflow:ellipsis;white-space:nowrap;color:var(--vt-color-text-primary);font-size:.9rem;font-weight:600;overflow:hidden}.clients-card-type{color:var(--vt-color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.clients-card-categories{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.clients-card-detail{color:var(--vt-color-text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;font-size:.8rem;overflow:hidden}.clients-card-actions{opacity:0;gap:4px;transition:opacity .2s;display:flex;position:absolute;top:12px;right:12px}.clients-card:hover .clients-card-actions{opacity:1}.clients-form{max-width:800px;margin:0 auto}.clients-form-title{font-family:var(--vt-font-serif);text-transform:uppercase;letter-spacing:.15em;color:var(--vt-color-text-primary);margin:0 0 24px;font-size:1.25rem;font-weight:600}.clients-form-grid{grid-template-columns:1fr;gap:0;display:grid}.clients-form-grid .clients-field{margin-bottom:16px}.clients-field label{color:var(--vt-color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.75rem;font-weight:500;display:block}.clients-field input,.clients-field select,.clients-field textarea{border:1px solid var(--vt-color-border-input);border-radius:var(--vt-radius-md);background:var(--vt-color-bg-input);width:100%;color:var(--vt-color-text-primary);box-sizing:border-box;outline:none;padding:10px 14px;font-size:.85rem;transition:all .2s}.clients-field input:focus,.clients-field select:focus,.clients-field textarea:focus{border-color:var(--vt-color-accent);box-shadow:0 0 0 3px var(--vt-color-border-accent)}.clients-field textarea{resize:vertical;min-height:80px}.clients-field input.error,.clients-field select.error,.clients-field textarea.error{border-color:var(--vt-color-border-error)}.clients-field input.error:focus,.clients-field select.error:focus,.clients-field textarea.error:focus{box-shadow:0 0 0 3px #d32f2f26}.clients-field-error{color:var(--vt-color-text-error);margin-top:4px;font-size:.7rem}.clients-field-checkbox{cursor:pointer;align-items:center;gap:8px;padding:8px 0;display:flex}.clients-field-checkbox input[type=checkbox]{width:auto;accent-color:var(--vt-color-accent)}.clients-field-checkbox label{cursor:pointer;margin:0}.clients-tags-grid{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.clients-tag-btn{border:1px solid var(--vt-color-border);color:var(--vt-color-text-secondary);cursor:pointer;background:0 0;border-radius:16px;padding:6px 14px;font-size:.8rem;transition:all .15s}.clients-tag-btn:hover{border-color:var(--vt-color-accent);color:var(--vt-color-accent)}.clients-tag-btn.selected{background:var(--vt-color-accent);color:var(--vt-color-text-inverse);border-color:var(--vt-color-accent)}.clients-form-actions{border-top:1px solid var(--vt-color-border-light);gap:12px;margin-top:24px;padding-top:16px;display:flex}.clients-detail{max-width:800px;margin:0 auto}.clients-detail-header{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.clients-detail-name{font-family:var(--vt-font-serif);text-transform:uppercase;letter-spacing:.15em;color:var(--vt-color-text-primary);margin:0;font-size:1.5rem;font-weight:600}.clients-detail-actions{flex-wrap:wrap;gap:8px;display:flex}.clients-detail-tabs{border-bottom:1px solid var(--vt-color-border);gap:0;margin-bottom:24px;display:flex}.clients-detail-tab{color:var(--vt-color-text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 20px;font-size:.85rem;font-weight:500;transition:all .2s}.clients-detail-tab:hover{color:var(--vt-color-accent)}.clients-detail-tab.active{color:var(--vt-color-accent);border-bottom-color:var(--vt-color-accent)}.clients-detail-card{background:var(--vt-color-bg-secondary);border:1px solid var(--vt-color-border-light);border-radius:var(--vt-radius-lg);box-shadow:var(--vt-shadow-sm);padding:24px}.clients-detail-grid{grid-template-columns:1fr;gap:16px;display:grid}.clients-detail-section-title{border-bottom:1px solid var(--vt-color-border);color:var(--vt-color-text-primary);margin-bottom:16px;padding-bottom:8px;font-size:.9rem;font-weight:600}.clients-detail-item{margin-bottom:12px}.clients-detail-label{color:var(--vt-color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.7rem;font-weight:500}.clients-detail-value{color:var(--vt-color-text-primary);word-break:break-word;font-size:.9rem}.clients-detail-value a{color:var(--vt-color-accent);text-decoration:none}.clients-detail-value a:hover{text-decoration:underline}.clients-detail-categories{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.clients-detail-children{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.clients-detail-child{background:var(--vt-color-bg-primary);border:1px solid var(--vt-color-border);color:var(--vt-color-text-secondary);cursor:pointer;border-radius:12px;align-items:center;padding:4px 10px;font-size:.75rem;transition:all .15s;display:inline-flex}.clients-detail-child:hover{border-color:var(--vt-color-accent);color:var(--vt-color-accent)}.clients-modal-overlay{background:var(--vt-color-bg-overlay);z-index:1000;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.clients-modal{background:var(--vt-color-bg-secondary);border-radius:var(--vt-radius-lg);width:90%;max-width:400px;box-shadow:var(--vt-shadow-lg);padding:24px}.clients-modal h3{color:var(--vt-color-text-primary);margin:0 0 12px;font-size:1.1rem}.clients-modal p{color:var(--vt-color-text-secondary);margin:0 0 20px;font-size:.85rem;line-height:1.5}.clients-modal-actions{justify-content:flex-end;gap:8px;display:flex}.clients-skeleton{padding:12px 0}.clients-skeleton-row{border-bottom:1px solid var(--vt-color-border-light);align-items:center;gap:12px;padding:12px;display:flex}.clients-skeleton-cell{background:linear-gradient(90deg, var(--vt-color-border-light) 25%, var(--vt-color-bg-primary) 50%, var(--vt-color-border-light) 75%);border-radius:var(--vt-radius-sm);background-size:200% 100%;height:16px;animation:1.5s infinite shimmer}.clients-skeleton-avatar{background:linear-gradient(90deg, var(--vt-color-border-light) 25%, var(--vt-color-bg-primary) 50%, var(--vt-color-border-light) 75%);background-size:200% 100%;border-radius:50%;flex-shrink:0;width:36px;height:36px;animation:1.5s infinite shimmer}.clients-skeleton-card{border-radius:var(--vt-radius-lg);background:linear-gradient(90deg, var(--vt-color-border-light) 25%, var(--vt-color-bg-primary) 50%, var(--vt-color-border-light) 75%);background-size:200% 100%;height:120px;margin-bottom:12px;animation:1.5s infinite shimmer}.clients-empty{text-align:center;color:var(--vt-color-text-muted);padding:60px 20px}.clients-empty-icon{opacity:.4;margin-bottom:16px;font-size:3rem}.clients-empty h3{color:var(--vt-color-text-secondary);margin:0 0 8px;font-size:1.1rem}.clients-empty p{color:var(--vt-color-text-muted);margin:0 0 20px;font-size:.85rem;line-height:1.5}.clients-loading-spinner{border:3px solid var(--vt-color-border);border-top-color:var(--vt-color-accent);border-radius:50%;width:28px;height:28px;margin:0 auto 12px;animation:.8s linear infinite clientsSpin}@keyframes clientsSpin{to{transform:rotate(360deg)}}.clients-error{background:var(--vt-color-bg-error-subtle);border:1px solid var(--vt-color-border-error);border-radius:var(--vt-radius-md);color:var(--vt-color-text-error);align-items:center;gap:12px;margin-bottom:16px;padding:16px 20px;font-size:.85rem;display:flex}.clients-error-icon{flex-shrink:0;font-size:1.2rem}.clients-error-message{flex:1}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.clients-card-detail-muted{color:var(--vt-color-text-muted);font-size:.75rem}.clients-card-badge-extra{background:var(--vt-color-bg-primary);color:var(--vt-color-text-muted);border:1px solid var(--vt-color-border)}.clients-detail-meta{color:var(--vt-color-text-secondary);margin-top:4px;font-size:.8rem}.clients-detail-notes{white-space:pre-wrap;line-height:1.6}.clients-clickable{cursor:pointer}.clients-skeleton-w40{width:40%}.clients-skeleton-w30{width:30%}.clients-skeleton-w25{width:25%}.clients-skeleton-w20{width:20%}.clients-skeleton-w15{width:15%}.clients-skeleton-h200{height:200px}.clients-skeleton-h160{height:160px}.clients-text-muted{color:var(--vt-color-text-muted)}.clients-flex-center{justify-content:center;align-items:center;display:flex}.clients-gap-sm{gap:4px}.clients-gap-md{gap:8px}.clients-gap-lg{gap:12px}@media (width>=768px){.clients-shell{padding:24px}.clients-shell-header{flex-direction:row;justify-content:space-between;align-items:center}.clients-shell-header h1{font-size:1.5rem}.clients-toolbar{flex-wrap:nowrap}.clients-toolbar .clients-search-wrapper{flex:280px}.clients-card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.clients-form-grid{grid-template-columns:1fr 1fr;gap:0 24px}.clients-form-grid .clients-field.full-width{grid-column:1/-1}.clients-form-title{font-size:1.5rem}.clients-detail-header{flex-direction:row;justify-content:space-between;align-items:center}.clients-detail-grid{grid-template-columns:1fr 1fr}.clients-detail-grid .clients-detail-item.full-width{grid-column:1/-1}}@media (width>=1024px){.clients-shell{padding:32px}.clients-card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}:root{--copper:#b2843e;--copper-light:#d4a04a;--copper-dark:#8a6530;--black:#1a1a1a;--charcoal:#2d2d2d;--gray-dark:#4a4a4a;--gray-medium:#6a6a6a;--gray-light:#a0a0a0;--cream:#f8f6f3;--white:#fff;--font-serif:"Crimson Pro", "Times New Roman", Georgia, serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--letter-spacing-wide:.25em;--letter-spacing-normal:.1em}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--cream);background-image:linear-gradient(135deg, var(--cream) 0%, #ebe8e3 100%);min-height:100vh;font-family:var(--font-serif);color:var(--black);flex-direction:column;justify-content:center;align-items:center;display:flex;overflow-x:hidden}#root{width:100%}.container{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative}.logo-box{perspective:1000px;width:100%;max-width:600px;margin:0 auto 3rem}.logo-box img{filter:drop-shadow(0 15px 35px #1a1a1a26);width:100%;height:auto;animation:1.2s cubic-bezier(.22,1,.36,1) logoEntry;display:block}.main-wrapper{text-align:center;z-index:10;width:90%;max-width:900px}.info-box{opacity:0;animation:.8s ease-out .6s forwards textEntry;transform:translateY(20px)}h1{font-family:var(--font-serif);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--black);margin-bottom:1.5rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:500;line-height:1.3}.separator{background:linear-gradient(90deg, transparent 0%, var(--copper) 20%, var(--copper) 80%, transparent 100%);width:120px;height:2px;margin:0 auto 1.5rem;position:relative}.separator:before{content:"";background:var(--copper);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tagline{font-family:var(--font-sans);letter-spacing:var(--letter-spacing-wide);color:var(--gray-medium);text-transform:uppercase;font-size:clamp(.75rem,1.5vw,.9rem);font-weight:400}.tech-data{font-family:var(--font-sans);letter-spacing:.15rem;color:var(--gray-light);text-transform:uppercase;font-size:.65rem;font-weight:400;line-height:1.6;position:absolute}.top-l{border-left:2px solid var(--copper);padding-left:12px;top:40px;left:40px}.bot-r{border-right:2px solid var(--copper);text-align:right;padding-right:12px;bottom:40px;right:40px}body.rtl{direction:rtl}body.rtl .top-l{border-left:none;border-right:2px solid var(--copper);padding-left:0;padding-right:12px;left:auto;right:40px}body.rtl .bot-r{border-right:none;border-left:2px solid var(--copper);text-align:left;padding-left:12px;padding-right:0;left:40px;right:auto}@keyframes logoEntry{0%{opacity:0;transform:scale(.95)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes textEntry{to{opacity:1;transform:translateY(0)}}@media (width<=768px){h1,.tagline{letter-spacing:.15em}.logo-box{max-width:80%;margin-bottom:2rem}}@media (width<=600px){.tech-data{display:none}h1{letter-spacing:.1em}.separator{width:80px}}@font-face{font-family:Univers-ThinUltraCn;src:url(/fonts/UniversLTStd-ThinUltraCn.otf)format("opentype")}@font-face{font-family:Voga-Medium;src:url(/fonts/Voga-Medium.otf)format("opentype")}.home-container{--bg:#ececec;--accent:#b2843e;--text-main:#1a1a1a;--text-muted:#888;--font-tech:"Univers-ThinUltraCn", sans-serif;--font-brand:"Voga-Medium", serif;background-color:var(--bg);width:100%;min-height:100vh;font-family:var(--font-tech);color:var(--text-main);background-image:radial-gradient(circle,#fff 0%,#ececec 100%),url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000000' fill-opacity='0.03' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.home-container .tech-data{text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);font-size:.7rem;font-family:var(--font-tech);position:absolute}.home-container .top-l{text-align:left;top:30px;left:30px}.home-container .top-r{text-align:right;top:30px;right:30px}.home-container .bot-r{text-align:right;bottom:30px;right:30px}.contact-link{border-bottom:1px solid #0000;text-decoration:none;transition:all .3s}.contact-link:hover{color:var(--accent);border-bottom-color:var(--accent)}.home-container .main-wrapper{flex-direction:column;align-items:center;gap:3rem;padding:2rem;display:flex}.home-container .logo-box{perspective:1000px;width:100%;max-width:500px}.home-container .logo-box img{filter:drop-shadow(0 20px 30px #0000001a);width:100%;height:auto;transition:transform .1s ease-out}.home-container .info-box{text-align:center}.home-container h1{font-family:var(--font-brand);text-transform:uppercase;letter-spacing:.5rem;color:var(--text-main);margin-bottom:1.5rem;font-size:clamp(2rem,6vw,4rem);font-weight:500}.home-container .separator{background:var(--accent);width:60px;height:3px;margin:0 auto 1.5rem}.home-container .tagline{text-transform:uppercase;letter-spacing:3px;color:var(--text-muted);font-size:clamp(.8rem,2vw,1.1rem)}@media (width<=768px){.home-container .tech-data{font-size:.6rem}.home-container .top-l,.home-container .top-r{top:20px}.home-container .top-l{left:20px}.home-container .top-r{right:20px}.home-container .bot-r{bottom:20px;right:20px}}@media (width<=480px){.home-container .top-l,.home-container .top-r,.home-container .bot-r{text-align:center;width:100%;padding:.5rem;position:relative;inset:auto;display:block!important}.home-container{justify-content:flex-start;padding:2rem 0;overflow-y:auto}.home-container .main-wrapper{gap:2rem;margin:2rem 0;padding:1rem}.home-container h1{letter-spacing:.2rem}}body.rtl .home-container .top-l{text-align:right;left:auto;right:30px}body.rtl .home-container .top-r,body.rtl .home-container .bot-r{text-align:left;left:30px;right:auto}:root{--vt-color-bg-primary:#f8f6f3;--vt-color-bg-secondary:#fff;--vt-color-bg-tertiary:#1a1a1a;--vt-color-bg-overlay:#1a1a1a80;--vt-color-bg-accent-subtle:#b2843e1a;--vt-color-bg-success-subtle:#e6f7e6;--vt-color-bg-error-subtle:#fde8e8;--vt-color-bg-warning-subtle:#fff8e1;--vt-color-bg-input:#fff;--vt-color-text-primary:#1a1a1a;--vt-color-text-secondary:#6a6a6a;--vt-color-text-muted:#a0a0a0;--vt-color-text-inverse:#fff;--vt-color-text-accent:#b2843e;--vt-color-text-success:#2a7a2a;--vt-color-text-error:#d32f2f;--vt-color-text-warning:#f57f17;--vt-color-text-disabled:#888;--vt-color-border:#e0dcd6;--vt-color-border-light:#f0ede8;--vt-color-border-accent:#b2843e26;--vt-color-border-accent-strong:#b2843e4d;--vt-color-border-input:#ddd;--vt-color-border-error:#d32f2f;--vt-color-accent:#b2843e;--vt-color-accent-light:#d4a04a;--vt-color-accent-dark:#8a6530;--vt-color-accent-gradient:linear-gradient(135deg, #b2843e 0%, #8a6530 100%);--vt-color-accent-shadow:#b2843e40;--vt-color-success:#2a7a2a;--vt-color-error:#d32f2f;--vt-color-warning:#f57f17;--vt-shadow-sm:0 2px 4px #1a1a1a0a;--vt-shadow-md:0 4px 6px #1a1a1a0a, 0 20px 40px #1a1a1a14;--vt-shadow-lg:0 8px 32px #1a1a1a26;--vt-shadow-xl:0 15px 35px #1a1a1a26;--vt-font-serif:"Crimson Pro", "Times New Roman", Georgia, serif;--vt-font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--vt-radius-sm:3px;--vt-radius-md:4px;--vt-radius-lg:8px;--vt-transition-theme:background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease;--vt-transition-fast:all .2s ease;transition:var(--vt-transition-theme)}[data-theme=dark]{--vt-color-bg-primary:#121212;--vt-color-bg-secondary:#1e1e1e;--vt-color-bg-tertiary:#2a2a2a;--vt-color-bg-overlay:#000000b3;--vt-color-bg-accent-subtle:#b2843e26;--vt-color-bg-success-subtle:#1a3a1a;--vt-color-bg-error-subtle:#3a1a1a;--vt-color-bg-warning-subtle:#3a2a0a;--vt-color-bg-input:#2a2a2a;--vt-color-text-primary:#e0e0e0;--vt-color-text-secondary:#a0a0a0;--vt-color-text-muted:#707070;--vt-color-text-inverse:#1a1a1a;--vt-color-text-accent:#d4a04a;--vt-color-text-success:#4caf50;--vt-color-text-error:#ef5350;--vt-color-text-warning:#ffb74d;--vt-color-text-disabled:#666;--vt-color-border:#333;--vt-color-border-light:#2a2a2a;--vt-color-border-accent:#b2843e33;--vt-color-border-accent-strong:#b2843e66;--vt-color-border-input:#444;--vt-color-border-error:#ef5350;--vt-color-accent:#d4a04a;--vt-color-accent-light:#e0b86a;--vt-color-accent-dark:#b2843e;--vt-color-accent-gradient:linear-gradient(135deg, #d4a04a 0%, #b2843e 100%);--vt-color-accent-shadow:#d4a04a40;--vt-color-success:#4caf50;--vt-color-error:#ef5350;--vt-color-warning:#ffb74d;--vt-shadow-sm:0 2px 4px #0003;--vt-shadow-md:0 4px 6px #0000004d, 0 20px 40px #0006;--vt-shadow-lg:0 8px 32px #00000080;--vt-shadow-xl:0 15px 35px #00000080}[data-theme=high-contrast]{--vt-color-bg-primary:#000;--vt-color-bg-secondary:#000;--vt-color-bg-tertiary:#000;--vt-color-bg-overlay:#000000f2;--vt-color-bg-accent-subtle:#000;--vt-color-bg-success-subtle:#000;--vt-color-bg-error-subtle:#000;--vt-color-bg-warning-subtle:#000;--vt-color-bg-input:#000;--vt-color-text-primary:#fff;--vt-color-text-secondary:#fff;--vt-color-text-muted:#fff;--vt-color-text-inverse:#000;--vt-color-text-accent:#fff;--vt-color-text-success:#fff;--vt-color-text-error:#fff;--vt-color-text-warning:#fff;--vt-color-text-disabled:#fff;--vt-color-border:#fff;--vt-color-border-light:#fff;--vt-color-border-accent:#fff;--vt-color-border-accent-strong:#fff;--vt-color-border-input:#fff;--vt-color-border-error:#fff;--vt-color-accent:#fff;--vt-color-accent-light:#fff;--vt-color-accent-dark:#fff;--vt-color-accent-gradient:none;--vt-color-accent-shadow:none;--vt-color-success:#fff;--vt-color-error:#fff;--vt-color-warning:#fff;--vt-shadow-sm:none;--vt-shadow-md:none;--vt-shadow-lg:none;--vt-shadow-xl:none;--vt-radius-sm:0px;--vt-radius-md:0px;text-rendering:optimizelegibility}[data-theme=synth-wave]{--vt-color-bg-primary:#0a0a2e;--vt-color-bg-secondary:#12123a;--vt-color-bg-tertiary:#1a1a4e;--vt-color-bg-overlay:#0a0a2ed9;--vt-color-bg-accent-subtle:#ff00801f;--vt-color-bg-success-subtle:#00ff801a;--vt-color-bg-error-subtle:#ff00401a;--vt-color-bg-warning-subtle:#ffc8001a;--vt-color-bg-input:#1a1a4e;--vt-color-text-primary:#e0e0ff;--vt-color-text-secondary:#a0a0d0;--vt-color-text-muted:#6060a0;--vt-color-text-inverse:#0a0a2e;--vt-color-text-accent:#ff0080;--vt-color-text-success:#0f8;--vt-color-text-error:#ff0040;--vt-color-text-warning:#ffc800;--vt-color-text-disabled:#404080;--vt-color-border:#2a2a6e;--vt-color-border-light:#1a1a4e;--vt-color-border-accent:#ff00804d;--vt-color-border-accent-strong:#ff008080;--vt-color-border-input:#3a3a8e;--vt-color-border-error:#ff0040;--vt-color-accent:#ff0080;--vt-color-accent-light:#ff40a0;--vt-color-accent-dark:#c06;--vt-color-accent-gradient:linear-gradient(135deg, #ff0080 0%, #c06 100%);--vt-color-accent-shadow:#ff008066;--vt-color-success:#0f8;--vt-color-error:#ff0040;--vt-color-warning:#ffc800;--vt-shadow-sm:0 2px 4px #0006;--vt-shadow-md:0 4px 6px #00000080, 0 20px 40px #0009;--vt-shadow-lg:0 8px 32px #000000b3;--vt-shadow-xl:0 15px 35px #000000b3;background-image:linear-gradient(#ff008008 1px,#0000 1px),linear-gradient(90deg,#ff008008 1px,#0000 1px);background-size:40px 40px}[data-theme=white-contrast]{--vt-color-bg-primary:#fff;--vt-color-bg-secondary:#fff;--vt-color-bg-tertiary:#fff;--vt-color-bg-overlay:#fffffff2;--vt-color-bg-accent-subtle:#fff;--vt-color-bg-success-subtle:#fff;--vt-color-bg-error-subtle:#fff;--vt-color-bg-warning-subtle:#fff;--vt-color-bg-input:#fff;--vt-color-text-primary:#000;--vt-color-text-secondary:#000;--vt-color-text-muted:#000;--vt-color-text-inverse:#fff;--vt-color-text-accent:#000;--vt-color-text-success:#000;--vt-color-text-error:#000;--vt-color-text-warning:#000;--vt-color-text-disabled:#000;--vt-color-border:#000;--vt-color-border-light:#000;--vt-color-border-accent:#000;--vt-color-border-accent-strong:#000;--vt-color-border-input:#000;--vt-color-border-error:#000;--vt-color-accent:#000;--vt-color-accent-light:#000;--vt-color-accent-dark:#000;--vt-color-accent-gradient:none;--vt-color-accent-shadow:none;--vt-color-success:#000;--vt-color-error:#000;--vt-color-warning:#000;--vt-shadow-sm:none;--vt-shadow-md:none;--vt-shadow-lg:none;--vt-shadow-xl:none;--vt-radius-sm:0px;--vt-radius-md:0px;text-rendering:optimizelegibility}