:root{--primary: #0099CC;--primary-dark: #006699;--secondary: #003366;--danger: #E74C3C;--border: #DDDDDD;--light: #F5F5F5;--dark: #333333;--radius: 8px;--radius-lg: 12px;--shadow: 0 2px 8px rgba(0,0,0,.1);--shadow-lg: 0 4px 16px rgba(0,0,0,.15);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--dark);background:#fff;line-height:1.6}#root{min-height:100vh}button{font-family:inherit;font-size:14px;border:none;border-radius:var(--radius);cursor:pointer;transition:all .3s ease;padding:var(--spacing-sm) var(--spacing-md)}.btn-primary{background:var(--primary);color:#fff;font-weight:600;padding:var(--spacing-md) var(--spacing-lg);width:100%}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.link-btn{background:none;color:var(--primary);padding:0;text-decoration:underline;font-size:inherit}.error-message{background:#FADBD8;color:#922b21;padding:var(--spacing-md);border-radius:var(--radius);margin-bottom:var(--spacing-md);border-left:4px solid var(--danger)}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;font-size:18px;color:var(--primary)}input,textarea,select{font-family:inherit;font-size:14px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius);transition:all .2s;width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0099cc1a}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);padding:var(--spacing-md)}.login-box{background:white;border-radius:var(--radius-lg);padding:var(--spacing-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg)}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-header h1{color:var(--primary);font-size:32px;margin-bottom:8px}.login-header p{color:#999;font-size:14px}.login-box form{display:flex;flex-direction:column;gap:var(--spacing-md)}.login-footer{text-align:center;margin-top:var(--spacing-lg);font-size:14px;color:#666}.dashboard{min-height:100vh;background:#f8f9fa}.dashboard-header{background:white;padding:var(--spacing-lg);box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--primary)}.header-content h1{color:var(--primary);margin-bottom:4px}.header-content p{font-size:14px;color:#999;margin:0}.btn-logout{background:var(--danger);color:#fff;padding:var(--spacing-sm) var(--spacing-lg)}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.stat-card{background:white;padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow);text-align:center;border-top:4px solid var(--primary)}.stat-number{font-size:32px;font-weight:700;color:var(--primary);margin-bottom:var(--spacing-sm)}.stat-label{font-size:14px;color:#666}.dashboard-main{display:grid;grid-template-columns:250px 1fr;gap:var(--spacing-lg);padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}.btn-new-company{background:var(--primary);color:#fff;padding:var(--spacing-md) var(--spacing-lg);font-weight:600;width:100%;border-radius:var(--radius-lg)}.filters{background:white;padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.filters h3{font-size:16px;margin-bottom:var(--spacing-md)}.search-box{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.search-box input{flex:1}.btn-search,.btn-filter{padding:var(--spacing-sm) var(--spacing-md);background:var(--primary);color:#fff;border-radius:var(--radius);white-space:nowrap}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.filter-group label{font-weight:600;font-size:13px}.main-content{background:white;border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.loading{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:var(--primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#999}.form-container{max-height:90vh;overflow-y:auto;padding:var(--spacing-lg)}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--border);padding-bottom:var(--spacing-lg)}.form-header h2{margin:0;color:var(--primary)}.btn-close{background:transparent;color:#999;font-size:24px;padding:0;width:32px;height:32px}.form-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--border)}.tab{background:transparent;border:none;padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;font-weight:500;color:#999;border-bottom:2px solid transparent}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-section{border-top:1px solid var(--border);padding-top:var(--spacing-lg)}.form-section h3{font-size:16px;margin-bottom:var(--spacing-md);color:var(--primary)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group.full{grid-column:1 / -1}.form-group label{font-weight:600;font-size:14px}.form-group input[type=color]{height:40px;padding:4px;cursor:pointer}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:2px solid var(--border);justify-content:flex-end}.btn-cancel{background:var(--light);color:var(--dark);border:1px solid var(--border);padding:var(--spacing-md) var(--spacing-lg);font-weight:600}.btn-save{background:var(--primary);color:#fff;padding:var(--spacing-md) var(--spacing-lg);font-weight:600}.btn-save:disabled{opacity:.6;cursor:not-allowed}.table-container{width:100%;overflow-x:auto}.companies-table{width:100%;border-collapse:collapse;font-size:14px}.companies-table thead{background:#f5f5f5;border-bottom:2px solid var(--primary)}.companies-table th{padding:var(--spacing-md);text-align:left;font-weight:600;white-space:nowrap}.companies-table tbody tr{border-bottom:1px solid var(--border);transition:background .2s}.companies-table tbody tr:hover{background:#f9f9f9}.companies-table td{padding:var(--spacing-md);vertical-align:middle}.cell-name{font-weight:600;color:var(--primary)}.cell-id{font-family:monospace;font-size:12px;color:#666}.cell-date{color:#999;font-size:12px}.btn-edit{background:transparent;border:1px solid var(--primary);color:var(--primary);width:32px;height:32px;padding:0;border-radius:50%;font-size:16px;display:inline-flex;align-items:center;justify-content:center}.btn-edit:hover{background:var(--primary);color:#fff}.public-form-container{max-width:800px;margin:0 auto;padding:2rem;background:linear-gradient(135deg,#00A3C4 0%,#004A6C 100%);min-height:100vh}.form-header{text-align:center;margin-bottom:2rem;color:#fff}.form-header h1{font-size:2.5rem;margin-bottom:.5rem}.form-header p{font-size:1.1rem;opacity:.9}.progress-bar{display:flex;justify-content:space-between;margin:2rem 0;background:rgba(255,255,255,.1);padding:1rem;border-radius:8px}.progress-bar .step{flex:1;text-align:center;padding:.5rem;border-radius:4px;font-size:.9rem;opacity:.6;transition:all .3s}.progress-bar .step.active{background:rgba(255,255,255,.3);opacity:1;font-weight:700}.public-form{background:white;padding:2rem;border-radius:12px;box-shadow:0 10px 40px #0003}.form-section{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.form-section h3{color:#00a3c4;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #00A3C4}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#00a3c4}.form-group input[type=color]{height:50px;cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row.colors{display:flex;gap:1.5rem}.form-row.colors>div{display:flex;flex-direction:column;align-items:center}.form-row.colors small{margin-top:.5rem;color:#666}.form-navigation{display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.btn-primary,.btn-secondary{padding:.875rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary{background:#00A3C4;color:#fff}.btn-primary:hover:not(:disabled){background:#008aa8;transform:translateY(-2px)}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-secondary{background:#f0f0f0;color:#333}.btn-secondary:hover{background:#e0e0e0}.btn-submit{background:linear-gradient(135deg,#00A3C4 0%,#004A6C 100%)}.form-note{text-align:center;color:#666;font-size:.9rem;margin-top:1rem}.success-message{text-align:center;padding:3rem;background:white;border-radius:12px;box-shadow:0 10px 40px #0003}.success-message h2{color:#00a3c4;font-size:2rem;margin-bottom:1rem}.success-message p{color:#666;margin-bottom:.5rem}@media (max-width: 768px){.public-form-container{padding:1rem}.form-row{grid-template-columns:1fr}.progress-bar .step{font-size:.75rem}.form-navigation{flex-direction:column;gap:1rem}.btn-primary,.btn-secondary{width:100%}}