@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.collapse{visibility:collapse}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--primary:#f454cd;--primary-dark:#d13db0;--primary-light:#f67dd6;--primary-lighter:#f9a6e3;--primary-lightest:#fce5f5;--secondary:#000;--secondary-light:#333;--secondary-lighter:#666;--primary-green:#34a853;--primary-yellow:#fbbc04;--primary-red:#ea4335;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success:#34a853;--warning:#fbbc04;--error:#ea4335;--info:#4285f4;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--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;--font-family:"Work Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--transition-fast:.15s ease-in-out;--transition-normal:.3s ease-in-out;--transition-slow:.5s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}button,input,optgroup,select,textarea{font-family:inherit}html{background-color:var(--gray-50)}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--gray-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5;background-color:var(--gray-50)!important}.header{background:var(--primary);color:var(--white);padding:var(--spacing-md)var(--spacing-lg);box-shadow:var(--shadow-md);z-index:100;justify-content:space-between;align-items:center;height:70px;display:flex;position:fixed;top:0;left:0;right:0}.logo-container{align-items:center;gap:var(--spacing-md);display:flex}.logo-icon{justify-content:center;align-items:center;width:40px;height:40px;display:flex}.logo-icon img{object-fit:contain;width:100%;height:100%}.logo-text{font-size:var(--font-size-xl);font-weight:600;line-height:1.2}.logo-subtitle{font-size:var(--font-size-sm);opacity:.9;line-height:1.2}.header-title{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:600;display:flex}.header-user{align-items:center;gap:var(--spacing-md);display:flex}.user-profile{align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-lg);transition:background-color var(--transition-fast);display:flex}.user-profile:hover{background-color:#ffffff1a}.user-avatar{background-color:var(--white);width:36px;height:36px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex;overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%}.header-user-info{align-items:center;gap:var(--spacing-sm);color:var(--white);display:flex}.header-username{font-size:var(--font-size-base);font-weight:500}.sidebar{background-color:var(--white);width:260px;padding:var(--spacing-md);box-shadow:var(--shadow-sm);flex-direction:column;height:calc(100vh - 70px);display:flex;position:fixed;top:70px;left:0;overflow-y:auto}.sidebar-menu{flex:1;list-style:none}.sidebar-item{padding:var(--spacing-sm)var(--spacing-md);margin-bottom:var(--spacing-xs);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-fast);color:var(--gray-700);font-size:var(--font-size-base);text-decoration:none;display:flex}.sidebar-item:hover{background-color:var(--gray-100);color:var(--primary)}.sidebar-item.active{background-color:var(--primary-lightest);color:var(--primary);border-left:4px solid var(--primary);padding-left:calc(var(--spacing-md) - 4px);font-weight:500}.sidebar-footer{padding-top:var(--spacing-md);border-top:1px solid var(--gray-200);margin-top:auto}.sidebar-icon{width:18px;height:18px;color:inherit;flex-shrink:0}.main-content{padding:var(--spacing-lg);background:#f5f5f5;flex:1;height:calc(100vh - 70px);margin-top:70px;margin-left:260px;overflow-y:auto}.content-centered{width:100%;max-width:1100px;margin:0 auto}.login-container{min-height:100vh;padding:var(--spacing-lg);background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);flex-direction:column;justify-content:center;align-items:center;display:flex}.login-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-xl);width:100%;max-width:400px;box-shadow:var(--shadow-xl)}.login-header{text-align:center;margin-bottom:var(--spacing-lg)}.login-logo{margin-bottom:var(--spacing-md)}.logo-icon-large{justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto;display:flex}.logo-icon-large img{object-fit:contain;width:100%;height:100%}.login-title{font-size:var(--font-size-2xl);color:var(--gray-900);margin-bottom:var(--spacing-xs);font-weight:700}.login-subtitle{font-size:var(--font-size-base);color:var(--gray-600)}.login-form{gap:var(--spacing-md);flex-direction:column;display:flex}.form-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.form-group label{font-size:var(--font-size-sm);color:var(--gray-700);font-weight:500}.input-wrapper{align-items:center;width:100%;display:flex;position:relative}.input-icon{left:var(--spacing-md);color:var(--gray-400);z-index:1;pointer-events:none;align-items:center;display:flex;position:absolute}.input-wrapper input{border:1px solid var(--gray-300);border-radius:var(--radius-md);width:100%;min-height:48px;font-size:var(--font-size-base);transition:all var(--transition-fast);padding:.75rem 1rem .75rem 3rem}.input-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-lightest);outline:none}.password-toggle{right:var(--spacing-md);cursor:pointer;z-index:1;color:var(--gray-400);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.password-toggle:hover{color:var(--gray-600)}.form-actions{justify-content:flex-end;display:flex}.forgot-password-link{color:var(--primary);font-size:var(--font-size-sm);transition:color var(--transition-fast);text-decoration:none}.forgot-password-link:hover{color:var(--primary-dark);text-decoration:underline}.btn-primary{width:100%;padding:var(--spacing-sm)var(--spacing-md);background-color:var(--primary);color:var(--white);border-radius:var(--radius-md);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--spacing-xs);border:none;font-weight:600;display:flex}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{width:100%;padding:var(--spacing-md);background-color:var(--white);color:var(--gray-700);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--spacing-sm);font-weight:500;display:flex}.btn-secondary:hover{background-color:var(--gray-50);border-color:var(--gray-400)}.btn-icon{font-size:1.2rem}.divider{text-align:center;color:var(--gray-500);font-size:var(--font-size-sm);margin:var(--spacing-md)0;align-items:center;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid var(--gray-300);flex:1}.divider span{padding:0 var(--spacing-md)}.alternative-login{gap:var(--spacing-md);flex-direction:column;display:flex}.signup-hint{text-align:center;font-size:var(--font-size-sm);color:var(--gray-600);margin-top:var(--spacing-md)}.signup-hint .link{color:var(--primary);text-decoration:none}.signup-hint .link:hover{text-decoration:underline}.error-message{padding:var(--spacing-md);color:var(--primary-red);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:#ea43351a;border:1px solid #ea433533}.success-message{padding:var(--spacing-md);color:var(--primary-green);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:#34a8531a;border:1px solid #34a85333}.info-message{padding:var(--spacing-md);color:var(--info);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:#4285f41a;border:1px solid #4285f433}.login-footer{margin-top:var(--spacing-xl);text-align:center;color:var(--gray-500);font-size:var(--font-size-sm)}.card{background:var(--white);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-md)}.card-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--font-size-xl);color:var(--gray-900);font-weight:600}.card-subtitle{font-size:var(--font-size-base);color:var(--gray-600);margin-top:var(--spacing-xs)}.form-row{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.form-field{gap:var(--spacing-sm);flex-direction:column;display:flex}.form-field label{font-size:var(--font-size-sm);color:var(--gray-700);font-weight:500}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--gray-300);border-radius:var(--radius-md);min-height:48px;font-size:var(--font-size-base);transition:all var(--transition-fast);padding:.75rem 1rem}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-lightest);outline:none}.form-field input:disabled{background-color:var(--gray-100);cursor:not-allowed}.btn{border-radius:var(--radius-md);min-height:48px;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--spacing-sm);border:none;padding:.75rem 1.5rem;font-weight:600;display:inline-flex}.btn-blue{background-color:var(--primary);color:var(--white)}.btn-blue:hover:not(:disabled){background-color:var(--primary-dark)}.btn-outline{background-color:var(--white);color:var(--gray-700);border:1px solid var(--gray-300)}.btn-outline:hover{background-color:var(--gray-50)}.btn:disabled{opacity:.6;cursor:not-allowed}input.error,textarea.error,select.error{border-color:var(--primary-red)!important;box-shadow:0 0 0 3px #ea43351a!important}@media (max-width:900px){.sidebar{width:100%;height:auto;box-shadow:none;border-bottom:1px solid var(--gray-200);position:static;top:0}.main-content{margin-top:70px;margin-left:0}}.hod-tabs{flex-wrap:wrap;align-items:center;gap:10px;margin:6px 0 16px;display:flex}.hod-tab{border:1px solid var(--gray-300);color:var(--gray-900);background:var(--white);cursor:pointer;border-radius:10px;padding:8px 12px;font-weight:700}.hod-tab.active{background:var(--primary-lightest);color:#9d174d;border-color:#fbcfe8}.hod-spacer{flex:1}.hod-table{border-collapse:collapse;width:100%;min-width:860px;margin-top:6px;font-size:14px}.hod-table th,.hod-table td{text-align:left;border-bottom:1px solid var(--gray-200);vertical-align:top;padding:12px 10px}.hod-table th{letter-spacing:.02em;text-transform:uppercase;color:var(--gray-600);white-space:nowrap;font-size:12px}.hod-pill{background:var(--primary-lightest);color:#9d174d;white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-block}.hod-link{color:var(--primary);font-weight:700;text-decoration:none}.hod-link:hover{text-decoration:underline}.hod-meta{color:var(--gray-600);margin-top:4px;font-size:12px}.hod-empty{border:1px solid var(--gray-100);border-radius:var(--radius-md);background:var(--white);color:var(--gray-600);margin-top:12px;padding:14px;font-size:14px}.authPage{background:#f8fafc;place-items:center;min-height:100vh;padding:24px;display:grid}.authCard{width:100%;max-width:420px}.loginCard{background:#fff;border:1px solid #eef2f7;border-radius:16px;width:100%;padding:28px;box-shadow:0 10px 30px #0000000f}.loginBrand{flex-direction:column;align-items:center;gap:10px;display:flex}.loginMark{color:#ec4899;background:#0b0b0b;border-radius:14px;place-items:center;width:48px;height:48px;font-size:26px;font-weight:900;display:grid}.loginTitle{color:#111827;margin:0;font-size:22px;font-weight:900}.loginSub{color:#6b7280;text-align:center;margin:0;font-size:13px;font-weight:700}.loginForm{gap:12px;margin-top:18px;display:grid}.loginField{gap:6px;display:grid}.loginLabel{color:#334155;font-size:13px;font-weight:900}.loginInput{background:#fff;border:1px solid #e5e7eb;border-radius:12px;outline:none;height:44px;padding:0 12px;font-size:14px}.loginInput:focus{border-color:#ec489973;box-shadow:0 0 0 4px #ec48991f}.loginBtn{color:#fff;cursor:pointer;background:#ec4899;border:none;border-radius:12px;height:44px;font-weight:900}.loginBtn:hover{filter:brightness(.95)}.loginBtn:disabled{opacity:.6;cursor:not-allowed}.loginError{color:#b91c1c;font-size:13px;font-weight:800}.loginFoot{text-align:center;color:#6b7280;margin-top:8px;font-size:13px;font-weight:700}.sideTop{flex-direction:column;gap:6px;padding:8px 8px 14px;display:flex}.sideTitle{color:var(--gray-900);font-size:16px;font-weight:800}.rolePill{width:fit-content;color:var(--primary);background:#f454cd24;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.sideNav{flex-direction:column;gap:12px;padding:6px;display:flex}.sideNav a{text-decoration:none}.sideItem{color:var(--gray-700);transition:background-color var(--transition-fast),color var(--transition-fast);border-radius:14px;align-items:center;gap:12px;padding:14px;font-weight:700;display:flex;position:relative}.sideItem:hover{background:var(--gray-100);color:var(--gray-900)}.sideItem.active{color:var(--primary);background:#f454cd1f}.sideItem.active:before{content:"";background:var(--primary);border-radius:999px;width:4px;position:absolute;top:10px;bottom:10px;left:6px}.sideIcon{color:currentColor;background:#0f172a0a;border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.sideItem.active .sideIcon{background:#f454cd24}.sideLabel{flex:1;font-size:16px;line-height:1}.soon{color:var(--gray-400);font-size:12px;font-weight:800}.sideItem.disabled{opacity:.65;cursor:not-allowed}.sideItem.disabled:hover{background:0 0}.sidebarBottom{border-top:1px solid var(--gray-200);flex-direction:column;gap:12px;margin-top:auto;padding:14px 6px 6px;display:flex}.logoutBtn{color:#ef4444;cursor:pointer;background:#fff1f2;border:none;border-radius:14px;align-items:center;gap:12px;width:100%;padding:14px;font-weight:900;display:flex}.logoutBtn:hover{filter:brightness(.98)}.logoutIcon{background:#ef44441f;border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.pill{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:16px;font-weight:600;line-height:1;display:inline-flex}.pill-status{background:#3b82f61a;border-color:#3b82f640}.pill-priority{background:#f59e0b1f;border-color:#f59e0b40}.pill-type{background:#10b9811f;border-color:#10b98140}.pill-user{background:#6b72801f;border-color:#6b728040}.pill-date{background:#6366f11a;border-color:#6366f140;font-weight:500}.pill-priority.low{background:#22c55e1f;border-color:#22c55e40}.pill-priority.med{background:#f59e0b1f;border-color:#f59e0b40}.pill-priority.high{background:#ef44441f;border-color:#ef444440}.pill-priority.crit{background:#dc262629;border-color:#dc262659}.app-shell{display:flex}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
