*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}#root{text-align:left;border:none;width:100%;max-width:none;min-height:100vh;margin:0;display:block}.sidebar{color:#fff;background-color:#1a1a2e;width:250px;height:100vh;padding:20px 0;position:fixed;top:0;left:0}.sidebar-header{border-bottom:1px solid #333;margin-bottom:20px;padding:0 20px 20px}.sidebar-header h1{margin:0;font-size:20px}.sidebar-nav{margin:0;padding:0;list-style:none}.sidebar-nav li{padding:0}.sidebar-nav a{color:#a0a0a0;padding:12px 20px;text-decoration:none;transition:all .2s;display:block}.sidebar-nav a:hover{color:#fff;background-color:#16213e}.sidebar-nav a.active{color:#fff;background-color:#0f3460;border-left:3px solid #e94560}.layout{min-height:100vh;display:flex}.content{background-color:#f5f5f5;flex:1;margin-left:250px;padding:30px}.page-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-header h2{color:#333;margin:0}.btn{cursor:pointer;border:none;border-radius:4px;padding:10px 20px;font-size:14px;text-decoration:none}.btn-primary{color:#fff;background-color:#0f3460}.btn-primary:hover{background-color:#16213e}.table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #eee;padding:15px}.data-table th{color:#333;background-color:#f8f9fa;font-weight:600}.data-table a{color:#0f3460;text-decoration:none}.data-table a:hover{text-decoration:underline}.actions{gap:10px;display:flex}.btn-link{color:#0f3460;cursor:pointer;background:0 0;border:none;font-size:14px;text-decoration:none}.btn-link:hover{text-decoration:underline}.btn-danger{color:#dc3545}.error{color:#dc3545;padding:20px}.form-container{background:#fff;border-radius:8px;max-width:600px;padding:30px;box-shadow:0 2px 4px #0000001a}.form-group{margin-bottom:20px}.form-group label{color:#333;margin-bottom:8px;font-weight:500;display:block}.form-group input{border:1px solid #ddd;border-radius:4px;width:100%;padding:10px 15px;font-size:14px}.form-group input:focus{border-color:#0f3460;outline:none}.form-actions{gap:15px;margin-top:30px;display:flex}.btn-secondary{color:#fff;background-color:#6c757d}.btn-secondary:hover{background-color:#5a6268}.organization-detail-page .page-header{background:#fff;border-radius:8px;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding:20px;display:flex;box-shadow:0 2px 4px #0000001a}.organization-detail-page .back-link{color:#0f3460;cursor:pointer;background:0 0;border:none;margin-bottom:10px;padding:0;font-size:14px}.organization-detail-page .back-link:hover{text-decoration:underline}.organization-detail-page h2{color:#333;margin:0 0 5px}.organization-detail-page .inn{color:#666;margin:0}.tabs{gap:10px;margin-bottom:20px;display:flex}.tab{cursor:pointer;color:#666;background:#fff;border:none;border-radius:4px;padding:12px 24px;font-size:14px;transition:all .2s}.tab:hover{background:#e9ecef}.tab.active{color:#fff;background:#0f3460}.tab-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.tab-header h3{color:#333;margin:0}.tab-content{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.department-form-page .form-container{background:#fff;border-radius:8px;max-width:600px;padding:30px;box-shadow:0 2px 4px #0000001a}.department-form-page .form-group{margin-bottom:20px}.department-form-page .form-group label{color:#333;margin-bottom:8px;font-weight:500;display:block}.department-form-page .form-group input{border:1px solid #ddd;border-radius:4px;width:100%;padding:10px 15px;font-size:14px}.department-form-page .form-group input:focus{border-color:#0f3460;outline:none}.department-form-page .form-actions{gap:15px;margin-top:30px;display:flex}.department-detail-page .page-header{background:#fff;border-radius:8px;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding:20px;display:flex;box-shadow:0 2px 4px #0000001a}.department-detail-page .back-link{color:#0f3460;cursor:pointer;background:0 0;border:none;margin-bottom:10px;padding:0;font-size:14px}.department-detail-page .back-link:hover{text-decoration:underline}.department-detail-page h2{color:#333;margin:0 0 5px}.department-detail-page .organization-link{color:#666;margin:0}.department-detail-page .organization-link a{color:#0f3460}.employees-section{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.section-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.section-header h3{color:#333;margin:0}.employee-form-page .form-container select{background:#fff;border:1px solid #ddd;border-radius:4px;width:100%;padding:10px 15px;font-size:14px}.employee-form-page .form-container select:focus{border-color:#0f3460;outline:none}
