@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.auth-form-section{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;display:flex;flex:1 1;justify-content:center;padding:30px 20px}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #ffffff0d;max-width:900px;overflow:hidden;padding:20px 36px;position:relative;width:90%}.auth-card:before{background:linear-gradient(90deg,#14b8a6,#0d9488 50%,#0f766e);content:"";height:4px;left:0;position:absolute;right:0;top:0}.auth-logo{align-items:center;border-radius:12px;box-shadow:0 8px 16px #14b8a64d;color:#fff;display:flex;font-size:24px;font-weight:700;height:48px;justify-content:center;margin-bottom:20px;position:relative;width:48px}.auth-logo,.auth-logo:after{background:linear-gradient(135deg,#14b8a6,#0d9488)}.auth-logo:after{border-radius:18px;content:"";inset:-2px;opacity:.3;position:absolute;z-index:-1}.auth-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:24px;font-weight:700;letter-spacing:-.5px;margin-bottom:6px}.auth-subtitle{color:#64748b;font-size:14px;font-weight:400;line-height:1.5;margin-bottom:16px}.auth-form{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;margin-bottom:0}.auth-form .form-group.full-width{display:flex!important}.auth-form .auth-button.full-width{margin-left:0;margin-top:16px;width:100%}.form-group{align-items:center!important;display:flex!important;flex-direction:row!important;gap:15px!important}.form-group label{color:#374151;flex-shrink:0;font-weight:600;letter-spacing:.025em;margin:0;min-width:150px;text-align:right}.form-group input,.form-group select{flex:1 1!important}.required{color:#ef4444}.form-group input,.form-group select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #94a3b833;border-radius:10px;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;outline:none;padding:10px 14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%2314b8a6' d='M6 8 0 0h12z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.form-group input::placeholder{color:#94a3b8;font-weight:400}.form-group input:focus,.form-group select:focus{background:#fffffff2;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a,0 4px 12px #14b8a626;transform:translateY(-1px)}.form-group select:hover{border-color:#14b8a666}.auth-button{align-items:center;background:linear-gradient(135deg,#14b8a6,#0d9488);border:none;border-radius:10px;box-shadow:0 4px 14px #14b8a666;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;margin-top:4px;overflow:hidden;padding:11px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.auth-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.auth-button:hover:not(:disabled){background:linear-gradient(135deg,#0d9488,#0f766e);box-shadow:0 6px 20px #14b8a680;transform:translateY(-2px)}.auth-button:hover:not(:disabled):before{left:100%}.auth-button:active:not(:disabled){box-shadow:0 2px 8px #14b8a64d;transform:translateY(0)}.auth-button:disabled{box-shadow:0 2px 8px #14b8a633;cursor:not-allowed;opacity:.6;transform:none}.auth-switch{color:#64748b;font-size:14px;margin-top:18px;text-align:center}.auth-switch a{color:#14b8a6;font-weight:600;margin-left:4px;position:relative;text-decoration:none;transition:all .2s ease}.auth-switch a:after{background:linear-gradient(90deg,#14b8a6,#0d9488);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.auth-switch a:hover{color:#0d9488}.auth-switch a:hover:after{width:100%}.error-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:4px solid #dc2626;border-radius:12px;box-shadow:0 4px 12px #dc26261a;margin-bottom:20px;padding:14px 18px}.trust-indicators{border-top:1px solid #94a3b84d;gap:16px;margin-top:20px;padding-top:18px}.trust-indicators,.trust-item{align-items:center;display:flex}.trust-item{color:#64748b;font-size:12px;font-weight:500;gap:6px}.trust-icon{color:#14b8a6;font-size:14px;font-size:18px}.auth-visual{display:none}.spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-top-color:#fff;height:16px;margin-right:8px;width:16px}@media (max-width:768px){.auth-card{border-radius:16px;margin:20px;padding:32px 24px}.auth-title{font-size:28px}.trust-indicators{align-items:flex-start;flex-direction:column;gap:12px}.form-group input{padding:12px 14px}.auth-button{padding:12px 20px}}@media (min-width:1024px){.auth-form-section{padding:40px 30px}.auth-card{max-width:900px;padding:32px 40px;width:85%}.auth-logo{font-size:26px;height:52px;margin-bottom:24px;width:52px}.auth-title{font-size:26px;margin-bottom:8px}.auth-subtitle{font-size:15px;margin-bottom:26px}.form-group input,.form-group select{font-size:15px;padding:11px 15px}.form-group label{font-size:14px}.auth-button{font-size:15px;padding:12px 24px}.trust-indicators{gap:18px;margin-top:24px;padding-top:20px}.trust-item{font-size:13px}}@media (min-width:1440px){.auth-card{max-width:1000px;padding:36px 44px;width:80%}.auth-title{font-size:28px}.auth-subtitle{font-size:16px}}.equipment-form-container{background:linear-gradient(135deg,#f0f9ff,#f9fafb);min-height:100vh;padding:2rem 1.5rem}.equipment-form-wrapper{background-color:#fff;border:1px solid #e0e7ef;border-radius:16px;box-shadow:0 4px 20px #00000014,0 1px 3px #0000000d;margin:0 auto;max-width:1200px;overflow:hidden;padding:3rem;position:relative}.equipment-form-wrapper:before{background:linear-gradient(90deg,#14b8a6,#0ea5e9);content:"";height:4px;left:0;position:absolute;right:0;top:0}.form-header{border-bottom:2px solid #f0f4f8;gap:1.5rem;margin-bottom:3rem;padding-bottom:2rem;position:relative}.close-button{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:absolute;right:-1rem;top:-1rem;transition:all .2s ease;width:36px}.close-button:hover{background:#e5e7eb;color:#374151;transform:scale(1.1)}.btn-new{flex-shrink:0}.form-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1f2937,#4b5563);-webkit-background-clip:text;background-clip:text}.form-content{grid-gap:2.5rem 4rem;display:grid;gap:2.5rem 4rem;grid-auto-flow:dense;grid-template-columns:repeat(2,1fr)}.form-section{display:flex;flex-direction:column;gap:2rem}.form-group{grid-gap:1.5rem;align-items:center;display:grid;gap:1.5rem;grid-template-columns:180px 1fr;padding:.75rem 0;transition:all .2s ease}.form-group:hover{padding-left:.5rem}.form-label{padding-right:1rem;text-align:left}.form-input{background-color:initial;border-bottom:2px solid #e5e7eb;padding:.875rem 1rem .75rem}.form-input:hover{border-bottom-color:#cbd5e1}.form-input:focus{box-shadow:0 4px 8px #14b8a614;padding-left:1.25rem}.form-input::placeholder{color:#9ca3af;font-weight:400}.form-select{-webkit-appearance:none;appearance:none;background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 12 12'%3E%3Cpath fill='%2314b8a6' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:100%;background-repeat:no-repeat;border:none;border-bottom:2px solid #e5e7eb;color:#1f2937;cursor:pointer;font-size:14px;font-weight:500;outline:none;padding:.875rem 2rem .75rem 1rem;transition:all .3s ease;width:100%}.form-select:hover{border-bottom-color:#cbd5e1}.form-select:focus{background-color:#f0fdfa;border-bottom-color:#14b8a6;box-shadow:0 4px 8px #14b8a614;padding-left:1.25rem}.description-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;grid-column:1/-1;margin-top:2rem;padding:2rem}.description-label{color:#374151;display:block;font-size:14px;font-weight:600;letter-spacing:.3px;margin-bottom:1rem;padding-left:0}.form-textarea{background-color:#fff;border:2px solid #e5e7eb;border-radius:10px;font-weight:500;min-height:150px;outline:none;padding:1.25rem;transition:all .3s ease;width:100%}.form-textarea:hover{border-color:#cbd5e1}.form-textarea:focus{background-color:#f0fdfa;box-shadow:0 0 0 4px #14b8a61a,0 4px 12px #14b8a626}.form-textarea::placeholder{color:#9ca3af;font-weight:400}.button-group{border-top:2px solid #f0f4f8;gap:1.5rem;grid-column:1/-1;justify-content:flex-start;margin-top:2.5rem;padding-top:2.5rem}.btn-save{letter-spacing:.3px}.btn-save:active{box-shadow:0 2px 8px #14b8a64d;transform:translateY(0)}.btn-cancel{letter-spacing:.3px}.btn-cancel:active{box-shadow:0 2px 6px #0000001a;transform:translateY(0)}@media (max-width:1024px){.equipment-form-wrapper{padding:2rem}.form-content{gap:2.5rem;grid-template-columns:1fr}.form-group{gap:1.5rem;grid-template-columns:150px 1fr}.button-group,.description-section{grid-column:1}}@media (max-width:768px){.equipment-form-container{padding:1rem}.equipment-form-wrapper{padding:1.5rem}.form-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:2rem}.form-title{font-size:1.5rem}.form-content{gap:2rem}.form-group{align-items:stretch;gap:.5rem;grid-template-columns:1fr}.form-label{margin-bottom:.25rem;padding-right:0}.form-input,.form-select{width:100%}.button-group{flex-direction:column}.btn-cancel,.btn-save{width:100%}}.equipment-container{background:linear-gradient(135deg,#f0f9ff,#f9fafb);min-height:100vh;padding:2rem}.equipment-wrapper{background-color:#fff;border:1px solid #e0e7ef;border-radius:16px;box-shadow:0 4px 20px #00000014,0 1px 3px #0000000d;margin:0 auto;max-width:1600px;overflow:hidden;padding:2.5rem;position:relative}.equipment-wrapper:before{background:linear-gradient(90deg,#14b8a6,#0ea5e9);content:"";height:4px;left:0;position:absolute;right:0;top:0}.equipment-header{border-bottom:2px solid #f0f4f8;justify-content:space-between;margin-bottom:2.5rem;padding-bottom:1.5rem}.equipment-header,.header-left{align-items:center;display:flex;gap:1.5rem}.btn-new{background:linear-gradient(135deg,#14b8a6,#0d9488);box-shadow:0 2px 8px #14b8a640;font-weight:600;padding:.7rem 1.8rem}.btn-new:hover{background:linear-gradient(135deg,#0d9488,#0f766e);box-shadow:0 6px 16px #14b8a659;transform:translateY(-2px)}.equipment-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1f2937,#4b5563);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:2rem;font-weight:600}.search-box{max-width:450px;position:relative;width:100%}.search-input{background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;font-weight:500;outline:none;padding:.875rem 1.25rem .875rem 3rem;transition:all .3s ease;width:100%}.search-input:focus{background-color:#f0fdfa;border-color:#14b8a6;box-shadow:0 0 0 4px #14b8a61a}.search-icon{color:#14b8a6;font-size:18px;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.equipment-table{border-collapse:collapse;border-radius:12px;overflow:hidden;width:100%}.equipment-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:3px solid #14b8a6}.equipment-table th{color:#374151;font-size:13px;font-weight:700;letter-spacing:.08em;padding:1.25rem 1.5rem;text-align:left;text-transform:uppercase}.equipment-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s ease}.equipment-table tbody tr:hover{background:linear-gradient(90deg,#f0fdfa,#ecfdf5);box-shadow:0 2px 8px #14b8a614;cursor:pointer;transform:scale(1.001)}.equipment-table td{color:#4b5563;font-size:14px;font-weight:500;padding:1.5rem}.equipment-name{color:#1f2937;font-weight:600}.serial-number{background-color:#f0fdfa;border-radius:6px;color:#0d9488;display:inline-block;font-family:SF Mono,Monaco,Courier New,monospace;font-weight:600;padding:.25rem .75rem}.table-scroll{overflow-x:auto}@media (max-width:1024px){.equipment-header{align-items:stretch;flex-direction:column}.search-box{max-width:100%}.equipment-table{font-size:12px}.equipment-table td,.equipment-table th{padding:.75rem .5rem}}@media (max-width:768px){.equipment-container,.equipment-wrapper{padding:1rem}.equipment-title{font-size:1.25rem}}.status-badge{font-weight:600;letter-spacing:.5px;padding:.375rem .875rem}.status-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-scrapped{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.teams-container{min-height:100vh}.teams-container,.teams-wrapper{background-color:#fff;padding:2rem}.teams-wrapper{border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin:0 auto;max-width:1400px}.teams-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.btn-new{padding:.5rem 1.5rem}.teams-title{color:#1f2937;font-size:1.5rem;font-weight:400}.teams-table{border-collapse:collapse;width:100%}.teams-table thead{border-bottom:2px solid #14b8a6}.teams-table th{color:#1f2937;font-size:14px;font-weight:500;padding:1rem;text-align:left}.teams-table tbody tr{border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background-color .2s ease}.teams-table tbody tr:hover{background-color:#f0fdfa}.teams-table td{color:#4b5563;font-size:14px;padding:1.5rem 1rem}.team-name-cell{color:#1f2937;font-weight:500}.no-data{padding:3rem}@media (max-width:768px){.teams-container,.teams-wrapper{padding:1rem}.teams-table{font-size:12px}.teams-table td,.teams-table th{padding:.75rem .5rem}}.team-detail-view{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.team-detail-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem}.btn-back{background-color:#f3f4f6;border:none;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:.6rem 1.2rem;transition:all .3s ease}.btn-back:hover{background-color:#e5e7eb;color:#1f2937}.team-detail-title{color:#1f2937;flex:1 1;font-size:2rem;font-weight:600;margin:0}.btn-add-member{background:linear-gradient(135deg,#14b8a6,#0d9488);border:none;border-radius:8px;box-shadow:0 2px 8px #14b8a640;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:.7rem 1.5rem;transition:all .3s ease}.btn-add-member:hover{background:linear-gradient(135deg,#0d9488,#0f766e);box-shadow:0 6px 16px #14b8a659;transform:translateY(-2px)}.add-member-form{animation:slideDown .3s ease;background:linear-gradient(135deg,#f0fdfa,#f9fafb);border:2px solid #14b8a6;border-radius:12px;margin-bottom:2rem;padding:2rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.form-subtitle{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.member-form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.form-group{gap:.5rem}.form-label{font-weight:600;letter-spacing:.3px}.form-input{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;font-weight:500;padding:.875rem 1rem;transition:all .3s ease}.form-input:hover{border-color:#cbd5e1}.form-input:focus{background-color:#f0fdfa;box-shadow:0 0 0 4px #14b8a61a}.btn-save-member{background:linear-gradient(135deg,#14b8a6,#0d9488);border:none;border-radius:10px;box-shadow:0 4px 12px #14b8a64d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:.875rem 2.5rem;transition:all .3s ease}.btn-save-member:hover{background:linear-gradient(135deg,#0d9488,#0f766e);box-shadow:0 6px 20px #14b8a666;transform:translateY(-2px)}.members-section{margin-top:2rem}.members-title{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.members-table-wrapper{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.members-table{border-collapse:collapse;width:100%}.members-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:3px solid #14b8a6}.members-table th{color:#374151;font-size:13px;font-weight:700;letter-spacing:.08em;padding:1.25rem 1.5rem;text-align:left;text-transform:uppercase}.members-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s ease}.members-table tbody tr:hover{background:linear-gradient(90deg,#f0fdfa,#ecfdf5)}.members-table tbody tr:last-child{border-bottom:none}.members-table td{color:#4b5563;font-size:14px;font-weight:500;padding:1.25rem 1.5rem;vertical-align:middle}.member-name-cell{align-items:center;display:flex;gap:1rem}.member-avatar-small{align-items:center;background:linear-gradient(135deg,#14b8a6,#0d9488);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.member-name{color:#1f2937;font-size:15px;font-weight:600}.member-email{color:#6b7280;font-size:14px}.member-password-cell{font-family:Courier New,monospace}.password-code{background-color:#f0fdfa;border:1px solid #99f6e4;border-radius:6px;color:#0d9488;font-size:13px;font-weight:600;padding:.4rem .8rem}.action-buttons{align-items:center;display:flex;gap:.5rem}.btn-edit-member{background-color:#dbeafe;border:1px solid #93c5fd;border-radius:6px;color:#1d4ed8;cursor:pointer;font-size:13px;font-weight:600;padding:.5rem 1.25rem;transition:all .3s ease}.btn-edit-member:hover{background-color:#1d4ed8;border-color:#1d4ed8;box-shadow:0 2px 8px #1d4ed84d;color:#fff;transform:translateY(-1px)}.btn-delete-member{background-color:#fee2e2;border:1px solid #fca5a5;border-radius:6px;color:#dc2626;cursor:pointer;font-size:13px;font-weight:600;padding:.5rem 1.25rem;transition:all .3s ease}.btn-delete-member:hover{background-color:#dc2626;border-color:#dc2626;box-shadow:0 2px 8px #dc26264d;color:#fff;transform:translateY(-1px)}.no-members{background:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px;color:#9ca3af;font-size:16px;padding:4rem 2rem;text-align:center}.new-team-form{animation:fadeIn .3s ease}.form-header{margin-bottom:2rem;padding-bottom:1.5rem}.form-title{font-size:2rem;font-weight:600;margin:0}.btn-close-form{background:#f3f4f6;border:none;border-radius:50%;transition:all .2s ease}.btn-close-form:hover{background:#e5e7eb;color:#374151;transform:scale(1.1)}.form-content{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.form-actions{border-top:2px solid #f0f4f8;gap:1rem;padding-top:1.5rem}.btn-save{background:linear-gradient(135deg,#14b8a6,#0d9488);border-radius:10px;box-shadow:0 4px 12px #14b8a64d;font-size:15px;font-weight:600;padding:.875rem 3rem;transition:all .3s ease}.btn-save:hover{background:linear-gradient(135deg,#0d9488,#0f766e);box-shadow:0 6px 20px #14b8a666;transform:translateY(-2px)}.btn-cancel{border:2px solid #d1d5db;border-radius:10px;color:#4b5563;font-size:15px;font-weight:600;padding:.875rem 3rem;transition:all .3s ease}.btn-cancel:hover{border-color:#9ca3af;box-shadow:0 4px 12px #0000001a;color:#1f2937;transform:translateY(-2px)}@media (max-width:768px){.member-form-grid{grid-template-columns:1fr}.team-detail-header{align-items:flex-start;flex-direction:column}.btn-add-member{width:100%}.members-table-wrapper{overflow-x:auto}.members-table{min-width:600px}.members-table td,.members-table th{font-size:13px;padding:1rem}.member-avatar-small{font-size:14px;height:35px;width:35px}}.role-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:.375rem .875rem;text-transform:uppercase}.role-admin{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.role-member{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.loading-spinner{color:#6b7280;font-size:16px;min-height:300px}.text-muted{color:#9ca3af;font-size:13px;font-style:italic}.team-description{color:#6b7280;font-size:13px}body{background:#fff;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-wrapper{background:#f9fafb;display:flex;min-height:100vh}.sidebar{background:#fff;border-right:1px solid #e5e7eb;box-shadow:2px 0 8px #0000000d;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:260px}.sidebar-header{border-bottom:1px solid #e5e7eb;padding:25px 20px}.sidebar-title{color:#14b8a6;font-size:20px;font-weight:600}.sidebar-nav{flex:1 1;overflow-y:auto;padding:20px 0}.sidebar-link{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 20px;text-align:left;transition:all .2s;width:100%}.sidebar-link svg{height:20px;min-width:20px;width:20px}.sidebar-link:hover{background:#f0fdfa;color:#14b8a6}.sidebar-link.active{background:#14b8a6;color:#fff;font-weight:500}.sidebar-link.active svg{stroke:#fff}.sidebar-footer{border-top:1px solid #e5e7eb;padding:15px}.user-info{gap:12px;margin-bottom:12px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#14b8a6;border-radius:50%;color:#fff;font-size:16px;font-weight:600;height:40px;justify-content:center;min-width:40px;width:40px}.user-details{flex:1 1;overflow:hidden}.user-name{color:#1f2937;font-size:13px;font-weight:500}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#9ca3af;font-size:11px}.logout-btn{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;gap:8px;justify-content:center;padding:10px;transition:all .2s;width:100%}.logout-btn svg{height:16px;width:16px}.logout-btn:hover{background:#dc2626;border-color:#dc2626;color:#fff}.main-content{background:#f8f9fa;flex:1 1;margin-left:260px;max-width:none;padding:25px 35px}.action-bar{align-items:center;display:flex;gap:15px;margin-bottom:30px}.btn-new{background:#14b8a6;border:1px solid #14b8a6;border-radius:8px;box-shadow:0 2px 4px #14b8a633;padding:12px 24px;transition:all .2s}.btn-new:hover{background:#0d9488;border-color:#0d9488}.search-bar{position:relative}.search-bar input{border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px 12px 45px;transition:all .2s;width:100%}.search-bar input:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a;outline:none}.search-bar svg{left:15px;position:absolute;top:50%;transform:translateY(-50%)}.priority-selector{display:flex;gap:10px;padding:10px 0}.priority-btn{align-items:center;background:#0000;border:2px solid #e5e7eb;border-radius:50%;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .2s;width:40px}.priority-btn.priority-low{border-color:#10b981;color:#10b981}.priority-btn.priority-low:hover{background:#ecfdf5}.priority-btn.priority-low.active{background:#10b981;color:#fff}.priority-btn.priority-medium{border-color:#f59e0b;color:#f59e0b}.priority-btn.priority-medium:hover{background:#fffbeb}.priority-btn.priority-medium.active{background:#f59e0b;color:#fff}.priority-btn.priority-high{border-color:#ef4444;color:#ef4444}.priority-btn.priority-high:hover{background:#fef2f2}.priority-btn.priority-high.active{background:#ef4444;color:#fff}.search-bar{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex:1 1;gap:10px;max-width:500px;padding:8px 15px}.search-bar svg{color:#9ca3af;height:18px;width:18px}.search-bar input{background:#0000;border:none;color:#1f2937;flex:1 1;font-size:14px;outline:none}.search-bar input::placeholder{color:#9ca3af}.search-dropdown{background:#0000;border:none;color:#6b7280;cursor:pointer}.stats-cards{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin-bottom:25px}.stat-card{background:#fff;border:none;border-radius:10px;box-shadow:0 2px 8px #00000014;min-width:0;padding:20px;transition:all .3s ease}.stat-card[style*="cursor: pointer"]:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-6px)}.card-critical{background:linear-gradient(135deg,#dc2626,#b91c1c)}.card-critical:hover{background:linear-gradient(135deg,#b91c1c,#991b1b)}.card-technician{background:linear-gradient(135deg,#10b981,#059669)}.card-requests{background:linear-gradient(135deg,#14b8a6,#0d9488)}.card-requests:hover{background:linear-gradient(135deg,#0d9488,#0f766e)}.card-header{color:#fffffff2;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.card-value{color:#fff;font-size:26px;font-weight:700;line-height:1.2;margin-bottom:6px}.card-subtitle{color:#ffffffd9;font-size:11px}.data-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.maintenance-table{border-collapse:collapse;width:100%}.maintenance-table thead{background:linear-gradient(180deg,#f9fafb,#f3f4f6)}.maintenance-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:12px;font-weight:700;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.maintenance-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:16px 20px}.maintenance-table tbody tr{transition:background-color .2s ease}.maintenance-table tbody tr:hover{background:#fafbfc;cursor:pointer}.maintenance-table tbody tr:last-child td{border-bottom:none}.new-request-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #00000014;padding:35px}.form-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:28px;padding-bottom:22px}.form-title{color:#1f2937;font-size:26px;font-weight:700}.btn-close-form{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-close-form:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.form-grid-two-col{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:25px}.form-column{gap:20px}.form-label{font-size:13px}.form-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;padding:10px 14px;transition:all .2s}.form-input:focus{background:#fff;border-color:#14b8a6;outline:none}.form-textarea{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;font-family:inherit;font-size:14px;padding:10px 14px;transition:all .2s}.form-textarea:focus{background:#fff;border-color:#14b8a6;outline:none}.radio-group-inline{display:flex;gap:25px;padding:10px 0}.radio-label-inline{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:10px}.radio-label-inline input[type=radio]{accent-color:#14b8a6;cursor:pointer;height:18px;width:18px}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:15px;padding-top:20px}.btn-save-form{background:#14b8a6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 30px;transition:all .2s}.btn-save-form:hover{background:#0d9488}.btn-save-form:disabled{background:#9ca3af;cursor:not-allowed}.btn-cancel-form{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:12px 30px;transition:all .2s}.btn-cancel-form:hover{background:#f9fafb}.btn-cancel-form:disabled{cursor:not-allowed;opacity:.5}.alert{border-radius:6px;font-size:14px;margin-bottom:20px;padding:14px 18px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;padding:20px}.modal-content{animation:modalFadeIn .2s ease-out;box-shadow:0 25px 50px -12px #00000040;color:#1f2937;max-width:1100px}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:20px 30px}.modal-breadcrumb{color:#6b7280;font-size:13px}.breadcrumb-separator{color:#d1d5db;margin:0 8px}.breadcrumb-active{color:#14b8a6;font-weight:500}.modal-close{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s;width:32px}.modal-close:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.modal-top-bar{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:15px;padding:15px 30px}.btn-new-modal{background:#14b8a6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 20px;transition:all .2s}.btn-new-modal:hover{background:#0d9488}.status-badges{align-items:center;display:flex;flex:1 1;gap:8px}.status-badge{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;padding:6px 14px;transition:all .2s}.status-badge:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db}.status-badge.active{background:#14b8a6;border-color:#14b8a6;color:#fff}.status-badge:disabled{cursor:not-allowed;opacity:1}.status-separator{color:#d1d5db;font-size:14px;font-weight:600}.btn-action{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.btn-action:hover{border-color:#14b8a6;color:#14b8a6}.modal-body{padding:30px}.form-section{background:#0000}.section-title{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.subject-display{color:#1f2937;font-size:32px;font-weight:600;line-height:1.2;margin-bottom:35px}.form-grid{display:flex;flex-direction:column;gap:25px}.form-row{grid-gap:30px;gap:30px}.form-group{gap:8px}.form-group.full-width{grid-column:1/-1}.form-group label{color:#6b7280;font-size:13px;font-weight:500}.form-value{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;font-size:14px;padding:10px 14px}.dropdown-field{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.dropdown-arrow{color:#9ca3af;font-size:12px}.priority-stars{display:flex;gap:6px;padding:10px 0}.star{color:#e5e7eb;font-size:20px}.star.filled{color:#14b8a6}.radio-group{gap:25px;padding:10px 0}.radio-label{color:#374151;font-size:14px;gap:10px}.radio-label input[type=radio]{accent-color:#14b8a6;cursor:pointer;height:18px;width:18px}.detail-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:4px;margin-top:40px}.detail-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-2px;padding:12px 20px;transition:all .2s}.detail-tab.active{border-bottom-color:#14b8a6;color:#14b8a6}.detail-tab:hover:not(.active){color:#374151}.tab-content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:0 0 6px 6px;min-height:150px;padding:25px}.instructions-area,.notes-area{color:#6b7280;font-size:14px;line-height:1.6}@media (max-width:768px){.sidebar{width:70px}.sidebar-link span,.sidebar-title,.user-details{display:none}.main-content{margin-left:70px}.stats-cards{flex-direction:column}.data-table-wrapper{overflow-x:auto}.form-grid-two-col,.form-row{grid-template-columns:1fr}.modal-content{width:95%}}@media (min-width:1024px){.main-content{padding:30px 45px}.stats-cards{gap:22px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}.stat-card{padding:24px}.card-header{font-size:12px;margin-bottom:10px}.card-value{font-size:30px;margin-bottom:8px}.card-subtitle{font-size:12px}.form-grid-two-col{gap:35px}.form-column{gap:24px}.form-label{font-size:14px}.form-input,.form-textarea{font-size:15px;padding:12px 16px}.maintenance-table th{font-size:13px;padding:18px 24px}.maintenance-table td{font-size:15px;padding:18px 24px}.modal-content{max-width:1200px}.new-request-container{padding:40px}.form-header{margin-bottom:30px;padding-bottom:25px}.form-title{font-size:28px}.action-bar{margin-bottom:35px}.btn-new{font-size:15px;padding:13px 28px}.search-bar{max-width:600px}.search-bar input{font-size:15px;padding:13px 16px 13px 48px}}@media (min-width:1440px){.main-content{max-width:none;padding:35px 60px}.stats-cards{gap:25px;grid-template-columns:repeat(3,1fr)}.stat-card{padding:26px}.card-value{font-size:32px}.card-header,.card-subtitle{font-size:12px}.form-grid-two-col{gap:40px;grid-template-columns:1fr 1fr}.modal-content{max-width:1400px}.maintenance-table td,.maintenance-table th{padding:20px 28px}.maintenance-table th{font-size:14px}.maintenance-table td{font-size:16px}}@media (min-width:1920px){.main-content{margin-left:auto;margin-right:auto;max-width:1800px}.modal-content{max-width:1600px}}.kanban-board{display:flex;gap:20px;min-height:600px;overflow-x:auto;padding:20px}.kanban-columns{display:flex;flex:1 1;gap:20px}.kanban-column{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;max-width:300px;min-width:300px}.column-header{align-items:center;background:#fff;border-bottom:3px solid;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:16px}.column-title{color:#1e293b;font-size:16px;font-weight:600;margin:0}.column-count{background:#e2e8f0;border-radius:12px;color:#64748b;font-size:12px;font-weight:500;padding:2px 8px}.column-content{display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:400px;padding:16px}.kanban-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:grab;padding:16px;transition:all .2s ease}.kanban-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.kanban-card:active{cursor:grabbing}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.card-type-icon{font-size:18px}.card-status-dot{border-radius:50%;height:12px;width:12px}.card-content{margin-bottom:12px}.card-title{color:#1e293b;font-size:14px;font-weight:600;line-height:1.4;margin:0 0 8px}.card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:12px;line-height:1.4;margin:0 0 12px;overflow:hidden}.card-meta{display:flex;flex-direction:column;gap:6px}.meta-item{align-items:center;color:#64748b;display:flex;font-size:11px;gap:6px}.card-footer,.meta-icon{font-size:10px}.card-footer{align-items:center;border-top:1px solid #f1f5f9;color:#94a3b8;display:flex;justify-content:space-between;padding-top:12px}.card-created-by{font-weight:500}.kanban-card[data-is-dragging=true]{opacity:.5}@media (max-width:768px){.kanban-board{padding:10px}.kanban-columns{gap:10px}.kanban-column{max-width:280px;min-width:280px}.column-content,.column-header,.kanban-card{padding:12px}}.kanban-page-container{background-color:#f8fafc;display:flex;min-height:100vh}.kanban-page-container .dashboard-sidebar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:2px 0 10px #0000001a;color:#fff;display:flex;flex-direction:column;padding:0;width:280px}.kanban-main{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.kanban-content{flex:1 1;overflow-y:auto;padding:20px}@media (max-width:768px){.kanban-page-container{flex-direction:column}.kanban-page-container .dashboard-sidebar{height:auto;width:100%}.kanban-main{width:100%}}.calendar-page-container{background-color:#f8fafc;display:flex;min-height:100vh}.calendar-page-container .dashboard-sidebar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:2px 0 10px #0000001a;color:#fff;display:flex;flex-direction:column;padding:0;width:280px}.calendar-main{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.calendar-content{flex:1 1;overflow-y:auto;padding:20px}.calendar-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:1200px;padding:24px}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.calendar-title{color:#1e293b;font-size:24px;font-weight:600;margin:0}.nav-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;padding:8px 16px;transition:background .2s}.nav-btn:hover{background:#059669}.calendar-grid{grid-gap:1px;background:#e2e8f0;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr);overflow:hidden}.calendar-day-header{background:#f8fafc;border-bottom:2px solid #cbd5e1;color:#64748b;font-size:14px;font-weight:600;padding:12px;text-align:center}.calendar-day{background:#fff;cursor:pointer;display:flex;flex-direction:column;min-height:120px;padding:8px;transition:all .2s}.calendar-day:hover{background:#f8fafc}.calendar-day.empty{background:#f8fafc;cursor:default}.calendar-day.has-events{background:#fef3c7}.day-number{color:#1e293b;font-weight:600;margin-bottom:4px}.day-events{display:flex;flex:1 1;flex-direction:column;gap:2px;margin-top:4px;overflow:hidden}.event-item{border-radius:4px;font-size:11px;line-height:1.3;margin-bottom:2px;padding:4px 6px;white-space:nowrap}.event-item,.event-subject{overflow:hidden;text-overflow:ellipsis}.event-subject{font-weight:500}.event-equipment{font-size:10px;opacity:.8;overflow:hidden;text-overflow:ellipsis}.loading-spinner{align-items:center;color:#64748b;display:flex;flex-direction:column;height:400px;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#10b981;height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.calendar-page-container{flex-direction:column}.calendar-page-container .dashboard-sidebar{height:auto;width:100%}.calendar-main{width:100%}.calendar-grid{font-size:12px;grid-template-columns:repeat(7,1fr)}.calendar-day{min-height:80px;padding:4px}}.modal-content{max-width:500px}.modal-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px}.btn-secondary{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background .2s}.btn-secondary:hover{background:#e2e8f0}.btn-primary{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background .2s}.btn-primary:hover{background:#059669}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.error-message{color:#dc2626;font-size:14px;margin-top:4px}.workcentres-content{padding:24px}.new-btn{align-items:center;background:linear-gradient(135deg,#14b8a6,#0d9488);border:none;border-radius:8px;box-shadow:0 2px 4px #14b8a633;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.new-btn:hover{background:linear-gradient(135deg,#0d9488,#0f766e);box-shadow:0 4px 8px #14b8a64d;transform:translateY(-1px)}.new-btn:active{transform:translateY(0)}.btn-icon{font-size:16px;font-weight:700}.workcentres-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.workcentre-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:24px;transition:all .2s}.workcentre-card:hover{box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;transform:translateY(-2px)}.workcentre-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.workcentre-info{flex:1 1}.workcentre-name{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 8px}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}.status-active{background:#dcfce7;color:#166534}.status-inactive{background:#fee2e2;color:#dc2626}.status-maintenance{background:#fef3c7;color:#92400e}.workcentre-actions{display:flex;gap:8px}.action-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px;transition:all .2s}.edit-btn:hover{background:#e0f2fe;border-color:#0ea5e9;color:#0ea5e9}.delete-btn:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.workcentre-details{color:#64748b}.workcentre-description{line-height:1.5;margin:0 0 16px}.workcentre-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.stat-item{align-items:center;display:flex;justify-content:space-between}.stat-label{color:#64748b;font-size:14px}.stat-value{color:#1e293b;font-weight:500}.workcentre-teams{margin-top:16px}.workcentre-teams h4{color:#374151;font-size:14px;font-weight:600;margin:0 0 8px}.teams-list{display:flex;flex-wrap:wrap;gap:6px}.team-tag{background:#f1f5f9;border-radius:12px;color:#475569;font-size:12px;font-weight:500;padding:4px 8px}.empty-state{color:#64748b;padding:64px 24px;text-align:center}.empty-state svg{height:64px;margin-bottom:24px;opacity:.5;width:64px}.empty-state h3{color:#1e293b;font-size:24px;font-weight:600;margin:0 0 8px}.empty-state p{font-size:16px;margin:0 auto 24px;max-width:400px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:600px;overflow-y:auto;padding:24px;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.modal-title{color:#1e293b;font-size:20px;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:24px;padding:4px;transition:background .2s}.modal-close:hover{background:#f1f5f9;color:#475569}.form-group{margin-bottom:16px}.form-label{color:#374151;font-size:14px;font-weight:500;margin-bottom:6px}.form-input,.form-select,.form-textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.form-textarea{min-height:80px;resize:vertical}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-hint{color:#6b7280;display:block;font-size:12px;margin-top:4px}.modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px}.btn-cancel{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#475569;font-weight:500;padding:10px 16px;transition:background .2s}.btn-cancel:hover{background:#e2e8f0}.btn-save{background:#10b981;border-radius:6px;font-weight:500;padding:10px 16px;transition:background .2s}.btn-save:hover{background:#059669}.btn-cancel:disabled,.btn-save:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.workcentres-content{padding:16px}.workcentres-grid{gap:16px;grid-template-columns:1fr}.workcentre-card{padding:16px}.workcentre-header{flex-direction:column;gap:12px}.workcentre-actions{align-self:flex-end}.form-row,.workcentre-stats{grid-template-columns:1fr}.form-row{gap:0}.modal-content{padding:16px;width:95%}}.App{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.App,.container{min-height:100vh}.container{background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;padding:2rem}.wrapper{margin:0 auto;max-width:1200px}.header{margin-bottom:2rem}.header-top{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.btn-new{border-radius:4px;padding:.5rem 1rem;transition:background-color .3s ease}.breadcrumb{color:#6b7280;font-size:14px}.title{color:#1f2937;font-size:2rem;font-weight:300}.form-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.form-column{gap:1.5rem}.form-column,.form-group{display:flex;flex-direction:column}.form-label{color:#6b7280;display:block;font-size:.875rem;margin-bottom:.5rem}.form-input{border:none;border-bottom:2px solid #d1d5db;font-size:14px;outline:none;padding:.5rem 1rem;transition:border-color .3s ease;width:100%}.form-input.primary-border,.form-input:focus{border-bottom-color:#14b8a6}.radio-group{display:flex;gap:1.5rem}.radio-label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.radio-input{accent-color:#14b8a6;cursor:pointer;height:1rem;width:1rem}.button-group{display:flex;gap:1rem;margin-top:2rem}.btn-save{background-color:#14b8a6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:.5rem 1.5rem;transition:background-color .3s ease}.btn-save:hover{background-color:#0f9688}.btn-cancel{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:14px;padding:.5rem 1.5rem;transition:background-color .3s ease}.btn-cancel:hover{background-color:#f9fafb}.alert{border-radius:4px;font-weight:500;margin-bottom:1.5rem;padding:1rem}.alert-error{background-color:#fee2e2;border-left:4px solid #dc2626;color:#991b1b}.alert-success{background-color:#dcfce7;border-left:4px solid #16a34a;color:#166534}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.container{padding:1rem}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.categories-container{background-color:#fff;min-height:100vh;padding:2rem}.categories-wrapper{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-width:1400px;padding:2rem}.categories-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.btn-new{background-color:#14b8a6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:.6rem 1.5rem;transition:all .3s ease}.btn-new:hover{background-color:#0f9688;box-shadow:0 4px 8px #14b8a64d;transform:translateY(-1px)}.categories-title{color:#1f2937;font-size:1.75rem;font-weight:400}.categories-table{border-collapse:collapse;width:100%}.categories-table thead{background-color:#f9fafb;border-bottom:2px solid #14b8a6}.categories-table th{color:#1f2937;font-size:13px;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.categories-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s ease}.categories-table tbody tr:hover{background-color:#f0fdfa;cursor:pointer}.categories-table td{color:#4b5563;font-size:14px;padding:1.25rem 1rem}.category-name{color:#1f2937;font-weight:500}.no-data{color:#9ca3af;font-size:14px;padding:4rem;text-align:center}.info-note{background-color:#f0fdfa;border-left:4px solid #14b8a6;border-radius:4px;margin-top:2rem;padding:1rem}.info-note p{color:#4b5563;font-size:14px;line-height:1.5}@media (max-width:768px){.categories-container,.categories-wrapper{padding:1rem}.categories-title{font-size:1.25rem}.categories-table{font-size:12px}.categories-table td,.categories-table th{padding:.75rem .5rem}}
/*# sourceMappingURL=main.bfb5c8f5.css.map*/