@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Nunito:wght@400;600;700&display=swap);:root{--primary-color:#1890ff;--success-color:#52c41a;--warning-color:#faad14;--error-color:#f5222d;--info-color:#1890ff;--bg-primary:#fff;--bg-secondary:#f0f2f5;--bg-dark:#001529;--text-primary:#000000d9;--text-secondary:#00000073;--text-disabled:#00000040;--text-white:#fff;--border-color:#d9d9d9;--border-color-light:#f0f0f0;--role-admin:#722ed1;--role-engineer:#1890ff;--role-main-engineer:#fa8c16;--role-champ:#52c41a;--role-manager:#13c2c2;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-xl:16px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition-fast:0.15s ease-in-out;--transition-normal:0.3s ease-in-out;--transition-slow:0.5s ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--font-xs:12px;--font-sm:14px;--font-md:16px;--font-lg:18px;--font-xl:20px;--font-xxl:24px;--font-xxxl:32px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--line-height-sm:1.25;--line-height-md:1.5;--line-height-lg:1.75}.navbar{background:var(--bg-dark);box-shadow:var(--shadow-md);transition:background-color var(--transition-normal);z-index:var(--z-sticky)}.navbar.navbar-role-admin{background:linear-gradient(135deg,var(--role-admin),var(--bg-dark))}.navbar.navbar-role-engineer{background:linear-gradient(135deg,var(--role-engineer),var(--bg-dark))}.navbar.navbar-role-main_engineer{background:linear-gradient(135deg,var(--role-main-engineer),var(--bg-dark))}.navbar.navbar-role-champ{background:linear-gradient(135deg,var(--role-champ),var(--bg-dark))}.navbar.navbar-role-manager{background:linear-gradient(135deg,var(--role-manager),var(--bg-dark))}.navbar-container{height:64px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 var(--spacing-lg)}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:var(--text-white);font-size:var(--font-lg);font-weight:var(--font-semibold);gap:var(--spacing-sm);transition:opacity var(--transition-fast)}.navbar-logo:hover{color:var(--text-white);opacity:.9}.navbar-logo-icon{font-size:var(--font-xxl)}.navbar-logo-text{display:none}@media (min-width:768px){.navbar-logo-text{display:inline}}.navbar-links{flex:1 1;justify-content:center;max-width:600px}.navbar-link,.navbar-links{display:flex;gap:var(--spacing-xs)}.navbar-link{align-items:center;border-radius:var(--radius-md);color:var(--text-white);opacity:.8;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all var(--transition-fast)}.navbar-link:hover{background:#ffffff1a;color:var(--text-white);opacity:1}.navbar-link.active{background:#ffffff26;opacity:1}.navbar-link.active:after{background:var(--text-white);border-radius:var(--radius-sm);bottom:-2px;content:"";height:3px;left:var(--spacing-md);position:absolute;right:var(--spacing-md)}.navbar-link-text{display:none}@media (min-width:640px){.navbar-link-text{display:inline}}.navbar-user{gap:var(--spacing-md)}.navbar-user,.navbar-user-info{align-items:center;display:flex}.navbar-user-info{background:#ffffff1a;border-radius:var(--radius-lg);color:var(--text-white);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.navbar-user-role{display:none;font-weight:var(--font-medium)}@media (min-width:640px){.navbar-user-role{display:inline}}.navbar-logout-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-md);color:var(--text-white);cursor:pointer;display:flex;font-weight:var(--font-medium);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.navbar-logout-btn:hover{background:var(--error-color);border-color:var(--error-color)}.navbar-logout-text{display:none}@media (min-width:640px){.navbar-logout-text{display:inline}}*{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--font-md);line-height:var(--line-height-md)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::selection{background-color:var(--primary-color);color:var(--text-white)}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}button{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;padding:0}a{text-decoration:none;transition:color var(--transition-fast)}a,a:hover{color:var(--primary-color)}a:hover{opacity:.8}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:var(--font-semibold);line-height:var(--line-height-sm)}h1{font-size:var(--font-xxxl)}h2{font-size:var(--font-xxl)}h3{font-size:var(--font-xl)}h4{font-size:var(--font-lg)}h5{font-size:var(--font-md)}h6{font-size:var(--font-sm)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-disabled{color:var(--text-disabled)}.text-white{color:var(--text-white)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-dark{background-color:var(--bg-dark)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.flex{display:flex}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.w-full{width:100%}.h-full{height:100%}.hidden{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:50%}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.transition-fast{transition:all var(--transition-fast)}.transition-normal{transition:all var(--transition-normal)}.transition-slow{transition:all var(--transition-slow)}.app-container{background-color:#f5f5f5;min-height:100vh}.navbar{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #0000001a;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{height:64px;justify-content:space-between;margin:0;max-width:none;padding:0 24px;width:100%}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{color:#fff;font-family:Inter,-apple-system,sans-serif;font-size:20px;font-weight:700;gap:8px;text-decoration:none;transition:color .2s ease}.nav-logo:hover{color:#ffffffe6}.nav-logo-icon{font-size:24px}.nav-links{gap:8px}.nav-link,.nav-links{align-items:center;display:flex}.nav-link{border:1px solid #0000;border-radius:8px;color:#ffffffe6;font-family:Nunito,-apple-system,sans-serif;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.nav-link:hover{background-color:#ffffff1a;color:#fff;text-decoration:none}.nav-link.active{border:1px solid #ffffff4d;color:#fff}.nav-link.active,.nav-link.active:hover{background-color:#fff3}.user-info{color:#ffffffe6;font-family:Inter,-apple-system,sans-serif;font-size:14px;gap:12px}.user-details,.user-info{align-items:center;display:flex}.user-details{gap:6px}.logout-button,.user-role{font-weight:500}.logout-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Nunito,-apple-system,sans-serif;font-size:13px;gap:6px;padding:8px 12px;transition:all .2s ease}.logout-button:hover{background-color:#fff3;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.logout-button:active{transform:translateY(0)}.main-content{padding:0;width:100%}.main-content.authenticated{background-color:#f5f5f5}.main-content.unauthenticated{background-color:initial}@media (max-width:768px){.nav-container{height:56px;padding:0 16px}.nav-logo{font-size:18px}.nav-logo-icon{font-size:20px}.nav-links{gap:4px}.nav-link{font-size:13px;padding:6px 12px}.user-info{font-size:13px;gap:8px}.user-role{display:none}.logout-button{font-size:12px;padding:6px 10px}}@media (max-width:480px){.nav-container{height:52px;padding:0 12px}.nav-logo{font-size:16px}.nav-logo-text{display:none}.nav-links{gap:2px}.nav-link{font-size:12px;padding:6px 8px}.nav-link-text{display:none}.user-info{gap:6px}.logout-button{padding:6px 8px}.logout-button-text{display:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navbar{animation:fadeIn .3s ease-out}.navbar.admin{background:linear-gradient(135deg,#ff6b6b,#ee5a52)}.navbar.engineer{background:linear-gradient(135deg,#4ecdc4,#44a08d)}.navbar.manager{background:linear-gradient(135deg,#f093fb,#f5576c)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.3a184992.css.map*/