: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}