:root{--navy: #0A1628;--navy-3: #172241;--gold: #C8981F;--gold-2: #E0AE30;--gold-pale: rgba(200, 152, 31, .08);--text: #111827;--text-2: #374151;--text-3: #6B7280;--border: #E5E9F0;--green: #16A34A;--red: #DC2626;--amber: #D97706}body{font-family:DM Sans,sans-serif;min-height:100vh;grid-template-columns:1fr 1fr;background:var(--navy);color:var(--text)}.auth-wrapper{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.hero{background:linear-gradient(160deg,var(--navy) 0%,var(--navy-3) 60%,#1a2f5e 100%);display:flex;flex-direction:column;justify-content:space-between;padding:30px 51px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-120px;right:-120px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(200,152,31,.15) 0%,transparent 70%);pointer-events:none}.hero-logo{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.hero-logo img{height:40px}.hero-logo-text{font-family:Sora,sans-serif;font-size:20px;font-weight:800;color:#fff;letter-spacing:1px}.hero-content{position:relative;z-index:1}.hero-tag{display:inline-flex;align-items:center;gap:8px;background:#c8981f26;border:1px solid rgba(200,152,31,.3);border-radius:20px;padding:6px 14px;font-size:12px;font-weight:500;color:var(--gold-2);margin-bottom:28px}.hero-title{font-family:Sora,sans-serif;font-size:38px;font-weight:800;color:#fff;line-height:1.2;margin-bottom:16px}.hero-title span{color:var(--gold-2)}.hero-desc{font-size:15px;color:#ffffff8c;line-height:1.7;max-width:400px}.hero-features{margin-top:36px;display:flex;flex-direction:column;gap:14px}.hero-feat{display:flex;align-items:center;gap:12px;font-size:13.5px;color:#ffffffb3}.hero-feat-icon{width:34px;height:34px;border-radius:8px;background:#c8981f26;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.hero-footer{position:relative;z-index:1;font-size:12px;color:#ffffff40}.login-panel{background:#fff;display:flex;align-items:center;justify-content:center;padding:13px 40px}.login-box{width:100%;max-width:420px}.login-head{margin-bottom:36px}.login-head h2{font-family:Sora,sans-serif;font-size:26px;font-weight:700;color:var(--text);margin-bottom:6px}.login-head p{font-size:14px;color:var(--text-3)}.role-badge{display:none;align-items:center;gap:10px;background:var(--gold-pale);border:1px solid rgba(200,152,31,.3);border-radius:10px;padding:10px 16px;margin-bottom:20px}.role-badge.show{display:flex}.role-badge-icon{font-size:22px}.role-badge-label{font-size:13px;font-weight:600;color:var(--navy)}.role-badge-sub{font-size:11.5px;color:var(--text-3);margin-top:1px}.role-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--green);margin-left:auto}.form-label{display:block;font-size:13px;font-weight:500;color:var(--text-2);margin-bottom:6px}.form-control{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:9px;font-size:14px;font-family:DM Sans,sans-serif;color:var(--text);background:#fff;transition:border-color .2s;outline:none}.form-control:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c8981f1a}.pwd-wrap{position:relative}.pwd-wrap .form-control{padding-right:44px}.pwd-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-3);font-size:17px;padding:2px}.form-error{font-size:12px;color:var(--red);margin-top:4px}.btn-login{width:100%;padding:10px;border-radius:10px;border:none;background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#fff;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px}.p-inputtext:disabled{opacity:.5!important;background-color:#f5f5f5!important;cursor:not-allowed!important}.p-datepicker{width:100%}.btn-login:hover{opacity:.92}.btn-login:disabled{opacity:.5;cursor:not-allowed}.divider{border:none;border-top:1px solid var(--border);margin:24px 0}.demo-section{background:#f9fafb;border-radius:10px;padding:14px 16px}.demo-title{font-size:11.5px;font-weight:600;color:var(--text-3);letter-spacing:.5px;text-transform:uppercase;margin-bottom:10px}.demo-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:7px;cursor:pointer;transition:background .15s;border:1px solid transparent}.demo-item:hover{background:#fff;border-color:var(--border)}.demo-item-icon{font-size:16px}.demo-item-info{flex:1}.demo-item-label{font-size:12.5px;font-weight:600;color:var(--text)}.demo-item-email{font-size:11.5px;color:var(--text-3);font-family:monospace}.demo-use{font-size:11px;color:var(--gold);font-weight:500}.login-footer{margin-top:19px;font-size:13px;color:var(--text-3)}@media (max-width: 900px){body{grid-template-columns:1fr}.hero{display:none}.auth-wrapper{grid-template-columns:1fr}}.is-invalid{border:1px solid red}.form-error{color:red;font-size:13px;margin-top:5px}.p-dialog-header{padding:6px 11px}.p-dialog-content{padding-top:9px}i.pi-exclamation-circle{font-size:35px;color:#ff9800}button.p-confirmdialog-reject-button{background:#e1e1e1;color:#000;border-color:#e1e1e1}button.p-confirmdialog-reject-button .p-button{font-size:.9rem!important;padding:6px 11px;font-weight:100}button.p-confirmdialog-reject-button:hover{background-color:#827e7e;border-color:#827e7e}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:center;white-space:nowrap;background-color:#f6f7f9;border:1px solid #ced4da;border-radius:.45rem}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-control,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.p-dialog-header{padding:4px 14px!important}.p-dialog-title{font-size:15px!important}.p-dialog-content{padding-top:13px!important}.p-confirmdialog-accept-button{background:#f44336!important;border-color:#f44336!important}.p-confirmdialog-accept-button:hover{background:#d92a1d!important;border-color:#d92a1d!important}button.p-confirmdialog-reject-button{border-color:#e1e1e1!important;color:#0a0a0a!important}button.p-confirmdialog-reject-button:hover{background-color:#c3c2c2!important;border-color:#827e7e!important}.p-button{padding:6px 10px!important;font-size:12px!important;font-weight:200!important}.p-dialog-footer{padding:10px!important}@media (max-width: 1200px){.hero{padding:21px 45px}.hero-logo{margin-bottom:13px}.hero-title{font-size:31px;margin-bottom:11px}.hero-desc{font-size:13px;line-height:1.6}.hero-features{margin-top:19px;gap:9px}.hero-feat-icon{width:27px;height:27px;font-size:13px}}@font-face{font-family:DM Sans;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Wp2ywxg089UriCZaSExdy3sGt9zz86GPwyKK58VXh.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Wp2ywxg089UriCZaSExdy3sGt9zz86GPwyKy58Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZ2IHSeH.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZOIHQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZ2IHSeH.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZOIHQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZ2IHSeH.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZOIHQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZ2IHSeH.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZOIHQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZ2IHSeH.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZOIHQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/sora/v17/xMQ9uFFYT72X5wkB_18qmnndmSdSnh2BAfO5mnuyOo1lfiQwWa-xsaQ.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/sora/v17/xMQ9uFFYT72X5wkB_18qmnndmSdSnh2BAfO5mnuyOo1lfiQwV6-x.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/sora/v17/xMQ9uFFYT72X5wkB_18qmnndmSdSnh2BAfO5mnuyOo1lfiQwWa-xsaQ.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/sora/v17/xMQ9uFFYT72X5wkB_18qmnndmSdSnh2BAfO5mnuyOo1lfiQwV6-x.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/sora/v17/xMQ9uFFYT72X5wkB_18qmnndmSdSnh2BAfO5mnuyOo1lfiQwWa-xsaQ.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/sora/v17/xMQ9uFFYT72X5wkB_18qmnndmSdSnh2BAfO5mnuyOo1lfiQwV6-x.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/sora/v17/xMQ9uFFYT72X5wkB_18qmnndmSdSnh2BAfO5mnuyOo1lfiQwWa-xsaQ.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/sora/v17/xMQ9uFFYT72X5wkB_18qmnndmSdSnh2BAfO5mnuyOo1lfiQwV6-x.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--navy: #0A1628;--navy-2: #112240;--navy-3: #1A3454;--gold: #C8981F;--gold-2: #E0AE30;--gold-3: #F0C84A;--gold-pale: #FDF8EC;--gold-bg: rgba(200, 152, 31, .08);--bg: #EDF0F5;--card: #FFFFFF;--text: #0F1E30;--text-2: #3D5168;--text-3: #7A8FA6;--border: #DDE3EC;--border-2: #C8D1DC;--green: #0C7A4E;--green-bg: #D7F5E8;--green-text: #065E3A;--amber: #B45309;--amber-bg: #FEF3C7;--amber-text: #92400E;--red: #f44336;--red-bg: #FEE2E2;--red-text: #9B1C1C;--blue: #1D4ED8;--blue-bg: #DBEAFE;--blue-text: #1E40AF;--purple: #6D28D9;--purple-bg: #EDE9FE;--purple-text: #5B21B6;--teal: #0F766E;--teal-bg: #CCFBF1;--teal-text: #134E4A;--sidebar-w: 260px;--topbar-h: 62px;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .14);--transition: .18s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;color:#e0ae30}button{cursor:pointer;font-family:inherit;color:inherit}input,select,textarea{font-family:inherit}img{display:block;max-width:100%}.portal-layout{min-height:100vh}.sidebar{width:var(--sidebar-w);height:100vh;background:var(--navy);display:flex;flex-direction:column;position:fixed;top:0;left:0;z-index:100;transition:width var(--transition);overflow:hidden}.sidebar-logo{padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.sidebar-logo img{height:38px;width:auto}img.sidebar-logo-small{display:none}.sidebar-logo .logo-text{font-family:Sora,sans-serif;color:#fff;font-size:13px;font-weight:500;letter-spacing:.5px;opacity:.6;margin-top:6px}.sidebar-role-badge{margin:12px 16px;padding:6px 12px;background:#c8981f26;border:1px solid rgba(200,152,31,.3);border-radius:6px;color:var(--gold-2);font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.sidebar-nav{flex:1;overflow-y:hidden;padding:8px 0;transition:.5s ease-in}.sidebar-nav:hover{overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.nav-section{padding:16px 16px 8px;font-size:10px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:#ffffff4d}.nav-section-label{font-size:10px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:#ffffff4d}.nav-item{display:flex;align-items:center;gap:9px;padding:9px 8px;color:#ffffffa6;font-size:13.5px;font-weight:400;border-radius:8px;margin:1px 8px;transition:all var(--transition);cursor:pointer;position:relative}button#topnav-hamburger-icon{position:fixed;left:263px;z-index:999;top:10px;width:28px;height:28px;padding:4px;background:#fff}.hamburger-icon{width:18px;height:13px;position:relative;cursor:pointer;display:inline-block}.hamburger-icon span:nth-child(1){top:0;width:80%}.hamburger-icon span:nth-child(2){top:6px}.hamburger-icon span:nth-child(3){bottom:0;width:60%}.hamburger-icon span{background-color:#878a99;position:absolute;border-radius:2px;-webkit-transition:.3s cubic-bezier(.8,.5,.2,1.4);transition:.3s cubic-bezier(.8,.5,.2,1.4);width:100%;height:2px;display:block;left:0}.hamburger-icon.open{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.hamburger-icon.open span:nth-child(1){left:1px;top:5px;width:20px;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition-delay:.15s;transition-delay:.15s}.hamburger-icon.open span:nth-child(2){left:3px;top:13px;width:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-delay:50ms;transition-delay:50ms}.hamburger-icon.open span:nth-child(3){left:9px;top:13px;width:10px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition-delay:.1s;transition-delay:.1s}.nav-item:hover{background:#ffffff12;color:#ffffffe6}.nav-item.active{background:linear-gradient(135deg,#c8981f40,#c8981f1f);color:var(--gold-3);font-weight:500}.nav-item.active:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--gold-2);border-radius:0 3px 3px 0}.nav-icon{width:18px;height:18px;flex-shrink:0;opacity:.8}.nav-badge{margin-left:auto;background:var(--red);color:#fff;font-size:10px;font-weight:600;border-radius:10px;min-width:19px;width:19px;line-height:19px;text-align:center}.nav-badge.amber{background:var(--amber)}.sidebar-footer{padding:12px 8px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.sidebar-user{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;cursor:pointer;transition:background var(--transition)}.sidebar-user:hover{background:#ffffff0f}.user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--navy-3));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:13px;flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-size:13px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:#fff6}.logout-btn{background:#ffffff14;border:none;color:#fff9;padding:7px 8px;border-radius:6px;cursor:pointer;transition:all .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.logout-btn:hover{background:#dc262640;color:#fca5a5}.portal-main{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:var(--topbar-h);background:var(--card);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 25px 0 37px;gap:16px;position:sticky;top:0;z-index:50;box-shadow:var(--shadow-sm)}.topbar-title{font-family:Sora,sans-serif;font-size:16px;font-weight:600;flex:1;color:var(--text)}.topbar-subtitle{font-size:12px;color:var(--text-3);font-family:DM Sans,sans-serif;font-weight:400}.topbar-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.cursor-pointer{cursor:pointer}.text-primary{color:#bf8d0d!important}.text-danger{color:#f44336!important}.text-success{color:#10b981!important}.text-info{color:#03a9f4!important}.text-muted{color:#adafae!important}.text-warning{color:#f44336!important}.fs-14{font-size:14px!important}.fs-15{font-size:15px!important}.fs-16{font-size:16px!important}.fs-17{font-size:17px!important}.fs-18{font-size:18px!important}.fs-19{font-size:19px!important}.fs-13{font-size:13px!important}.fs-12{font-size:12px!important}.fs-11{font-size:11px!important}.fs-10{font-size:10px!important}.fs-9{font-size:9px!important}.fw-700{font-weight:700}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-800{font-weight:800}.fw-100{font-weight:100}.fw-300{font-weight:300}button.edit-btn:hover{color:#078a5f}button.delete-btn:hover{color:#f44336}.icon-btn{width:36px;height:36px;border:1px solid var(--border);border-radius:8px;background:var(--card);display:flex;align-items:center;justify-content:center;color:var(--text-2);transition:all var(--transition);position:relative}.icon-btn:hover{border-color:var(--gold);color:var(--gold)}.notif-dot{position:absolute;top:7px;right:7px;width:7px;height:7px;background:var(--red);border-radius:50%;border:1px solid var(--card)}.topbar-divider{width:1px;height:28px;background:var(--border)}.portal-content{flex:1;padding:28px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.page-title{font-family:Sora,sans-serif;font-size:20px;font-weight:600;color:var(--text)}.page-desc{font-size:13px;color:var(--text-3);margin-top:3px}.page-actions{display:flex;gap:10px;flex-shrink:0}.card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.card-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card-title{font-weight:600;font-size:14px;color:var(--text)}.card-body{padding:20px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:9px;margin-bottom:21px}.kpi-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);padding:7px 13px;box-shadow:var(--shadow-sm);cursor:default;transition:transform var(--transition),box-shadow var(--transition)}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.kpi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.kpi-label{font-size:12px;color:var(--text-3);font-weight:500;letter-spacing:.3px}.kpi-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px}.kpi-icon.gold{background:var(--gold-bg);color:var(--gold)}.kpi-icon.green{background:var(--green-bg);color:var(--green)}.kpi-icon.blue{background:var(--blue-bg);color:var(--blue)}.kpi-icon.amber{background:var(--amber-bg);color:var(--amber)}.kpi-icon.red{background:var(--red-bg);color:var(--red)}.kpi-icon.purple{background:var(--purple-bg);color:var(--purple)}.kpi-icon.teal{background:var(--teal-bg);color:var(--teal)}.kpi-value{font-family:Sora,sans-serif;font-size:22px;font-weight:600;color:var(--text);line-height:1}.kpi-sub{font-size:11.5px;color:var(--text-3);margin-top:4px}.kpi-trend{display:flex;align-items:center;gap:3px;font-size:11px;margin-top:6px}.kpi-trend.up{color:var(--green)}.kpi-trend.down{color:var(--red)}.kpi-card.highlight{border-color:var(--gold);background:var(--gold-pale)}.kpi-card.highlight .kpi-value{color:var(--gold)}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm);padding-bottom:47px}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:#f6f8fb}.data-table th{padding:7px 9px;text-align:left;font-size:11.3px;font-weight:600;color:var(--text);letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid var(--border);white-space:nowrap;min-width:127px;text-align:center}.data-table td{padding:7px 9px;font-size:11.5px;font-weight:500;color:var(--text-2);vertical-align:middle;min-width:127px;text-align:center}.data-table td:first-child,.data-table th:first-child{text-align:left}.table-actions{display:flex;gap:4px;align-items:center;justify-content:end}.data-table th:last-child{text-align:right;padding-right:9px}.data-table tr{border-bottom:1px solid var(--border)}.data-table td:last-child{text-align:right;padding-right:9px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#fafbfc}.dropdown{position:relative;display:inline-block}.dropdown .dots-btn{background:none;border:none;font-size:17px;cursor:pointer;width:13px;color:#000}.dropdown-menu{display:none;position:absolute;right:0;top:100%;background:#fff;border:1px solid #ddd;border-radius:5px;min-width:92px;box-shadow:0 2px 6px #0003;z-index:1}.dropdown-menu button{width:100%;padding:5px 10px;border:none;background:none;cursor:pointer;text-align:left;font-size:11px;display:flex;gap:5px;align-items:center}.dropdown-menu button:hover{background:#f5f5f5}.dropdown-menu.show{display:block}.table-name{font-weight:600;color:#0a1628}.table-sub{font-size:11.5px;color:var(--text-3);margin-top:2px}.table-empty{text-align:center;padding:48px;color:var(--text-3)}.table-empty-icon{font-size:32px;margin-bottom:8px}.table-toolbar{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--card);border-bottom:1px solid var(--border);flex-wrap:wrap}.right-side-box{margin-left:auto}.ticket-value-box{display:grid;justify-content:space-between;flex-wrap:wrap;grid-template-columns:1fr 1fr;gap:9px 31px;margin-bottom:9px}.ticket-detail-box{border:1px dashed #bc8f1e;border-radius:7px;padding:8px 11px;margin-bottom:17px;background:#fffaef}.ticket-column-box div:last-child{border-right:0px}.ticket-column-box div{border-right:1px solid #d9d6d1;padding-right:9px}.ticket-column-box{display:flex;gap:9px;margin-bottom:2.7px}.ticket-staus-box{display:grid;grid-template-columns:1fr 1fr;gap:0px 20px}ul.file-show-box{list-style:none;display:grid;padding-left:3px;grid-template-columns:1fr 1fr;gap:7px 14px}ul.file-show-box li{font-size:10px;border:1px dashed #ccc;padding:3px 4px;word-break:break-word;align-items:center;border-radius:9px;display:grid;grid-template-columns:1fr 40px;gap:16px}.file-path{display:flex;align-items:center}.file-path img{width:23px;margin-right:3px;height:23px}.file-icons{display:flex;gap:3px;justify-content:end}.file-icons a{cursor:pointer}.file-icons a svg{width:13px}.heading-ticket{margin-top:10px;margin-bottom:4px}#modal-ticket-Respond .form-group{margin-bottom:15px}.search-box{display:flex;align-items:center;gap:8px;background:#f6f8fb;border:1px solid var(--border);border-radius:8px;padding:5.6px 9px;flex:1;min-width:200px;max-width:287px}.search-box input{border:none;background:none;outline:none;font-size:13px;color:var(--text);width:100%}.search-box input::placeholder{color:var(--text-3)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:10.5px;font-weight:600;letter-spacing:.2px;white-space:nowrap}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge.green{background:var(--green-bg);color:var(--green-text)}.badge.amber{background:var(--amber-bg);color:var(--amber-text)}.badge.red{background:var(--red-bg);color:var(--red-text)}.badge.blue{background:var(--blue-bg);color:var(--blue-text)}.badge.purple{background:var(--purple-bg);color:var(--purple-text)}.badge.teal{background:var(--teal-bg);color:var(--teal-text)}.badge.gray{background:#f1f3f6;color:var(--text-2)}.badge.gold{background:var(--gold-bg);color:var(--gold)}::-webkit-scrollbar{width:6px;height:5px}::-webkit-scrollbar-track{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb{background:#b78135;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}select.form-control{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}input[readonly],textarea[readonly],select:disabled{opacity:.7;background-color:#ececec;cursor:not-allowed;color:#888}.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:500;border:1px solid transparent;transition:all var(--transition);cursor:pointer;white-space:nowrap;font-family:DM Sans,sans-serif}.btn-primary{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#fff;border-color:var(--gold);box-shadow:0 2px 6px #c8981f40}.btn-primary:hover{background:linear-gradient(135deg,var(--gold-3),var(--gold-2));box-shadow:0 4px 10px #c8981f4d}.btn-secondary{background:#f8e3b3;color:#744a0e;border-color:#b68135}.btn-secondary:hover{border-color:var(--gold);color:#fff;background:#c18e44}.btn-info:hover{background:#09626e;color:#fff;border:1px solid #09626e}.btn-info{background:#b5f6ff;color:#09626e;border:1px solid}.btn-danger{background:var(--red-bg);color:var(--red-text);border-color:var(--red)}.btn-danger:hover{background:var(--red);color:#fff}.btn-success{background:var(--green-bg);color:var(--green-text);border-color:var(--green)}.btn-success:hover{background:var(--green);color:#fff}.btn-sm{padding:6px 13px;font-size:12px}.btn-xs{padding:4px 7px;font-size:11px;border-radius:6px}.small-btn{width:25px;height:22px;text-align:center;display:block;line-height:25px;padding:0}.btn-icon{padding:8px}.btn[disabled]{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:18px}.form-label{display:block;font-size:13px;font-weight:500;color:var(--text-2);margin-bottom:4px;letter-spacing:.2px}.form-label .req{color:var(--red);margin-left:2px}.form-control{width:100%;padding:8px;border:1px solid var(--border-2);border-radius:8px;font-size:11.8px;color:var(--text);background:var(--card);outline:none;transition:border-color var(--transition),box-shadow var(--transition);font-family:DM Sans,sans-serif}.form-control:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c8981f1f}.form-control:invalid.touched{border-color:var(--red)}.form-control.error{border-color:var(--red)}.form-error{font-size:11px;color:var(--red);margin-top:4px}.btn-link{background:transparent;padding:0}.form-error.show{display:block}.form-hint{font-size:11.5px;color:var(--text-3);margin-top:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px}textarea.form-control{resize:vertical;min-height:80px}.modal-overlay{position:fixed;inset:0;background:#00000073;z-index:500;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .2s}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;transform:scale(.97) translateY(8px);transition:transform .2s}.modal-overlay.open .modal{transform:scale(1) translateY(0)}.modal-sm{max-width:440px;width:440px}.modal-md{max-width:620px;width:620px}.modal-lg{max-width:820px;width:820px}.modal-xl{max-width:1000px;width:1000px}.modal-header{padding:9px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-family:Sora,sans-serif;font-size:15px;font-weight:600}.modal-close{width:30px;height:30px;border:none;background:none;border-radius:6px;font-size:18px;color:var(--text-3);display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.modal-close:hover{background:var(--red-bg);color:var(--red)}.modal-body{padding:15px 27px;max-height:70vh;overflow-y:auto}.modal-footer{padding:11px 24px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:23px}.toggle-switch-bx{line-height:12px}.tabs{display:flex;gap:2px;background:#e3e4e5b8;padding:4px;border-radius:10px;margin-bottom:15px}.tab-btn{flex:1;padding:8px 14px;border:none;background:none;border-radius:7px;font-size:13px;font-weight:500;color:var(--text-3);transition:all var(--transition);cursor:pointer;font-family:DM Sans,sans-serif}.tab-btn.active{background:var(--card);color:var(--text);box-shadow:var(--shadow-sm)}.tab-panel{display:none}.tab-panel.active{display:block}.alert{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:16px}.alert.amber{background:var(--amber-bg);color:var(--amber-text);border:1px solid rgba(180,83,9,.2)}.alert.green{background:var(--green-bg);color:var(--green-text);border:1px solid rgba(12,122,78,.2)}.alert.red{background:var(--red-bg);color:var(--red-text);border:1px solid rgba(196,29,29,.2)}.alert.blue{background:var(--blue-bg);color:var(--blue-text);border:1px solid rgba(29,78,216,.2)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px}.toast{background:var(--navy);color:#fff;padding:12px 20px;border-radius:10px;font-size:13.5px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:10px;animation:slideIn .25s ease;max-width:320px}.toast.success{border-left:3px solid var(--green)}.toast.error{border-left:3px solid var(--red)}.toast.info{border-left:3px solid var(--gold)}@keyframes slideIn{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}.divider{height:1px;background:var(--border);margin:20px 0}.section-title{font-family:Sora,sans-serif;font-size:14px;font-weight:600;color:var(--text);margin-bottom:14px}.text-muted{color:var(--text-3)}.text-small{font-size:12px}.fw-600{font-weight:600}.mono{font-family:monospace}.grid-2{display:grid;grid-template-columns:repeat(auto-fill,minmax(49%,1fr))!important;gap:20px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.line-items{border:1px solid var(--border);border-radius:8px;overflow:hidden}.line-item-header{display:grid;grid-template-columns:2fr 1.2fr 1fr 1fr 90px 36px;gap:8px;padding:9px 12px;background:#f6f8fb;font-size:11px;font-weight:600;color:var(--text-3);letter-spacing:.5px;text-transform:uppercase}.line-item-row{display:grid;grid-template-columns:2fr 1.2fr 1fr 1fr 90px 36px;gap:8px;padding:10px 12px;border-top:1px solid var(--border);align-items:self-start}.line-item-row input,.line-item-row select{padding:7px 10px;font-size:13px}.line-item-total{font-weight:600;font-size:13px}.add-line-btn{margin-top:10px}.detail-row{display:flex;padding:11px 0 0;border-bottom:1px solid var(--border);justify-content:space-between}.detail-label{display:block;font-size:14px;font-weight:600;color:var(--text-1);margin-bottom:4px;letter-spacing:.2px}.detail-value{font-size:12px;color:var(--text)}.activity-feed{display:flex;flex-direction:column;gap:0}.activity-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--border)}.activity-item:last-child{border-bottom:none}.activity-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.activity-dot.gold{background:var(--gold)}.activity-dot.green{background:var(--green)}.activity-dot.blue{background:var(--blue)}.activity-dot.red{background:var(--red)}.activity-dot.amber{background:var(--amber)}.activity-content{flex:1}.activity-text{font-size:13px;color:var(--text)}.activity-time{font-size:11.5px;color:var(--text-3);margin-top:2px}.login-page{min-height:100vh;display:flex;background:var(--navy);position:relative;overflow:hidden}.login-bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(200,152,31,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(200,152,31,.06) 0%,transparent 50%);pointer-events:none}.login-left{flex:1;display:flex;align-items:center;justify-content:center;padding:60px;position:relative}.login-left-content{max-width:420px}.login-logo{height:52px;margin-bottom:36px}.login-tagline{font-family:Sora,sans-serif;font-size:30px;font-weight:700;color:#fff;line-height:1.25;margin-bottom:16px}.login-tagline span{color:var(--gold-2)}.login-desc{font-size:14.5px;color:#ffffff8c;line-height:1.65;margin-bottom:40px}.login-feature{display:flex;align-items:center;gap:12px;margin-bottom:16px}.login-feature-icon{width:36px;height:36px;border-radius:8px;background:#c8981f1f;border:1px solid rgba(200,152,31,.2);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.login-feature-text{font-size:13px;color:#fff9}.login-right{width:480px;background:var(--card);display:flex;align-items:center;justify-content:center;padding:60px 50px}.login-box{width:100%}.login-title{font-family:Sora,sans-serif;font-size:22px;font-weight:700;color:var(--text);margin-bottom:6px}.login-subtitle{font-size:13.5px;color:var(--text-3);margin-bottom:30px}.role-select-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.role-card{border:2px solid var(--border);border-radius:10px;padding:16px 14px;cursor:pointer;transition:all var(--transition);text-align:center;background:var(--card)}.role-card:hover{border-color:var(--gold)}.role-card.selected{border-color:var(--gold);background:var(--gold-pale)}.role-card-icon{font-size:24px;margin-bottom:8px}.role-card-label{font-size:13px;font-weight:600;color:var(--text)}.role-card-desc{font-size:11px;color:var(--text-3);margin-top:2px}.stock-indicator{display:flex;align-items:center;gap:6px}.stock-bar{flex:1;height:5px;background:var(--border);border-radius:3px;overflow:hidden}.stock-fill{height:100%;border-radius:3px}.stock-fill.high{background:var(--green)}.stock-fill.medium{background:var(--amber)}.stock-fill.low{background:var(--red)}@media (max-width:1024px){.form-row{grid-template-columns:1fr}.form-row-3{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}}@media (max-width:768px){.sidebar{transform:translate(-100%)}.portal-main{margin-left:0}.login-left{display:none}.login-right{width:100%}}.flow-timeline{display:flex;align-items:flex-start;gap:0;overflow-x:auto;padding:9px 0 0}.flow-step{display:flex;flex-direction:column;align-items:center;flex:1;min-width:90px;position:relative}.flow-step:not(:last-child):after{content:"";position:absolute;top:14px;left:50%;width:100%;height:2px;background:var(--border);z-index:0}.flow-step.done:not(:last-child):after{background:var(--green)}.flow-step.active:not(:last-child):after{background:var(--gold)}.flow-dot{width:23px;height:23px;border-radius:50%;border:2px solid var(--border);background:var(--card);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;z-index:1;position:relative}.flow-dot.done{background:var(--green);border-color:var(--green);color:#fff}.flow-dot.active{background:var(--gold);border-color:var(--gold);color:#fff}.flow-dot.pending{background:#f6f8fb;border-color:var(--border-2);color:var(--text-3)}.flow-label{font-size:10px;color:var(--text-3);margin-top:6px;text-align:center;line-height:1.3;max-width:80px}.flow-step.done .flow-label{color:var(--green-text);font-weight:500}.flow-step.active .flow-label{color:var(--gold);font-weight:600}.modal-footer.modal-ft-custom{display:flex;justify-content:space-between}.modal-footer.modal-ft-custom button{margin-right:5px}.modal-footer.modal-ft-custom button:last-child{margin-right:0}.action-strip{display:flex;align-items:center;gap:10px;padding:7px 13px;background:linear-gradient(135deg,var(--gold-pale),#fff);border:1px solid rgba(200,152,31,.2);border-radius:var(--radius);margin-bottom:15px}.action-strip-text{flex:1;font-size:13px;color:var(--text-2)}.action-strip-text strong{color:var(--text)}.barcode-tag{display:inline-flex;align-items:center;gap:6px;background:var(--navy);color:#fff;padding:4px 10px;border-radius:6px;font-family:monospace;font-size:12px;font-weight:600;letter-spacing:.5px}.barcode-tag .part-type{font-size:9px;opacity:.6;font-family:DM Sans,sans-serif;text-transform:uppercase;display:block;letter-spacing:.8px}.vehicle-card{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.vehicle-card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--navy);color:#fff}.vehicle-card-header .model{font-family:Sora,sans-serif;font-size:14px;font-weight:600}.vehicle-card-body{padding:14px 16px}.parts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin-top:10px}.part-chip{border:1px solid var(--border);border-radius:8px;padding:8px 10px;background:#fafbfc}.part-chip-label{font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:.6px}.part-chip-barcode{font-family:monospace;font-size:12px;font-weight:600;color:var(--text);margin-top:2px}.part-chip-meta{font-size:11px;color:var(--text-3);margin-top:1px}.status-pill-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.status-pill{padding:4px 12px;border-radius:20px;font-size:11.5px;font-weight:600;border:1px solid var(--border);background:var(--bg);color:var(--text-3);cursor:pointer}.status-pill.active{background:var(--navy);color:#fff;border-color:var(--navy)}.gst-row{display:flex;gap:8px;align-items:center}.gst-chip{padding:2px 8px;border-radius:4px;font-size:11px;font-family:monospace}.gst-chip.cgst{background:var(--blue-bg);color:var(--blue-text)}.gst-chip.sgst{background:var(--teal-bg);color:var(--teal-text)}.gst-chip.igst{background:var(--purple-bg);color:var(--purple-text)}body,.notification-bg{background:#f5f7fa}.notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.notifications-title{font-size:2.5rem;font-weight:700;color:#222}.notifications-subtitle{color:#8a8fa3;font-size:1.1rem;margin-top:4px}.notifications-search-bar{display:flex;align-items:center;gap:12px}.notifications-search-input{padding:8px 16px;border-radius:6px;border:1px solid #d1d5db;font-size:1rem;width:260px}.notifications-mark-read{background:#b68135;color:#fff;border:none;border-radius:6px;padding:8px 20px;font-weight:500;cursor:pointer;transition:background .2s}.notifications-mark-read:hover{background:#5b21b6}.notifications-timeline{display:flex;flex-direction:row;gap:31px}.timeline{display:flex;flex-direction:column;align-items:flex-end;min-width:110px;margin-top:27px}.timeline-date{color:#646774;font-size:1rem;margin-top:34px;white-space:nowrap}.timeline-date:before{content:"";position:absolute;top:51px;left:120px;height:100%;width:2px;background:#e1e1e1;z-index:0}.timeline-dot{width:14px;height:14px;min-width:14px;border-radius:50%;background:#a78bfa;border:2px solid #fff;position:relative;box-shadow:0 0 0 2px #e0e7ef;margin:37px 15px 0}.timeline-dot.active{background:#7c3aed}.timeline-dot.orange{background:#f59e42}.timeline-item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;gap:20px}.notifications-list{flex:1;display:flex;flex-direction:column;gap:19px}.notification-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #3c48640f;padding:10px 13px;display:flex;align-items:center;justify-content:space-between;gap:23px;width:100%;margin-bottom:14px}.notification-info{display:flex;align-items:center;gap:15px;width:calc(100% - 183px)}.notification-avatar{width:48px;height:48px;border-radius:50%;border:2px solid #e0e7ef;object-fit:cover}.notification-content{display:flex;flex-direction:column}.notification-user{font-weight:700;font-size:1.1rem;color:#222}.notification-message{color:#4b5563;font-size:1rem;margin-top:1px}.notification-time{color:#8a8fa3;font-size:.95rem;margin-top:2px;display:flex;align-items:center;gap:3px}.notification-actions{display:flex;align-items:center;gap:12px;width:150px;justify-content:end}.notification-badge{background:#b7833726;color:#d5891e;border-radius:16px;padding:3px 10px;font-size:.82rem;font-weight:500;border:none}.notification-card .dots{height:7px;width:7px;min-width:7px;border-radius:50%;background:#cecfda}.timeline-item.is-unread .dots{background:#00ff87}.notification-delete{background:none;border:none;color:#8a8fa3;font-size:1.3rem;cursor:pointer;transition:color .2s}.notification-delete:hover{background:#734c15}.notification-bg .timeline-item:last-child .timeline-date:before{height:0px}@media (min-width:768px){.portal-layout.menu-toggled img.sidebar-logo-icon{display:none}.portal-layout.menu-toggled img.sidebar-logo-small{display:block}.portal-layout.menu-toggled .sidebar-logo img{height:30px;width:auto}.portal-layout.menu-toggled .sidebar-logo{padding:19px 13px 15px}.portal-layout.menu-toggled .sidebar{width:57px}.portal-layout.menu-toggled .portal-main{margin-left:59px}.portal-layout.menu-toggled .sidebar .nav-item span:nth-child(2){display:none}.portal-layout.menu-toggled .sidebar .nav-section{display:none}.portal-layout.menu-toggled .sidebar .nav-item{gap:3px;padding:9px 8px;font-size:13px;margin:4px 5px}.portal-layout.menu-toggled .sidebar .nav-badge{font-size:6px;min-width:13px;width:13px;line-height:13px;position:absolute;left:33px;top:10px}.portal-layout.menu-toggled .sidebar .sidebar-footer{padding:6px 2px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.portal-layout.menu-toggled .sidebar .nav-item{justify-content:center}.portal-layout.menu-toggled button#topnav-hamburger-icon{left:62px}}@media (max-width:991px){.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important}.modal-sm{max-width:440px;width:auto}.modal-md{max-width:620px;width:auto}.modal-lg{max-width:820px;width:auto}.modal-xl{max-width:1000px;width:auto}}@media (max-width:767px){.menu-toggled .sidebar{transform:translate(0)}.menu-toggled .portal-main{margin-left:0}button#topnav-hamburger-icon{left:0;top:12px;background:#fff;box-shadow:unset}.menu-toggled button#topnav-hamburger-icon{left:247px}}@media (max-width:580px){.login-panel{padding:13px 15px}.login-head{margin-bottom:19px}.login-head h2{font-size:24px}.tabs{flex-wrap:wrap;flex-direction:column}.topbar{padding:6px 15px;gap:7px;flex-wrap:wrap;height:auto}.topbar-actions{margin-left:unset}.sidebar-footer{padding:2px 8px}}