:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--secondary-color:#64748b;--success-color:#10b981;--success-hover:#059669;--danger-color:#ef4444;--danger-hover:#dc2626;--warning-color:#f59e0b;--background-color:#f8fafc;--surface-color:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border-color:#e2e8f0;--border-hover:#cbd5e1;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);color:#1e293b;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;min-height:100vh}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin:0 auto;max-width:1400px;padding:2rem;padding:var(--spacing-xl);width:100%}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:1.5rem;padding:var(--spacing-lg)}.login-card{background:#fff;background:var(--surface-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);max-width:420px;overflow:hidden;padding:3rem;padding:var(--spacing-2xl);position:relative;width:100%}.login-card:before{background:linear-gradient(90deg,#2563eb,#10b981);background:linear-gradient(90deg,var(--primary-color),var(--success-color));content:"";height:4px;left:0;position:absolute;right:0;top:0}.login-header{margin-bottom:3rem;margin-bottom:var(--spacing-2xl);text-align:center}.login-logo{align-items:center;background:linear-gradient(135deg,#2563eb,#10b981);background:linear-gradient(135deg,var(--primary-color),var(--success-color));border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;display:flex;font-size:24px;height:64px;justify-content:center;margin:0 auto 1.5rem;margin:0 auto var(--spacing-lg);width:64px}.login-title{color:#1e293b;color:var(--text-primary);font-size:1.875rem;font-weight:700;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.login-subtitle{color:#64748b;color:var(--text-secondary);font-size:.875rem}.dashboard-header{background:#fff;background:var(--surface-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);flex-wrap:wrap;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:2rem;padding:var(--spacing-xl)}.dashboard-header,.dashboard-title{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md)}.dashboard-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#10b981);background:linear-gradient(135deg,var(--primary-color),var(--success-color));border-radius:.5rem;border-radius:var(--radius-md);color:#fff;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.dashboard-text h1{color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.dashboard-text p{color:#64748b;color:var(--text-secondary);font-size:.875rem}.dashboard-actions{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-md)}.btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm);justify-content:center;overflow:hidden;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);position:relative;text-decoration:none;transition:all .2s ease}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff}.btn-primary:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success-color),var(--success-hover));box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff}.btn-success:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--danger-color),var(--danger-hover));box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff}.btn-danger:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:#fff;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#64748b;color:var(--text-secondary)}.btn-secondary:hover{background:#f8fafc;background:var(--background-color);border-color:#cbd5e1;border-color:var(--border-hover)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.form-group{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.form-label{color:#1e293b;color:var(--text-primary);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.form-label.required:after{color:#ef4444;color:var(--danger-color);content:" *"}.form-input,.form-select,.form-textarea{background:#fff;background:var(--surface-color);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);font-size:.875rem;padding:1rem;padding:var(--spacing-md);transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-input:invalid,.form-textarea:invalid{border-color:#ef4444;border-color:var(--danger-color)}.form-textarea{min-height:100px;resize:vertical}.alert{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;gap:var(--spacing-sm);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1rem;padding:var(--spacing-md)}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.alert-warning{background:#fffbeb;border:1px solid #fed7aa;color:#d97706}.card{background:#fff;background:var(--surface-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:2rem;padding:var(--spacing-xl);transition:all .2s ease}.card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.card-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding-bottom:1rem;padding-bottom:var(--spacing-md)}.card-title{color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:700}.card-subtitle{color:#64748b;color:var(--text-secondary);font-size:.875rem;margin-top:.25rem;margin-top:var(--spacing-xs)}.clients-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:1.5rem;margin-top:var(--spacing-lg)}.client-card{background:#fff;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;padding:1.5rem;padding:var(--spacing-lg);position:relative;transition:all .3s ease}.client-card:before{background:linear-gradient(90deg,#2563eb,#10b981);background:linear-gradient(90deg,var(--primary-color),var(--success-color));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.client-card:hover{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.client-card:hover:before{transform:scaleX(1)}.client-header{gap:1rem;gap:var(--spacing-md);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.client-avatar,.client-header{align-items:center;display:flex}.client-avatar{background:linear-gradient(135deg,#2563eb,#10b981);background:linear-gradient(135deg,var(--primary-color),var(--success-color));border-radius:50%;color:#fff;height:48px;justify-content:center;width:48px}.client-avatar,.client-info h3{font-size:1.125rem;font-weight:700}.client-info h3{color:#1e293b;color:var(--text-primary);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.client-info p{color:#64748b;color:var(--text-secondary);font-size:.875rem}.client-details{grid-gap:.5rem;grid-gap:var(--spacing-sm);display:grid}.client-detail,.client-details{gap:.5rem;gap:var(--spacing-sm)}.client-detail{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:.875rem}.client-detail-icon{color:#94a3b8;color:var(--text-muted);height:16px;width:16px}.empty-state{color:#64748b;color:var(--text-secondary);padding:3rem;padding:var(--spacing-2xl);text-align:center}.empty-state-icon{align-items:center;background:#f8fafc;background:var(--background-color);border-radius:50%;color:#94a3b8;color:var(--text-muted);display:flex;font-size:24px;height:64px;justify-content:center;margin:0 auto 1.5rem;margin:0 auto var(--spacing-lg);width:64px}.empty-state h3{color:#1e293b;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.empty-state p{font-size:.875rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease;background:#fff;background:var(--surface-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;background:#fff;background:var(--surface-color);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);border-radius:1rem 1rem 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;display:flex;justify-content:space-between;padding:2rem;padding:var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0}.modal-title{color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:700}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-close:hover{background:#f8fafc;background:var(--background-color);color:#1e293b;color:var(--text-primary)}.modal-body,.modal-footer{padding:2rem;padding:var(--spacing-xl)}.modal-footer{background:#fff;background:var(--surface-color);border-radius:0 0 1rem 1rem;border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);bottom:0;display:flex;gap:1rem;gap:var(--spacing-md);justify-content:flex-end;position:-webkit-sticky;position:sticky}.form-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;display:inline-block;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--mobile-padding:1rem;--tablet-padding:1.5rem;--desktop-padding:2rem;--mobile-font-size:0.875rem;--tablet-font-size:1rem;--desktop-font-size:1rem}@media (max-width:480px){.login-container,.main-content{padding:1rem;padding:var(--mobile-padding)}.login-card{margin:.5rem;margin:var(--spacing-sm);max-width:100%;padding:1.5rem;padding:var(--spacing-lg)}.login-title{font-size:1.5rem}.login-subtitle{font-size:.8rem}.dashboard-header{align-items:stretch;flex-direction:column;gap:1rem;gap:var(--spacing-md);padding:1.5rem;padding:var(--spacing-lg);text-align:center}.dashboard-title{align-items:center;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.dashboard-icon{font-size:18px;height:40px;width:40px}.dashboard-text h1{font-size:1.25rem}.dashboard-text p{font-size:.8rem}.dashboard-actions{flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.btn{font-size:.875rem;font-size:var(--mobile-font-size);justify-content:center;padding:1rem;padding:var(--spacing-md);width:100%}.card{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-lg)}.card-header{align-items:stretch;flex-direction:column;gap:1rem;gap:var(--spacing-md)}.card-title{font-size:1.125rem;text-align:center}.card-subtitle{font-size:.8rem;text-align:center}.clients-grid{gap:1rem;gap:var(--spacing-md);grid-template-columns:1fr}.client-card{padding:1rem;padding:var(--spacing-md)}.client-header{align-items:center;flex-direction:column;gap:.5rem;gap:var(--spacing-sm);text-align:center}.client-avatar{font-size:1rem;height:40px;width:40px}.client-info h3{font-size:1rem}.client-info p{font-size:.8rem}.client-details{gap:.25rem;gap:var(--spacing-xs)}.client-detail{font-size:.8rem;justify-content:center}.form-grid{gap:1rem;gap:var(--spacing-md);grid-template-columns:1fr}.form-group{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.form-input,.form-label,.form-select,.form-textarea{font-size:.875rem;font-size:var(--mobile-font-size)}.form-input,.form-select,.form-textarea{padding:1rem;padding:var(--spacing-md)}.modal-overlay{padding:.5rem;padding:var(--spacing-sm)}.modal-content{border-radius:.75rem;border-radius:var(--radius-lg);margin:0;max-height:calc(100vh - 1rem);max-width:100%}.modal-header{flex-direction:column;gap:.5rem;gap:var(--spacing-sm);padding:1.5rem;padding:var(--spacing-lg)}.modal-title{font-size:1.125rem;text-align:center}.modal-body,.modal-footer{padding:1.5rem;padding:var(--spacing-lg)}.modal-footer{flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.alert,.card-header input[type=text]{font-size:.875rem;font-size:var(--mobile-font-size);padding:1rem;padding:var(--spacing-md)}.alert{flex-direction:column;gap:.25rem;gap:var(--spacing-xs);text-align:center}.empty-state{padding:1.5rem;padding:var(--spacing-lg)}.empty-state-icon{font-size:20px;height:48px;width:48px}.empty-state h3{font-size:1rem}.empty-state p{font-size:.8rem}}@media (min-width:481px) and (max-width:768px){.login-container,.main-content{padding:1.5rem;padding:var(--tablet-padding)}.login-card{max-width:400px}.dashboard-header{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.dashboard-actions{flex-direction:row;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm)}.btn{flex:1 1;font-size:1rem;font-size:var(--tablet-font-size);min-width:120px}.clients-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.clients-grid,.form-grid{gap:1.5rem;gap:var(--spacing-lg)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.modal-content{margin:1.5rem;margin:var(--spacing-lg);max-width:90vw}.modal-footer{flex-direction:row;justify-content:flex-end}.card-header{align-items:center;flex-direction:row;justify-content:space-between}.card-header input[type=text]{min-width:250px}}@media (min-width:769px) and (max-width:1024px){.main-content{padding:1.5rem;padding:var(--tablet-padding)}.clients-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.clients-grid,.form-grid{gap:1.5rem;gap:var(--spacing-lg)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.dashboard-header{align-items:center;flex-direction:row;justify-content:space-between}.dashboard-actions{flex-direction:row;gap:1rem;gap:var(--spacing-md)}.btn{font-size:1rem;font-size:var(--tablet-font-size)}.modal-content{max-width:80vw}}@media (min-width:1025px) and (max-width:1200px){.main-content{padding:2rem;padding:var(--desktop-padding)}.clients-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.clients-grid,.form-grid{gap:2rem;gap:var(--spacing-xl)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (min-width:1201px){.main-content{padding:2rem;padding:var(--desktop-padding)}.clients-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.clients-grid,.form-grid{gap:2rem;gap:var(--spacing-xl)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.modal-content{max-width:600px}}@media (max-width:768px) and (orientation:landscape){.login-container{padding:.5rem;padding:var(--spacing-sm)}.login-card{max-width:500px;padding:1.5rem;padding:var(--spacing-lg)}.modal-content{max-height:calc(100vh - 1rem)}.dashboard-actions,.dashboard-header{flex-direction:row;flex-wrap:wrap}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.client-avatar,.dashboard-icon,.empty-state-icon{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (hover:none) and (pointer:coarse){.btn{padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.btn,.client-card{min-height:44px}.form-input,.form-select,.form-textarea{font-size:16px;min-height:44px}.modal-close{min-height:44px;min-width:44px}.btn:hover,.client-card:hover{transform:none}}@media print{.btn,.dashboard-actions,.login-container,.modal-overlay{display:none!important}.main-content{max-width:none;padding:0}.card{border:1px solid #000;box-shadow:none}.clients-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.client-card{break-inside:avoid;page-break-inside:avoid}}*{transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.btn:focus-visible,.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--primary-color);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--background-color)}::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border-color);border-radius:.375rem;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#cbd5e1;background:var(--border-hover)}
/*# sourceMappingURL=main.cd6baef4.css.map*/