.dashboard-layout{background-color:var(--bg-primary);width:100%;max-width:100vw;height:100vh;font-family:var(--sans);display:flex;overflow:hidden}.sidebar{background:var(--bg-sidebar);width:280px;color:var(--text-inverse);z-index:10;flex-direction:column;flex-shrink:0;transition:all .3s;display:flex;box-shadow:4px 0 15px #0000001a}.sidebar-header{box-sizing:border-box;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;height:80px;padding:0 24px;display:flex}.logo-container{cursor:pointer;justify-content:center;align-items:center;width:100%;display:flex}.logo-container:hover .logo-image{filter:drop-shadow(0 0 8px #ef334080);transform:scale(1.05)}.logo-container:hover .company-name{color:var(--accent-secondary)}.logo-image-wrapper{animation:4s ease-in-out infinite floatLogo;display:flex}.logo-image{object-fit:contain;transform-origin:50%;flex-shrink:0;width:100%;max-width:200px;height:60px;transition:transform .35s,filter .35s;transform:scale(1)}.company-name{color:#fff;margin-left:12px;font-size:26px;font-weight:700;transition:color .35s}@keyframes floatLogo{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.sidebar-nav{flex-direction:column;flex:1;gap:8px;padding:20px 16px;display:flex;overflow-y:auto}.nav-item{color:#ffffffb3;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover,.nav-item.active{color:var(--text-inverse);background-color:#ffffff1a}.nav-item.active{background-color:var(--accent-secondary);color:var(--text-inverse);box-shadow:0 4px 12px #ef33404d}.nav-item.has-submenu{cursor:pointer;justify-content:space-between}.submenu{flex-direction:column;gap:4px;margin-top:4px;margin-bottom:8px;padding-left:20px;display:flex}.submenu-item{color:#fff9;border-radius:8px;align-items:center;gap:12px;padding:10px 16px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.submenu-item:hover,.submenu-item.active{color:var(--text-inverse);background-color:#ffffff0d}.submenu-item.active{color:var(--accent-secondary);font-weight:600}.sidebar-footer{border-top:1px solid #ffffff1a;padding:20px 16px}.logout-btn{width:100%;color:var(--accent-danger);cursor:pointer;background:#ef44441a;border:none;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.logout-btn:hover{background:var(--accent-danger);color:var(--text-inverse)}.main-wrapper{flex-direction:column;flex:1;width:100%;display:flex;overflow:hidden}.top-navbar{background-color:var(--bg-navbar);border-bottom:1px solid var(--navbar-border);z-index:5;height:70px;color:var(--text-navbar);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 32px;display:flex;box-shadow:0 2px 10px #0000000d}.page-title{color:var(--text-navbar);margin:0;font-size:20px;font-weight:600}.user-profile{align-items:center;gap:16px;display:flex}.user-info{flex-direction:column;align-items:flex-end;display:flex}.user-name{color:var(--text-navbar);font-size:14px;font-weight:600}.user-role{color:var(--text-navbar);opacity:.8;text-transform:capitalize;font-size:12px}.avatar{background:var(--accent-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex;box-shadow:0 2px 8px #3b82f64d}.content-area{background-color:var(--bg-primary);flex:1;width:100%;padding:32px;overflow:hidden auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.content-area>*{animation:.4s ease-out forwards fadeIn}.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;width:100%;margin-bottom:32px;display:grid}.dashboard-card{background:var(--bg-secondary);box-shadow:var(--card-shadow);cursor:pointer;border-top:4px solid var(--accent-secondary);border-radius:16px;flex-direction:column;gap:16px;min-width:0;padding:24px;transition:all .3s;display:flex}.dashboard-card:hover{transform:translateY(-6px);box-shadow:0 10px 25px #00000014}.card-header{justify-content:space-between;align-items:flex-start;display:flex}.card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.card-value{color:var(--text-primary);font-size:32px;font-weight:700;line-height:1}.card-title{color:var(--text-secondary);font-size:16px;font-weight:500}.btn-primary,.btn-secondary{cursor:pointer;color:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent-primary)}.btn-primary:hover{background:var(--bg-hover);box-shadow:0 4px 12px #001f5433}.btn-secondary{background:var(--accent-secondary)}.btn-secondary:hover{background:var(--accent-light-red);box-shadow:0 4px 12px #ef334033}.hamburger-menu{cursor:pointer;color:var(--text-navbar);background:0 0;border:none;border-radius:8px;padding:8px;transition:background .2s;display:none}.hamburger-menu:hover{background:#ffffff1a}.navbar-left{align-items:center;gap:16px;display:flex}.mobile-close-btn{cursor:pointer;color:var(--text-inverse);background:0 0;border:none;margin-left:auto;display:none}.sidebar-overlay{z-index:15;opacity:0;background:#00000080;animation:.2s forwards fadeIn;display:none;position:fixed;inset:0}@media (width<=1024px){.hamburger-menu,.mobile-close-btn{display:block}.sidebar{z-index:20;height:100vh;position:fixed;top:0;left:-280px}.sidebar.open{left:0}.sidebar-overlay{display:block}.top-navbar{padding:0 20px}.content-area{padding:24px}}@media (width<=768px){.user-info{display:none}.content-area{padding:16px}}:root{--react-pdf-annotation-layer:1;--annotation-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color:Highlight;--input-focus-outline:1px solid Canvas;--input-unfocused-border-color:transparent;--input-disabled-border-color:transparent;--input-hover-border-color:black;--link-outline:none}@media screen and (forced-colors:active){:root{--input-focus-border-color:CanvasText;--input-unfocused-border-color:ActiveText;--input-disabled-border-color:GrayText;--input-hover-border-color:Highlight;--link-outline:1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selecteditem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert();backdrop-filter:invert()}}.annotationLayer{pointer-events:none;transform-origin:0 0;z-index:3;position:absolute;top:0;left:0}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg)translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg)translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg)translateY(-100%)}.annotationLayer canvas{width:100%;height:100%;position:absolute}.annotationLayer section{text-align:initial;pointer-events:auto;box-sizing:border-box;transform-origin:0 0;margin:0;position:absolute}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{width:100%;height:100%;font-size:1em;position:absolute;top:0;left:0}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--total-scale-factor)) sans-serif;vertical-align:top;width:100%;height:100%;margin:0}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{border:2px solid var(--input-disabled-border-color);cursor:not-allowed;background:0 0}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline);background:0 0;border-radius:2px}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-color:#0000;background-image:none}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline);border-radius:2px}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{content:"";background-color:canvastext;display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{width:1px;height:80%;left:45%}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;width:50%;height:50%;top:20%;left:30%}.annotationLayer .textWidgetAnnotation input.comb{padding-left:2px;padding-right:0;font-family:monospace}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{appearance:none}.annotationLayer .popupTriggerArea{width:100%;height:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{font-size:calc(9px * var(--total-scale-factor));width:100%;min-width:calc(180px * var(--total-scale-factor));pointer-events:none;position:absolute}.annotationLayer .popup{max-width:calc(180px * var(--total-scale-factor));box-shadow:0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) #888;border-radius:calc(2px * var(--total-scale-factor));padding:calc(6px * var(--total-scale-factor));margin-left:calc(5px * var(--total-scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto;background-color:#ff9;position:absolute}.annotationLayer .popup>*{font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{margin-left:calc(5px * var(--total-scale-factor));display:inline-block}.annotationLayer .popupContent{margin-top:calc(2px * var(--total-scale-factor));padding-top:calc(2px * var(--total-scale-factor));border-top:1px solid #333}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{width:100%;height:100%;position:absolute;top:0;left:0}.annotationLayer .annotationTextContent{opacity:0;color:#0000;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer:1;--highlight-bg-color:#b400aa;--highlight-selected-bg-color:#006400}@media screen and (forced-colors:active){:root{--highlight-bg-color:Highlight;--highlight-selected-bg-color:ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg)translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg)translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg)translate(-100%)}.textLayer{text-align:initial;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2;line-height:1;position:absolute;inset:0;overflow:hidden}.textLayer :is(span,br){color:#0000;white-space:pre;cursor:text;transform-origin:0 0;margin:0;position:absolute}.textLayer span.markedContent{height:0;top:0}.textLayer .highlight{background-color:var(--highlight-bg-color);border-radius:4px;margin:-1px;padding:1px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:0 0}.textLayer .endOfContent{z-index:-1;cursor:default;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:100% 0 0}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{width:0;height:0;display:none;position:absolute;top:0;left:0}:root{--splash-navy:#0f172a;--splash-red:#dc2626;--splash-light-red:#ef4444}.splash-container{background-color:var(--splash-navy);z-index:99999;opacity:1;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s ease-in-out;display:flex;position:fixed;inset:0;overflow:hidden}.splash-container.fade-out{opacity:0;pointer-events:none}.particles{pointer-events:none;position:absolute;inset:0}.particle{background-color:var(--splash-light-red);opacity:0;width:3px;height:3px;box-shadow:0 0 8px var(--splash-light-red), 0 0 15px var(--splash-light-red);border-radius:50%;animation:ease-in-out infinite float-up;position:absolute}@keyframes float-up{0%{opacity:0;transform:translateY(100vh)scale(0)}20%{opacity:.5;transform:translateY(80vh)scale(1)}80%{opacity:.5}to{opacity:0;transform:translateY(-20vh)scale(0)}}.logo-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.logo-glow{z-index:1;background:radial-gradient(circle,#ef44444d 0%,#dc262600 70%);border-radius:50%;width:180px;height:180px;animation:2.5s ease-in-out forwards glow-pulse;position:absolute}@keyframes glow-pulse{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.4)}to{opacity:.8;transform:scale(1.1)}}.logo-content{z-index:2;align-items:center;gap:12px;animation:2.5s cubic-bezier(.16,1,.3,1) forwards scale-up;display:flex;position:relative}@keyframes scale-up{0%{transform:scale(.8)}to{transform:scale(1)}}.logo-sg{color:#fff;letter-spacing:-2px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:3.5rem;font-weight:800}.logo-connect{color:var(--splash-light-red);opacity:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:3.5rem;font-weight:300;animation:1.2s ease-out .4s forwards fade-in-right}@keyframes fade-in-right{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.progress-container{background-color:#ffffff14;border-radius:4px;width:240px;height:2px;position:absolute;bottom:12%;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--splash-red), var(--splash-light-red));width:0%;height:100%;box-shadow:0 0 10px var(--splash-light-red);animation:2s cubic-bezier(.4,0,.2,1) forwards load-progress}@keyframes load-progress{0%{width:0%}40%{width:50%}80%{width:90%}to{width:100%}}:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-sidebar:linear-gradient(180deg, #001f54 0%, #0a2f73 100%);--bg-hover:#f1f5f9;--text-primary:#001f54;--text-secondary:#64748b;--text-inverse:#fff;--border-color:#e2e8f0;--card-shadow:0 4px 20px #001f540d;--accent-primary:#001f54;--accent-secondary:#ef3340;--accent-light-red:#ff5a5f;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--bg-navbar:#001f54;--text-navbar:#fff;--navbar-border:#001f54;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}[data-theme=dark]{--bg-primary:#020817;--bg-secondary:#0f172a;--bg-sidebar:linear-gradient(180deg, #020817 0%, #001f54 100%);--bg-hover:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-inverse:#fff;--border-color:#1e293b;--card-shadow:0 4px 20px #0006;--accent-primary:#ef3340;--accent-secondary:#0a2f73;--accent-light-red:#ff5a5f;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--bg-navbar:#001f54;--text-navbar:#fff;--navbar-border:#0a2f73}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--sans);margin:0;transition:background-color .3s,color .3s}*{box-sizing:border-box}html,body,#root{width:100%;overflow-x:hidden}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}