.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-bottom,.leaflet-top{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078A8}.leaflet-zoom-box{border:2px dotted #38f;background:rgba(255,255,255,.5)}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px rgba(0,0,0,.65);border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:black}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px rgba(0,0,0,.4);background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(/_next/static/media/layers.ef6db872.png);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(/_next/static/media/layers-2x.9859cd12.png);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(/_next/static/media/marker-icon.d577052a.png)}.leaflet-container .leaflet-control-attribution{background:#fff;background:rgba(255,255,255,.8);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;box-sizing:border-box;background:rgba(255,255,255,.8);text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:white;color:#333;box-shadow:0 3px 14px rgba(0,0,0,.4)}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678)}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,.4)}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{--font-sans:"IBM Plex Sans Thai",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"IBM Plex Mono",monospace;--brand:#c90000;--brand-hover:#a90000;--brand-light:#fff0f0;--brand-border:#f3c7c9;--red:#c90000;--blue:#1753cf;--blue-light:#eaf1ff;--blue-border:#bfdbfe;--amber:#dc790d;--amber-light:#fff4e8;--amber-border:#fed7aa;--green:#218759;--green-light:#eaf9f0;--green-border:#bbf7d0;--purple:#7c3aed;--purple-light:#faf5ff;--purple-border:#ddd6fe;--text-primary:#171717;--text-secondary:#344054;--text-muted:#667085;--text-light:#98a2b3;--line:#dfe2e7;--line-light:#f1f5f9;--bg-page:#f6f7f9;--bg-card:#ffffff;--shadow:0 1px 5px rgba(23,23,23,0.06);--purpose-approval-color:#c90000;--purpose-approval-bg:#fff0f0;--purpose-approval-border:#f3c7c9;--purpose-action-color:#1753cf;--purpose-action-bg:#eaf1ff;--purpose-action-border:#bfdbfe;--purpose-followup-color:#ea580c;--purpose-followup-bg:#fff7ed;--purpose-followup-border:#fed7aa;--purpose-info-color:#218759;--purpose-info-bg:#eaf9f0;--purpose-info-border:#bbf7d0;--purpose-announcement-color:#0284c7;--purpose-announcement-bg:#f0f9ff;--purpose-announcement-border:#b9e6fe;--purpose-order-color:#667085;--purpose-order-bg:#f6f7f9;--purpose-order-border:#dfe2e7;--a4-width:794px;--a4-min-height:1123px;--a4-padding-x:52px;--radius-xs:3px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:14px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(16,24,40,0.05);--shadow-sm:0 1px 3px rgba(0,0,0,0.04);--shadow-md:0 4px 8px -2px rgba(16,24,40,0.1),0 2px 4px -2px rgba(16,24,40,0.06);--shadow-paper:0 4px 20px rgba(0,0,0,0.06),0 1px 3px rgba(0,0,0,0.04)}.attachment-print-wrapper,.memo-print-attachment-page{display:none}@media print{@page{size:A4 portrait;margin:8mm 10mm 10mm 10mm}body,html{background:#ffffff!important;color:#171717!important;margin:0!important;padding:0!important;width:100%!important;height:auto!important;overflow:visible!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}#root,.app-main,.app-shell,.compose-workspace,.detail-layout,.detail-page,.document-column,.new-memo-page,.top-navigation-layout,main{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:none!important;overflow:visible!important}.attachment-card,.attachment-preview-modal-backdrop,.attachment-preview-modal-toolbar,.completed-doc-attachment-card,.compose-header,.compose-main,.compose-sidebar,.compose-workspace>.form-column,.detail-actions,.detail-header,.detail-page .support,.detail-page aside,.detail-page>.card:not(.memo-modern-paper):not(.external-a4-paper),.detail-page>header,.detail-page>p.error,.detail-page>p.muted,.detail-sidebar,.detail-title,.document-column>:not(.memo-modern-paper):not(.external-a4-paper):not(.memo-print-attachment-page),.document-column>h2,.exit-modal-backdrop,.logout-button,.mailbox-submenu,.memo-returned-banner,.new-memo-header,.notification-panel,.notifications,.preview-button,.preview-modal-header,.preview-toolbar,.top-navigation,.topbar,.workflow-route-card,button,header.detail-title{display:none!important}.memo-print-attachment-page{display:block!important;break-before:page!important;page-break-before:always!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;background:#ffffff!important}.memo-print-attachment-page .printable-attachment-paper{position:relative!important;max-width:100%!important;margin:0 auto!important;background:#ffffff!important;border:none!important;padding:12mm 10mm!important;box-sizing:border-box!important}.memo-print-attachment-page .printable-attachment-paper,.preview-modal-backdrop{display:block!important;width:100%!important;min-height:auto!important;box-shadow:none!important;overflow:visible!important}.preview-modal-backdrop{position:static!important;background:transparent!important;padding:0!important;margin:0!important;height:auto!important;max-height:none!important;z-index:auto!important}.preview-column,.preview-modal-content,.preview-scroll,.preview-shell{position:static!important;max-height:none!important;padding:0!important;margin:0!important;display:block!important;background:transparent!important}.a4-paper:not(.external-a4-paper),.memo-modern-paper,.preview-column,.preview-modal-content,.preview-scroll,.preview-shell{width:100%!important;max-width:100%!important;height:auto!important;min-height:auto!important;overflow:visible!important;box-shadow:none!important;border:none!important;border-radius:0!important}.a4-paper:not(.external-a4-paper),.memo-modern-paper{position:relative!important;margin:0 auto!important;background:#ffffff!important;box-sizing:border-box!important}.memo-modern-paper{padding:24px 28px!important}.a4-paper.external-a4-paper,.card.external-a4-paper,.external-a4-paper{position:relative!important;width:100%!important;max-width:100%!important;min-height:265mm!important;margin:0 auto!important;border:none!important;border-radius:0!important;box-shadow:none!important;background:#ffffff!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;padding:0 14mm!important;overflow:visible!important}.external-a4-paper .external-body{flex:1 0 auto!important}.external-body-editable{display:none!important}.external-print-only{display:block!important}.external-bottom-lock{margin-top:auto!important;display:flex!important;flex-direction:column!important;width:100%!important}.external-bottom-lock,.external-signature-block{break-inside:avoid!important;page-break-inside:avoid!important}.external-signature-block{margin-top:16px!important;margin-bottom:20px!important;margin-left:44%!important;text-align:center!important;width:260px!important}.external-footer{margin-top:0!important;padding-top:12px!important;break-inside:avoid!important;page-break-inside:avoid!important}.external-footer-bar{margin:10px -14mm 0!important;height:18px!important}.attach-doc-title-bar,.attach-meta-box,.attach-note-footer,.attach-paper-header,.external-bottom-lock,.external-footer,.external-header,.external-letterhead,.external-signature-block,.memo-modern-header,.memo-paper-signature,.memo-sign-box,.sign-box{break-inside:avoid!important;page-break-inside:avoid!important}.attach-content-section,.external-body,.external-content-text,.paper-content{overflow:visible!important;height:auto!important;font-size:14px!important;line-height:1.75!important}.attach-content-section p,.external-content-text p,.paper-content p{break-inside:auto!important;page-break-inside:auto!important;orphans:2;widows:2}.attach-table tr{break-inside:avoid!important;page-break-inside:avoid!important}}:root{font-family:var(--font-sans,"Noto Sans Thai",system-ui,sans-serif);color:var(--text-primary,#171717);background:var(--bg-page,#f6f7f9);font-synthesis:none}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}body,html{margin:0;font-size:14px;max-width:100%;overflow-x:clip;background:#f6f7f9;color:#171717}button,input,select,textarea{font:inherit}a,button{transition:.18s ease}a{text-decoration:none;color:inherit}.app-shell{min-height:100vh;display:flex}.app-main{min-width:0;flex:1 1;margin-left:0}.app-main.top-navigation-layout{margin-left:0;width:100%;min-width:0}.app-main>main{padding:20px 22px 30px;width:100%;max-width:1680px;margin-inline:auto}.topbar{height:auto;min-height:68px;background:var(--text-primary);color:var(--bg-page);border-bottom:1px solid #303030;padding:10px 24px;gap:16px;flex-wrap:wrap;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgba(0,0,0,.2)}.top-brand,.topbar{display:flex;align-items:center;flex-shrink:0}.top-brand{gap:10px;color:var(--bg-card)}.top-brand img{width:42px;height:42px;object-fit:contain;flex-shrink:0}.top-brand strong{color:var(--brand);font-size:16px;font-weight:700;letter-spacing:.2px;line-height:1.3;white-space:nowrap}.top-brand span{display:block;color:var(--text-light);font-size:10px;font-weight:400;letter-spacing:0;margin-top:3px}.top-navigation{display:flex;align-items:center;gap:4px;padding:0;min-width:0;overflow:visible;flex-wrap:wrap}.mailbox-trigger,.top-navigation>a{display:flex;align-items:center;gap:7px;height:42px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--line);font-size:13px;white-space:nowrap;cursor:pointer}.mailbox-trigger.active,.mailbox-trigger:hover,.top-navigation>a.active,.top-navigation>a:hover{background:#303030;color:#fff}.mailbox-menu{position:relative}.mailbox-trigger>b{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:20px;background:var(--brand);color:var(--bg-card);font-size:11px}.mailbox-submenu{position:absolute;top:calc(100% + 8px);left:0;width:230px;padding:6px;background:var(--bg-card);color:#303030;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #17171720;z-index:30}.mailbox-submenu a{height:42px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-radius:7px;color:var(--text-secondary);font-size:13px}.mailbox-submenu a:hover,.mailbox-submenu a[aria-current=page]{background:var(--brand-light);color:var(--brand)}.mailbox-submenu a[aria-current=page]{font-weight:600}.mailbox-submenu a b{background:var(--brand);color:var(--bg-card);border-radius:20px;min-width:23px;height:23px;display:grid;place-items:center;font-size:11px}.top-spacer{flex:1 1}.notifications{position:relative}.notification-trigger{position:relative;display:grid;place-items:center;width:36px;height:36px;background:transparent;color:var(--bg-page);border:0;border-radius:8px;cursor:pointer}.notification-trigger:hover{background:#303030}.notification-trigger b{position:absolute;top:-2px;right:-3px;min-width:18px;padding:1px 4px;border-radius:12px;background:var(--brand);color:var(--bg-card);font-size:11px}.notification-panel{position:absolute;right:0;top:calc(100% + 14px);width:min(380px,calc(100vw - 24px));background:var(--bg-card);color:#303030;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 30px #17171726;overflow:hidden;z-index:35}.notification-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--line)}.notification-panel h2{font-size:16px;margin:0}.notification-panel header p{font-size:12px;color:var(--muted);margin:4px 0 0}.notification-panel header button{display:grid;place-items:center;border:0;background:transparent;color:var(--text-secondary);cursor:pointer;width:32px;height:32px}.notification-list{max-height:min(440px,65vh);overflow-y:auto}.notification-list>a{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.notification-list>a:last-child{border-bottom:0}.notification-list>a:hover{background:var(--brand-light)}.notification-icon{display:grid;place-items:center;flex:0 0 36px;height:36px;background:var(--brand-light);color:var(--brand);border-radius:8px}.notification-copy{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}.notification-copy strong{font-size:13px}.notification-copy small,.notification-copy time{font-size:12px;color:var(--muted)}.notification-empty{padding:28px 16px;text-align:center;color:var(--muted)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--amber-border);color:var(--brand-hover);display:grid;place-items:center;font-weight:700}.user{display:flex;flex-direction:column;font-size:12px}.topbar .user strong{color:var(--bg-card)}.topbar .user span{color:var(--text-light)}.logout-button{border:1px solid var(--text-secondary);border-radius:7px;padding:8px 10px;background:transparent;color:var(--bg-card);cursor:pointer;font-size:12px;white-space:nowrap}.logout-button:hover{background:#303030}.hamburger-btn{display:none;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--bg-card);cursor:pointer;flex-shrink:0;transition:background .15s ease}.hamburger-btn:hover{background:#303030}.user-profile-menu{position:relative;gap:16px}.avatar-btn,.user-profile-menu{display:flex;align-items:center}.avatar-btn{background:transparent;border:0;padding:0;cursor:pointer;border-radius:50%;outline:none}@media (min-width:769px){.avatar-btn{cursor:default}.profile-dropdown{display:none!important}}.avatar-btn:focus-visible{box-shadow:0 0 0 2px var(--brand)}.profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:190px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 25px rgba(0,0,0,.15);padding:10px;z-index:110;display:flex;flex-direction:column;gap:8px}.profile-dropdown-header{display:flex;flex-direction:column;gap:3px;padding-bottom:8px;border-bottom:1px solid var(--line-light)}.profile-dropdown-header strong{font-size:13.5px;color:#0f172a;white-space:nowrap}.profile-role-badge{font-size:11px;font-weight:600;color:var(--brand)}.profile-dropdown-actions{display:flex;flex-direction:column}.profile-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 10px;border-radius:6px;border:1px solid #fee2e2;background:#fef2f2;color:#b91c1c;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.profile-logout-btn:hover{background:#fee2e2;border-color:#fca5a5}.mobile-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;display:flex;justify-content:flex-start;animation:drawerFadeIn .2s ease-out}.mobile-nav-drawer{width:min(310px,85vw);height:100%;background:#1a1a1a;color:#f8fafc;display:flex;flex-direction:column;box-shadow:4px 0 24px rgba(0,0,0,.45);animation:drawerSlideIn .25s cubic-bezier(.16,1,.3,1);overflow-y:auto}.drawer-header{justify-content:space-between;padding:16px 18px;border-bottom:1px solid #2e2e2e}.drawer-brand,.drawer-header{display:flex;align-items:center}.drawer-brand{gap:10px}.drawer-brand strong{font-size:15px;font-weight:700;color:var(--brand);letter-spacing:.3px}.drawer-close-btn{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:6px;background:transparent;color:#94a3b8;cursor:pointer;transition:all .15s ease}.drawer-close-btn:hover{background:#2e2e2e;color:#fff}.drawer-action-box{padding:14px 18px 10px;border-bottom:1px solid #262626}.drawer-new-memo-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:9px 14px;border-radius:8px;background:var(--brand);color:#ffffff;font-size:13px;font-weight:600;text-decoration:none;box-shadow:0 2px 6px rgba(201,0,0,.3);transition:all .15s ease}.drawer-new-memo-btn:hover{background:var(--brand-hover)}.drawer-nav{display:flex;flex-direction:column;padding:12px 10px;gap:4px;flex:1 1}.drawer-nav-group{display:flex;flex-direction:column}.drawer-nav-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:8px;color:#cbd5e1;font-size:13.5px;text-decoration:none;transition:all .15s ease}.drawer-nav-item.active,.drawer-nav-item:hover{background:#2a2a2a;color:#ffffff;font-weight:600}.drawer-item-title{display:flex;align-items:center;gap:10px}.drawer-badge{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:12px;background:var(--brand);color:#ffffff;font-size:11px;font-weight:700}.drawer-submenu{display:flex;flex-direction:column;margin-left:28px;padding-left:10px;border-left:1px solid #334155;margin-top:4px;margin-bottom:6px;gap:2px}.drawer-sub-item{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-radius:6px;color:#94a3b8;font-size:12.5px;text-decoration:none;transition:all .15s ease}.drawer-sub-item.active,.drawer-sub-item:hover{color:var(--brand);background:rgba(255,255,255,.05);font-weight:600}.drawer-sub-item b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#334155;color:#f8fafc;font-size:10.5px}.drawer-footer{padding:14px 18px;border-top:1px solid #2e2e2e;background:#141414;display:flex;flex-direction:column;gap:12px}.drawer-user-info{display:flex;align-items:center;gap:10px}.drawer-user-text{display:flex;flex-direction:column;gap:2px}.drawer-user-text strong{font-size:13px;color:#f1f5f9}.drawer-user-text small{font-size:11.5px;color:#94a3b8}.drawer-logout-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:8px 12px;border:1px solid #475569;border-radius:7px;background:transparent;color:#cbd5e1;font-size:12.5px;cursor:pointer;transition:all .15s ease}.drawer-logout-btn:hover{background:#2a2a2a;color:#ffffff}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes drawerSlideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.login-page{min-height:100vh;background:#f6f7f9}.login-header{height:72px;background:#171717;border-bottom:1px solid #303030;padding:0 30px}.login-brand,.login-header{display:flex;align-items:center}.login-brand{height:auto;padding:0;background:transparent;gap:12px;color:#fff;text-decoration:none;font-size:inherit;font-weight:inherit;line-height:normal}.login-brand img{width:53px;height:53px;object-fit:contain;flex-shrink:0}.login-brand strong{color:#c90000;font-size:19px;font-weight:700;letter-spacing:.2px;line-height:1.3;white-space:nowrap}.login-brand span{display:block;color:#98a2b3;font-size:11px;font-weight:400;letter-spacing:0;margin-top:3px}.login-form-panel{min-height:calc(100vh - 72px);display:flex;align-items:center;justify-content:center;padding:48px 24px}.login-form-wrap{width:100%;max-width:390px;margin:auto}.login-form-wrap h2{font-size:30px;margin:0 0 8px;color:#171717;text-align:center}.login-description{font-size:14px;color:#667085;margin:0 0 32px;text-align:center}.login-form-wrap label{display:block;font-size:14px;font-weight:600;margin:18px 0 8px;color:#171717}.login-form-wrap label span{font-size:12px;font-weight:400;color:#98a2b3;margin-left:6px}.login-input-wrap{display:flex;align-items:center;gap:12px;border:1px solid #dfe2e7;border-radius:9px;padding:0 14px;color:#98a2b3;height:48px;background:transparent}.login-input-wrap:focus-within{border-color:#c90000;box-shadow:0 0 0 3px #c9000010}.login-input-wrap input{width:100%;min-width:0;border:0;outline:none;background:transparent;font:inherit;font-size:14px;color:#171717;padding:0;box-shadow:none}.login-show-password{border:0;background:transparent;display:grid;place-items:center;padding:6px;color:#667085;cursor:pointer}.login-submit{margin-top:24px;background:#c90000;color:#fff;border:0;width:100%;height:48px;border-radius:9px;display:flex;justify-content:center;align-items:center;gap:12px;font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s ease}.login-submit:hover:not(:disabled){background:#a80000}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-error{padding:12px 14px;background:#fff0f0;border:1px solid #f3c7c9;border-radius:8px;font-size:13px;color:#c90000}.login-page button:focus-visible{outline:2px solid #1753cf;outline-offset:3px}@media (max-width:600px){.login-header{padding:0 14px}.login-brand img{width:46px;height:46px}.login-brand strong{font-size:16px}.login-brand span{font-size:10px}.login-form-panel{padding:40px 24px 60px}.login-form-wrap h2{font-size:27px}}.page-title{display:flex;align-items:baseline;gap:14px;margin-bottom:18px}.page-title h1{font-size:25px;font-weight:700;margin:0}.page-title h1 em{color:var(--red);font-style:normal}.page-title p{margin:0;color:var(--text-light)}.card{background:var(--bg-card);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow)}.status{display:inline-flex;align-items:center;gap:6px;border:1px solid;padding:4px 9px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.status i{width:7px;height:7px;border-radius:50%}.reading-badge{display:inline-flex;align-items:center;white-space:nowrap;border-radius:6px;padding:4px 9px;font-size:12px;font-weight:600;color:var(--amber);background:var(--amber-light);border:1px solid var(--amber-border)}.reading-badge.read{color:var(--green);background:var(--green-light);border-color:var(--green-border)}.muted{color:var(--muted)}.icon-btn{border:1px solid var(--line);background:var(--bg-card);border-radius:7px;padding:8px;display:grid;place-items:center;cursor:pointer}.primary{border:0;background:var(--brand);color:white;border-radius:7px;padding:11px 22px}.primary,.secondary{font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.secondary{border:1px solid var(--line);background:var(--bg-card);color:var(--text-secondary);border-radius:7px;padding:10px 18px}.field label,.field-label{display:block;font-size:12px;font-weight:600;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;height:42px;border:1px solid var(--line);background:var(--bg-card);border-radius:6px;padding:0 12px;outline:none}.field textarea{height:104px;padding-top:10px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-light)}.dashboard-home .purpose,.purpose,.purpose-tag{display:inline-block;padding:4px 8px;border-radius:6px;white-space:nowrap;font-size:11px;font-weight:600;border:1px solid transparent;line-height:1.35}.purpose-sm,.purpose-tag.purpose-sm{padding:2px 6px;font-size:10px}.purpose-approval,.purpose-tag.purpose-approval,.purpose.purpose-approval{background:var(--purpose-approval-bg)!important;color:var(--purpose-approval-color)!important;border-color:var(--purpose-approval-border)!important}.purpose-action,.purpose-tag.purpose-action,.purpose.purpose-action{background:var(--purpose-action-bg)!important;color:var(--purpose-action-color)!important;border-color:var(--purpose-action-border)!important}.purpose-followup,.purpose-tag.purpose-followup,.purpose.purpose-followup{background:var(--purpose-followup-bg)!important;color:var(--purpose-followup-color)!important;border-color:var(--purpose-followup-border)!important}.purpose-info,.purpose-tag.purpose-info,.purpose.purpose-info{background:var(--purpose-info-bg)!important;color:var(--purpose-info-color)!important;border-color:var(--purpose-info-border)!important}.purpose-announcement,.purpose-tag.purpose-announcement,.purpose.purpose-announcement{background:var(--purpose-announcement-bg)!important;color:var(--purpose-announcement-color)!important;border-color:var(--purpose-announcement-border)!important}.purpose-order,.purpose-tag.purpose-order,.purpose.purpose-order{background:var(--purpose-order-bg)!important;color:var(--purpose-order-color)!important;border-color:var(--purpose-order-border)!important}.multi-select-box{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-height:46px;padding:8px;border:1px solid var(--line);border-radius:7px;background:var(--bg-card)}.multi-select-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 2px rgba(201,0,0,.08)}.multi-select-box.disabled{background:var(--bg-page);opacity:.7}.recipient-chip{display:inline-flex;align-items:center;gap:6px;background:var(--brand-light);border:1px solid var(--brand-border);border-radius:5px;padding:4px 8px;font-size:13px;color:var(--brand)}.recipient-chip button{border:0;background:none;color:inherit;cursor:pointer;font-size:17px;line-height:1}.cc-picker,.recipient-picker{position:static;min-width:150px;flex:1 1 150px}.cc-picker>summary,.recipient-picker>summary{position:relative;min-height:30px;padding:5px 28px 5px 6px;display:flex;align-items:center;color:var(--text-muted);font-size:13px;cursor:pointer;list-style:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-picker>summary::-webkit-details-marker,.recipient-picker>summary::-webkit-details-marker{display:none}.cc-picker>summary:after,.recipient-picker>summary:after{content:"⌄";position:absolute;right:6px;top:50%;transform:translateY(-55%);color:var(--text-muted)}.cc-options,.recipient-options{position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:65;max-height:260px;padding:5px;border:1px solid var(--line);border-radius:7px;background:var(--bg-card);box-shadow:0 12px 30px rgba(23,23,23,.2);overflow-x:hidden;overflow-y:auto}.cc-options button,.recipient-options button{width:100%;min-width:0;padding:8px 11px;border:0;border-radius:5px;background:var(--bg-card);display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px;text-align:left!important;cursor:pointer;font-size:13px;font-weight:400;color:var(--text-secondary)}.cc-options button:hover,.recipient-options button:hover{background:var(--brand-light);color:var(--brand-hover)}.cc-options button small,.cc-options button span,.recipient-options button b,.recipient-options button small,.recipient-options button span{font-size:13px;font-weight:400;color:var(--text-secondary);white-space:normal;overflow-wrap:anywhere;text-align:left!important;width:100%;display:block}.cc-options button:hover span{color:var(--brand-hover)}.recipient-options b{font-size:14px;font-weight:500;white-space:normal;overflow-wrap:anywhere}.cc-options small,.recipient-options small{color:var(--text-muted);font-size:12px;white-space:normal;overflow-wrap:anywhere}.cc-options>span,.recipient-options>span{display:block;padding:10px 12px;color:var(--text-muted);font-size:12px;text-align:center}.sender-picker-container{position:relative;width:100%}.sender-picker-input-box{min-height:42px;background:#ffffff;border:1px solid #d0d5dd;border-radius:8px;padding:4px 10px;display:flex;align-items:center;transition:all .15s ease-in-out;cursor:text}.sender-picker-input-box:hover{border-color:#b0b7c3}.sender-picker-input-box.is-focused{border-color:#e11d48;box-shadow:0 0 0 3px rgba(225,29,72,.12)}.sender-chip{display:inline-flex;align-items:center;gap:8px;background:#fff1f2;border:1px solid #fecdd3;border-radius:6px;padding:5px 12px;font-size:13.5px;font-weight:500;line-height:1.4;-webkit-user-select:none;user-select:none}.sender-chip,.sender-chip-label{color:#e11d48}.sender-chip-close{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:#e11d48;font-size:17px;font-weight:700;cursor:pointer;padding:0;margin:0;line-height:1;transition:transform .1s ease-in-out,color .1s}.sender-chip-close:hover{transform:scale(1.25);color:#be123c}.sender-search-input{width:100%;border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important;font-size:13.5px;color:#1e293b;padding:4px 6px;height:32px}.sender-search-input::placeholder{color:#94a3b8}.sender-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:1000;background:#ffffff;border:1px solid #cbd5e1;border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.15);max-height:280px;overflow-y:auto;padding:2px 0}.sender-dropdown-item{padding:8px 14px;font-size:13.5px;color:#1e293b;cursor:pointer;display:flex;align-items:center;transition:background .08s,color .08s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.sender-dropdown-item.is-active,.sender-dropdown-item:hover{background:#1976d2;color:#ffffff;font-weight:500}.sender-dropdown-empty{padding:12px 14px;font-size:13px;color:#64748b;text-align:center}body:has(.dashboard-home),html:has(.dashboard-home){height:100vh;overflow:hidden}.app-main:has(.dashboard-home){height:100vh;max-height:100vh;overflow:hidden;display:flex;flex-direction:column}.app-main:has(.dashboard-home) main{flex:1 1;min-height:0;padding:8px 16px 10px;overflow-y:auto;display:flex;flex-direction:column;box-sizing:border-box}.dashboard-home{flex:1 1;min-height:0;display:flex;flex-direction:column;overflow-y:auto}.dashboard-home .home-actions{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;flex-shrink:0}.dashboard-home .home-actions>span{font-size:13px;color:var(--text-muted)}.dashboard-home .home-actions a,.dashboard-home .home-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;padding:9px 26px;border-radius:8px;min-width:135px;cursor:pointer;box-shadow:0 2px 6px rgba(201,0,0,.2);transition:all .15s ease}.dashboard-home .home-actions a:hover,.dashboard-home .home-actions button:hover{background:var(--brand-hover);box-shadow:0 4px 10px rgba(201,0,0,.3);transform:translateY(-1px)}.dashboard-home .summary-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:12px;flex-shrink:0}.dashboard-home .summary-cards.summary-cards-5{grid-template-columns:repeat(5,minmax(0,1fr))}.dashboard-home .summary-cards.summary-cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-home .summary-cards.analytics-kpi-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:8px}.dashboard-home .summary-cards.analytics-kpi-row .summary-card{padding:10px 14px;min-height:72px}.dashboard-home .summary-cards .summary-card,.dashboard-home .summary-cards a{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:13px 16px;min-height:82px;text-align:left;cursor:default;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.dashboard-home .summary-cards a{cursor:pointer}.dashboard-home .summary-cards a:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(23,23,23,.05)}.dashboard-home .summary-cards .summary-card>span:last-child,.dashboard-home .summary-cards a>span:last-child{display:grid;gap:3px;min-width:0}.dashboard-home .summary-cards strong{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-home .summary-cards b{font-size:24px;line-height:1.15}.dashboard-home .summary-cards small{font-size:11px;line-height:1.2}.dashboard-home .icon{padding:10px;border-radius:10px;background:#ffffff90}.dashboard-home .blue{background:var(--blue-light);color:var(--blue);border-color:var(--blue-border)}.dashboard-home .cyan,.dashboard-home .teal{background:#ecfeff;color:#0891b2;border-color:#a5f3fc}.dashboard-home .emerald,.dashboard-home .green{background:var(--green-light);color:var(--green);border-color:var(--green-border)}.dashboard-home .amber,.dashboard-home .orange{background:var(--amber-light);color:var(--amber);border-color:var(--amber-border)}.dashboard-home .purple{background:var(--purple-light);color:var(--purple);border-color:var(--purple-border)}.dashboard-home .red{background:var(--brand-light);color:var(--brand);border-color:var(--brand-border)}.dashboard-home .pink,.dashboard-home .rose{background:#fff1f2;color:#e11d48;border-color:#fecdd3}.dashboard-home .home-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:16px;align-items:start}.dashboard-trio-layout{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch;flex:1 1;min-height:0;overflow:hidden}@media (max-width:1400px){.dashboard-trio-layout{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));overflow-y:auto}}@media (max-width:768px){.dashboard-trio-layout{grid-template-columns:1fr;grid-template-rows:auto;overflow-y:auto}}.trio-panel{border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);flex-direction:column;height:100%;min-height:0}.trio-panel,.trio-panel-header{background:var(--bg-card);display:flex}.trio-panel-header{align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line-light);gap:8px;flex-shrink:0}.trio-panel-header h2{font-size:14px;font-weight:700;margin:0;color:#1e293b;display:flex;align-items:center;gap:7px}.trio-panel-header h2 .count-badge{font-size:11px;font-weight:600;padding:2px 7px;border-radius:9999px;background:var(--line-light);color:#475569}.trio-panel-header .header-action-btn{font-size:11px;color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:6px;padding:3px 8px;cursor:pointer;font-weight:500;transition:all .15s ease}.trio-panel-header .header-action-btn:hover{background:#dbeafe}.trio-filter-tabs{display:flex;gap:5px;padding:6px 10px;border-bottom:1px solid #f8fafc;background:#fafafa;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex-shrink:0}.trio-filter-tabs::-webkit-scrollbar{display:none}.trio-filter-pill{font-size:11px;padding:2px 8px;border-radius:20px;border:1px solid #e2e8f0;background:#ffffff;color:#64748b;cursor:pointer;white-space:nowrap;transition:all .15s ease;flex-shrink:0}.trio-filter-pill.active{background:#2563eb;color:#ffffff;border-color:#2563eb;font-weight:600}.trio-items-list{display:flex;flex-direction:column;padding:8px 10px;gap:7px;flex:1 1;min-height:0;overflow-y:auto}.trio-item-card{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border:1px solid var(--line-light);border-radius:10px;background:var(--bg-card);text-decoration:none;color:inherit;transition:all .15s ease;cursor:pointer}.trio-item-card:hover{border-color:#cbd5e1;background:#f8fafc;transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,.04)}.trio-item-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.trio-item-icon.red{background:#fef2f2;color:#dc2626;border:1px solid #fee2e2}.trio-item-icon.orange{background:#fff7ed;color:#ea580c;border:1px solid #ffedd5}.trio-item-icon.blue{background:#eff6ff;color:#2563eb;border:1px solid #dbeafe}.trio-item-icon.green{background:#f0fdf4;color:#16a34a;border:1px solid #dcfce7}.trio-item-icon.purple{background:#faf5ff;color:#7c3aed;border:1px solid #f3e8ff}.trio-item-content{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px}.trio-item-title{font-size:13px;font-weight:600;color:#0f172a;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trio-item-sub{display:flex;align-items:center;gap:6px;font-size:11px;color:#64748b;flex-wrap:wrap}.trio-meta-group{display:inline-flex;align-items:center;gap:4px}.trio-meta-label{font-size:11px;font-weight:500;color:#64748b}.trio-item-tags{display:flex;align-items:center;gap:6px;margin-top:2px;flex-wrap:wrap}.trio-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:6px;line-height:1.35;display:inline-block;white-space:nowrap;border:1px solid transparent}.trio-badge.red{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.trio-badge.orange{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.trio-badge.blue{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.trio-badge.green{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.trio-badge.purple{background:#faf5ff;color:#7c3aed;border:1px solid #e9d5ff}.trio-badge.slate{background:#f1f5f9;color:#475569}.trio-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0;font-size:11px;color:#94a3b8}.trio-empty{justify-content:center;padding:48px 16px;color:#94a3b8;font-size:13px;text-align:center}.donut-card-body,.trio-empty{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1 1}.donut-card-body{padding:10px 14px 12px;min-height:0;overflow-y:auto}.donut-chart-wrapper{position:relative;display:inline-flex;margin:2px 0;flex-shrink:0}.donut-center-text,.donut-chart-wrapper{align-items:center;justify-content:center}.donut-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;pointer-events:none;text-align:center}.donut-center-text .donut-value{font-size:24px;font-weight:800;color:#0f172a;line-height:1.1}.donut-center-text .donut-label{font-size:11px;color:#64748b;margin-top:2px}.donut-legend-list{width:100%;display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--line-light);padding-top:10px}.donut-legend-item{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:4px 8px;border-radius:8px;transition:background .15s ease}.donut-legend-item:hover{background:#f8fafc}.donut-legend-left{display:flex;align-items:center;gap:8px;min-width:0}.donut-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.donut-legend-names{display:flex;flex-direction:column;gap:1px;min-width:0}.donut-legend-time-sub{font-size:10.5px;color:#64748b;line-height:1.2;white-space:nowrap}.donut-legend-title{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.donut-legend-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.donut-legend-count{font-weight:700;color:#0f172a;min-width:32px;text-align:right}.donut-legend-time{font-size:11px;color:#64748b;background:var(--line-light);padding:2px 7px;border-radius:4px;white-space:nowrap}.dashboard-home .task-panel{overflow:hidden;min-height:350px;border-color:#eaf1ff}.dashboard-home .task-panel header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #f6f7f9;gap:10px}.dashboard-home .task-panel h1{font-size:16px;font-weight:600;margin:0;color:#303030}.dashboard-home .task-panel h1 span{font-size:12px;margin-left:8px}.dashboard-home .show-more,.dashboard-home .task-panel header button{border:0;background:none;color:#1753cf;font-size:12px;cursor:pointer}.dashboard-home .task-filters{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px}.dashboard-home .task-filters label{font-size:11px;color:#667085}.dashboard-home .task-filters select{padding:5px 8px;border:1px solid #eaf1ff;border-radius:6px;background:white;color:#344054;margin-left:5px}.dashboard-home .task-filters small{font-size:10px;color:#98a2b3}.dashboard-home .task-panel{min-width:0;max-width:100%}.dashboard-home .table-scroll{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.dashboard-home .task-panel table{width:100%;min-width:580px;border-collapse:collapse;font-size:12px;text-align:left}.dashboard-home .task-panel th{background:#eaf1ff;color:#1753cf;font-size:11px;padding:10px 12px;font-weight:500}.dashboard-home .task-panel td{padding:12px;border-bottom:1px solid #f6f7f9;color:#344054}.dashboard-home .task-panel td:first-child{min-width:230px}.dashboard-home .task-panel tr:nth-child(2n){background:#fff}.dashboard-home .subject{display:flex;align-items:center;gap:9px;font-weight:500;color:#1753cf}.dashboard-home .subject:hover{color:#1753cf}.dashboard-home .doc-icon{display:grid;place-items:center;background:#eaf1ff;color:#1753cf;padding:5px;border-radius:6px;flex-shrink:0}.dashboard-home .people{min-width:110px;max-width:190px;overflow-wrap:anywhere}.dashboard-home .sent-date{min-width:125px}.dashboard-home .read-count{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.dashboard-home .empty{padding:55px 12px;text-align:center;color:#98a2b3}.dashboard-home .show-more{display:block;margin:12px auto}.dashboard-home .analytics{margin-top:18px}.dashboard-home .analytics summary{cursor:pointer;font-size:12px;color:#667085;padding:10px 0}.dashboard-home aside{display:grid;gap:14px;min-width:0}.dashboard-home aside .card{padding:16px;border-color:var(--blue-light)}.dashboard-home aside h2{font-size:14px;font-weight:600;margin:0 0 12px;color:#303030}.dashboard-home .activity>a{display:flex;gap:8px;padding:8px 0;color:var(--text-muted)}.dashboard-home .activity i{height:28px;width:28px;border-radius:50%;background:var(--blue-light);color:var(--blue);display:grid;place-items:center;flex-shrink:0}.dashboard-home .activity>a>span{display:grid;gap:4px;min-width:0}.dashboard-home .activity b{font-size:11px;font-weight:500}.dashboard-home .activity span span{font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dashboard-home .activity p,.dashboard-home .activity small{font-size:10px;color:var(--text-light)}.dashboard-detail-heading{margin-bottom:18px;display:flex;align-items:center;gap:13px}.dashboard-detail-heading>a{width:42px;height:42px;flex:0 0 42px;border:1px solid var(--line);border-radius:8px;background:var(--bg-card);display:grid;place-items:center}.dashboard-detail-heading>a:hover{border-color:var(--brand-border);color:var(--brand)}.dashboard-detail-heading h1{margin:0;font-size:25px;font-weight:700}.dashboard-detail-subtitle{margin:4px 0 0;font-size:13px;color:var(--muted)}.dashboard-subpage{display:grid;gap:16px;min-width:0}.period-filter-bar{justify-content:space-between;gap:16px;padding:14px 18px}.period-filter-bar,.period-tabs-group{display:flex;align-items:center;flex-wrap:wrap}.period-tabs-group{gap:12px}.period-label{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-secondary)}.period-tabs{display:inline-flex;background:var(--bg-page);padding:4px;border-radius:9px;gap:4px}.period-tabs button{padding:7px 16px;border:0;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer}.period-tabs button:hover{color:var(--text-primary)}.period-tabs button.active{background:var(--bg-card);color:var(--brand);font-weight:600;box-shadow:0 1px 3px rgba(23,23,23,.1)}.period-range-group{gap:12px;flex-wrap:wrap}.period-range-group,.period-subselect{display:inline-flex;align-items:center}.period-subselect{gap:8px;font-size:13px;font-weight:500;color:var(--text-secondary)}.period-subselect select{height:36px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:var(--bg-card);color:var(--text-primary);font-size:13px}.period-summary-text{font-size:13px;color:var(--text-muted);font-weight:500}.period-summary-text b{color:var(--blue)}.sent-chart-card{padding:20px 22px}.sent-chart-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.sent-chart-header h2{margin:0;font-size:17px;font-weight:700;color:var(--text-primary)}.sent-chart-header p{margin:4px 0 0;font-size:13px;color:var(--text-muted)}.sent-chart-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.total-sent-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--blue-light);color:var(--blue);font-size:13px;font-weight:600}.vertical-bar-chart-container{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;padding:12px 8px 4px}.y-axis{height:240px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding-right:4px;font-size:11px;color:var(--text-muted);font-weight:500}.vertical-bars-stage{position:relative;min-width:0}.chart-grid-lines{position:absolute;top:0;left:0;right:0;height:240px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.chart-grid-lines .grid-line{width:100%;border-bottom:1px dashed var(--line)}.chart-grid-lines .grid-line:last-child{border-bottom:1px solid var(--line)}.vertical-bars-row{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,minmax(85px,1fr));gap:14px;overflow-x:auto}.vertical-bar-col{display:flex;flex-direction:column;align-items:center;padding:8px 8px 12px;border:1px solid transparent;border-radius:12px;background:transparent;cursor:pointer}.vertical-bar-col:hover{background:#f6f7f9;border-color:#dfe2e7}.vertical-bar-col.active{background:#fff0f0;border-color:#c90000;box-shadow:0 0 0 2px rgba(201,0,0,.12)}.vertical-bar-col.zero{opacity:.65}.bar-plot-area{width:100%;height:232px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.bar-top-count{font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;background:#fff;box-shadow:0 1px 3px rgba(23,23,23,.08);white-space:nowrap}.vertical-bar-fill{width:52px;max-width:72%;min-height:4px;border-radius:8px 8px 2px 2px;transition:height .3s ease,transform .2s ease}.vertical-bar-col:hover .vertical-bar-fill{filter:brightness(1.06)}.vertical-bar-col.active .vertical-bar-fill{box-shadow:0 4px 12px rgba(201,0,0,.25)}.bar-x-label{margin-top:12px;text-align:center;display:grid;gap:3px}.bar-x-label strong{font-size:13px;font-weight:700;color:var(--text-primary)}.vertical-bar-col.active .bar-x-label strong{color:var(--brand)}.bar-x-label small{font-size:11px;color:var(--text-muted)}.chart-click-hint{margin:14px 0 0;padding:12px 16px;border-radius:8px;background:var(--bg-page);border:1px dashed var(--line);text-align:center;color:var(--text-secondary);font-size:13px}.subpage-filters{display:flex;align-items:flex-end;gap:12px;padding:16px 18px;flex-wrap:wrap}.subpage-filters>.search-field{flex:2 1 260px}.subpage-filters>.field:not(.search-field){flex:1 1 180px}.purpose-filter-controls .search-field span,.subpage-filters .search-field span{position:relative;display:block}.purpose-filter-controls .search-field input,.subpage-filters .search-field input{padding-right:38px}.purpose-filter-controls .search-field svg,.subpage-filters .search-field svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-light);pointer-events:none}.subpage-filters .reset-btn{height:42px;white-space:nowrap}.type-stats-section{padding:20px}.type-stats-section .section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.type-stats-section .section-head h2{margin:0;font-size:17px;font-weight:700;color:var(--text-primary)}.type-stats-section .section-head p{margin:4px 0 0;font-size:13px;color:var(--text-muted)}.purpose-stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.purpose-stat-card{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--bg-card);border:1px solid var(--line);border-radius:12px;text-align:left;cursor:pointer;min-width:0}.purpose-stat-card:hover{transform:translateY(-1px)}.purpose-stat-card.active,.purpose-stat-card:hover{border-color:var(--brand);background:var(--brand-light)}.purpose-stat-card.active{box-shadow:0 0 0 2px rgba(201,0,0,.12)}.purpose-stat-card.empty{opacity:.72}.stat-card-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.purpose-name{font-size:13px;font-weight:700;color:#303030;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-total-pill{font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;background:var(--bg-page);color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.purpose-stat-card.active .doc-total-pill{background:var(--brand);color:var(--bg-card)}.stat-card-main{display:grid;gap:3px}.stat-card-main b{font-size:18px;font-weight:700;color:var(--blue)}.purpose-stat-card.active .stat-card-main b{color:var(--brand)}.stat-card-main small{font-size:11px;color:var(--text-muted)}.stat-bar-track{height:8px;background:var(--bg-page);border-radius:999px;overflow:hidden}.stat-bar-track>i{display:block;height:100%;background:var(--blue);border-radius:999px}.purpose-stat-card.active .stat-bar-track>i{background:var(--brand)}.stat-card-footer{display:flex;justify-content:space-between;gap:4px;font-size:11px;color:var(--text-muted);padding-top:6px;border-top:1px solid var(--bg-page);flex-wrap:wrap}.purpose-filter-bar{padding:16px 18px;display:grid;gap:14px}.purpose-pills{display:flex;flex-wrap:wrap;gap:8px}.purpose-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--bg-card);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer}.purpose-pill:hover{border-color:var(--brand);background:var(--brand-light)}.purpose-pill.active{border-color:var(--green);background:var(--green-light);color:var(--green);font-weight:600}.purpose-pill b{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--bg-page);color:var(--text-secondary);font-size:11px}.purpose-pill.active b{background:var(--green);color:var(--bg-card)}.purpose-filter-controls{display:grid;grid-template-columns:minmax(240px,1fr) 240px;gap:12px}.subpage-table-card{overflow:hidden}.subpage-table-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--bg-page);flex-wrap:wrap}.subpage-table-header h2{margin:0;font-size:16px;font-weight:700;color:var(--text-primary)}.subpage-table-header small{display:block;margin-top:3px;font-size:12px;color:var(--text-muted)}.expanded-purpose-details{display:grid;gap:16px}.table-header-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.count-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:var(--blue-light);color:var(--blue);font-size:12px;font-weight:600}.count-badge.green{background:var(--green-light);color:var(--green)}.count-badge.orange{background:var(--amber-light);color:var(--amber)}.count-badge.red{background:var(--brand-light);color:var(--brand)}.subpage-table{width:100%;min-width:920px;border-collapse:collapse;font-size:13px;text-align:left}.subpage-table th{background:var(--bg-page);color:var(--text-secondary);font-size:12px;font-weight:600;padding:12px 16px;border-bottom:1px solid var(--line);white-space:nowrap}.subpage-table td{padding:14px 16px;border-bottom:1px solid var(--bg-page);vertical-align:middle;color:var(--text-secondary)}.subpage-table tbody tr{cursor:pointer}.subpage-table tbody tr:hover{background:var(--brand-light)}.subpage-table .doc-subject{display:block;font-size:14px;font-weight:600;color:var(--text-primary)}.subpage-table .doc-id{display:block;margin-top:3px;font-size:12px;color:var(--text-muted)}.subpage-table .holder-name{display:block;font-size:13px;font-weight:600;color:var(--brand)}.subpage-table .holder-name+small{display:block;margin-top:2px;font-size:12px;color:var(--text-muted)}.purpose-tag{display:inline-block;padding:4px 9px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap}.read-inline{gap:5px}.duration-badge,.read-inline{display:inline-flex;align-items:center;white-space:nowrap}.duration-badge{gap:6px;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:600}.duration-badge.completed{background:var(--green-light);color:var(--green)}.duration-badge.ongoing{background:var(--blue-light);color:var(--blue)}.duration-badge.overdue,.reject-reason-pill{background:var(--brand-light);color:var(--brand)}.reject-reason-pill{display:inline-block;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;border:1px solid #fecdd3;border-radius:6px;padding:4px 10px;line-height:1.4}.subpage-table .empty{padding:48px 16px;text-align:center;color:var(--text-light)}.time-dashboard{color:#303030}.time-dashboard .dashboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;background:var(--bg-card);border:1px solid var(--blue-light);border-radius:12px;flex-wrap:wrap}.time-dashboard .periods{display:flex;flex-shrink:0;background:var(--bg-page);padding:3px;border-radius:8px}.time-dashboard .periods button{padding:8px 18px;border:0;border-radius:6px;background:transparent;color:var(--text-muted);font-size:12px;cursor:pointer}.time-dashboard .periods button.active{background:white;color:var(--brand);font-weight:600;box-shadow:0 1px 4px #30303012}.time-dashboard .settings{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:var(--text-muted);font-size:11px}.time-dashboard .settings label{display:flex;align-items:center;gap:7px}.time-dashboard .settings input[type=date],.time-dashboard .settings select{height:32px;border:1px solid var(--blue-light);border-radius:6px;background:var(--bg-card);color:var(--text-secondary);padding:4px 7px;font-size:11px}.time-dashboard .sample-label{margin:8px 2px;color:var(--amber);font-size:10px}.time-dashboard .kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 16px}.time-dashboard .kpis>article,.time-dashboard .kpis>button{display:grid;gap:8px;text-align:left;padding:18px 20px;background:var(--bg-card);border:1px solid var(--blue-light);border-radius:12px}.time-dashboard .kpis b{font-size:30px;font-weight:600;line-height:1.2}.time-dashboard .graphs{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}.time-dashboard .graphs>.card{display:flex;flex-direction:column;padding:22px;border-radius:14px}.time-dashboard .chart-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.time-dashboard .column-chart{display:grid;gap:22px;margin:26px 0 24px}.time-dashboard .column-chart button{display:grid;grid-template-columns:125px minmax(0,1fr) 60px;gap:14px;align-items:center;width:100%;background:transparent;border:0;padding:0;text-align:left;cursor:pointer}.time-dashboard .bar-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.time-dashboard .bar-label>i{width:7px;height:7px;border-radius:50%}.time-dashboard .bar-space{height:20px;background:var(--bg-page);border-radius:5px;overflow:hidden}.time-dashboard .bar-space>i{display:block;height:100%;border-radius:5px}.time-dashboard .wait-chart{display:grid;gap:17px;margin:23px 0 18px}.time-dashboard .wait-chart button{display:grid;grid-template-columns:115px minmax(0,1fr) 70px;gap:14px;align-items:center;background:transparent;border:0;padding:0;text-align:left;cursor:pointer;font-size:12px;color:var(--text-muted)}.time-dashboard .track{height:16px;background:var(--bg-page);border-radius:5px;overflow:hidden}.time-dashboard .track i{display:block;height:100%;background:var(--blue);border-radius:5px}.analytics-dashboard-page{display:flex;flex-direction:column;gap:10px;width:100%;min-height:100%;box-sizing:border-box}.analytics-filter-bar{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:2px;flex-shrink:0}.analytics-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;flex:1 1;min-width:0}.analytics-dropdown-wrapper{position:relative;width:100%;min-width:0}.analytics-dropdown-btn{width:100%;height:40px;padding:0 12px;background:#ffffff;border:1px solid #dfe2e7;border-radius:8px;box-shadow:0 1px 2px rgba(16,24,40,.05);display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;font-family:inherit;color:#344054;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box;text-align:left}.analytics-dropdown-btn:hover{border-color:#b0b8c4}.analytics-dropdown-btn:focus-visible{outline:none;border-color:#1753cf;box-shadow:0 0 0 3px rgba(23,83,207,.15)}.analytics-dropdown-label-group{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-dropdown-prefix{color:#344054;font-weight:400;white-space:nowrap;flex-shrink:0}.analytics-dropdown-val{color:#344054;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-dropdown-chevron{color:#667085;flex-shrink:0;transition:transform .2s ease}.analytics-dropdown-chevron.open{transform:rotate(180deg);color:#1753cf}.analytics-dropdown-menu{position:absolute;left:0;right:0;top:calc(100% + 4px);background:#ffffff;border:1px solid #dfe2e7;border-radius:12px;box-shadow:0 10px 20px -3px rgba(16,24,40,.1),0 4px 6px -4px rgba(16,24,40,.05);z-index:1000;padding:4px 0;font-size:14px;max-height:260px;overflow-y:auto}.analytics-dropdown-item{width:100%;text-align:left;padding:8px 14px;border:none;background:transparent;font-size:14px;font-family:inherit;color:#344054;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background .15s ease}.analytics-dropdown-item:hover{background:#f8f9fc}.analytics-dropdown-item.active{background:#eaf1ff;color:#1753cf;font-weight:500}.analytics-scope-menu{position:absolute;right:0;top:calc(100% + 4px);width:380px;background:#ffffff;border:1px solid #dfe2e7;border-radius:12px;box-shadow:0 12px 24px -4px rgba(16,24,40,.15),0 4px 8px -4px rgba(16,24,40,.06);z-index:1000;overflow:hidden}.analytics-scope-header{padding:10px;background:#f8f9fc;border-bottom:1px solid #dfe2e7;display:flex;flex-direction:column;gap:8px}.analytics-scope-tabs{display:flex;align-items:center;gap:6px;overflow-x:auto}.analytics-scope-tab-btn{padding:4px 10px;font-size:12px;border-radius:9999px;border:1px solid #dfe2e7;background:#ffffff;color:#344054;cursor:pointer;white-space:nowrap;font-family:inherit;transition:all .15s ease}.analytics-scope-tab-btn.active{background:#1753cf;border-color:#1753cf;color:#ffffff}.analytics-scope-search-box{position:relative;width:100%}.analytics-scope-search-box svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#98a2b3}.analytics-scope-search-box input{width:100%;padding:6px 10px 6px 30px;font-size:13px;font-family:inherit;background:#ffffff;border:1px solid #dfe2e7;border-radius:6px;box-sizing:border-box;outline:none}.analytics-scope-search-box input:focus{border-color:#1753cf}.analytics-scope-list{max-height:240px;overflow-y:auto;padding:4px 0}.analytics-btn-reset{height:40px;padding:0 14px;background:#ffffff;border:1px solid #dfe2e7;border-radius:8px;box-shadow:0 1px 2px rgba(16,24,40,.05);display:flex;align-items:center;gap:6px;font-size:14px;font-family:inherit;color:#344054;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s ease,border-color .15s ease}.analytics-btn-reset:hover{background:#f9fafb;border-color:#b0b8c4}.analytics-btn-search{height:40px;padding:0 18px;background:#1753cf;border:none;border-radius:8px;box-shadow:0 1px 2px rgba(23,83,207,.2);display:flex;align-items:center;gap:6px;font-size:14px;font-family:inherit;font-weight:500;color:#ffffff;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s ease}.analytics-btn-search:hover{background:#1344aa}.analytics-kpi-row,.dashboard-home .summary-cards.analytics-kpi-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-bottom:12px!important;width:100%!important;flex-shrink:0}.analytics-kpi-row .summary-card,.summary-cards.analytics-kpi-row .summary-card{display:flex!important;align-items:center!important;gap:14px!important;border-radius:12px!important;padding:12px 18px!important;min-height:76px!important;text-align:left!important;box-sizing:border-box!important;transition:transform .15s ease,box-shadow .15s ease!important;box-shadow:0 1px 2px rgba(16,24,40,.04)!important}.analytics-kpi-row .summary-card:hover,.summary-cards.analytics-kpi-row .summary-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,24,40,.06)!important}.analytics-kpi-row .summary-card .icon,.summary-cards.analytics-kpi-row .summary-card .icon{width:44px!important;height:44px!important;border-radius:10px!important;background:#ffffff!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;padding:0!important;box-shadow:0 1px 3px rgba(0,0,0,.06)!important}.analytics-kpi-row .summary-card>span:last-child,.summary-cards.analytics-kpi-row .summary-card>span:last-child{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}.analytics-kpi-row .summary-card strong,.summary-cards.analytics-kpi-row .summary-card strong{font-size:13px!important;font-weight:500!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.2!important}.analytics-kpi-row .summary-card b,.summary-cards.analytics-kpi-row .summary-card b{font-size:26px!important;font-weight:700!important;line-height:1.15!important;letter-spacing:-.02em!important}.analytics-kpi-row .summary-card small,.summary-cards.analytics-kpi-row .summary-card small{font-size:11.5px!important;color:#667085!important;line-height:1.2!important}.analytics-kpi-row .summary-card.blue,.summary-cards.analytics-kpi-row .summary-card.blue{background:#f0f5ff!important;border:1px solid #d0e1fd!important}.analytics-kpi-row .summary-card.blue .icon,.analytics-kpi-row .summary-card.blue b,.analytics-kpi-row .summary-card.blue strong,.summary-cards.analytics-kpi-row .summary-card.blue .icon,.summary-cards.analytics-kpi-row .summary-card.blue b,.summary-cards.analytics-kpi-row .summary-card.blue strong{color:#1753cf!important}.analytics-kpi-row .summary-card.orange,.summary-cards.analytics-kpi-row .summary-card.orange{background:#fff7ed!important;border:1px solid #fed7aa!important}.analytics-kpi-row .summary-card.orange .icon,.analytics-kpi-row .summary-card.orange b,.analytics-kpi-row .summary-card.orange strong,.summary-cards.analytics-kpi-row .summary-card.orange .icon,.summary-cards.analytics-kpi-row .summary-card.orange b,.summary-cards.analytics-kpi-row .summary-card.orange strong{color:#ea580c!important}.analytics-kpi-row .summary-card.green,.summary-cards.analytics-kpi-row .summary-card.green{background:#f0fdf4!important;border:1px solid #bbf7d0!important}.analytics-kpi-row .summary-card.green .icon,.analytics-kpi-row .summary-card.green b,.analytics-kpi-row .summary-card.green strong,.summary-cards.analytics-kpi-row .summary-card.green .icon,.summary-cards.analytics-kpi-row .summary-card.green b,.summary-cards.analytics-kpi-row .summary-card.green strong{color:#16a34a!important}.analytics-kpi-row .summary-card.red,.summary-cards.analytics-kpi-row .summary-card.red{background:#fef2f2!important;border:1px solid #fecaca!important}.analytics-kpi-row .summary-card.red .icon,.analytics-kpi-row .summary-card.red b,.analytics-kpi-row .summary-card.red strong,.summary-cards.analytics-kpi-row .summary-card.red .icon,.summary-cards.analytics-kpi-row .summary-card.red b,.summary-cards.analytics-kpi-row .summary-card.red strong{color:#dc2626!important}.analytics-main-grid{display:grid;grid-template-columns:1fr 1fr 1.08fr;grid-template-rows:auto auto;gap:12px;flex:1 1;min-height:0}.analytics-grid-types{grid-column:1/2}.analytics-grid-durations,.analytics-grid-types{grid-row:1/2;display:flex;flex-direction:column;min-height:0}.analytics-grid-durations{grid-column:2/3}.analytics-grid-workload{grid-column:3/4;grid-row:1/3}.analytics-grid-trend,.analytics-grid-workload{display:flex;flex-direction:column;min-height:0}.analytics-grid-trend{grid-column:1/3;grid-row:2/3}.analytics-card{background:#ffffff;border:1px solid #dfe2e7;border-radius:14px;box-shadow:0 1px 2px rgba(16,24,40,.04);padding:8px 14px 10px;display:flex;flex-direction:column;height:100%;box-sizing:border-box;overflow:hidden}.analytics-card-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe2e7;padding-top:0;padding-bottom:5px;margin-bottom:6px;flex-shrink:0}.analytics-card-header h2,.analytics-card-header p{margin:0;padding:0}.analytics-card-title{font-size:14.5px;font-weight:600;color:#171717;line-height:1.2;margin:0;padding:0}.analytics-card-subtitle{font-size:11.5px;color:#667085;margin:2px 0 0;padding:0;line-height:1.2}.analytics-card-badge{font-size:12.5px;color:#1753cf;background:#eaf1ff;padding:1.5px 8px;border-radius:6px;font-weight:500}.analytics-type-row{display:flex;flex-direction:column;gap:3px;padding:3px 0}.analytics-type-row-top{display:flex;align-items:center;justify-content:space-between;font-size:14px;height:26px}.analytics-type-left{display:flex;align-items:center;gap:8px;min-width:0}.analytics-icon-badge{width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid transparent}.analytics-type-name{color:#344054;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-type-pill{font-size:12.5px;padding:1px 8px;border-radius:4px;border:1px solid transparent;white-space:nowrap}.analytics-progress-track{height:5px;background:#f2f4f7;border-radius:9999px;overflow:hidden;width:100%}.analytics-progress-fill{height:100%;border-radius:9999px;transition:width .4s ease}.analytics-duration-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0;font-size:13.5px}.analytics-duration-stats{display:flex;align-items:center;gap:12px;flex-shrink:0}.analytics-duration-docs{font-size:13px;color:#667085}.analytics-duration-days{font-size:13px;font-weight:500;color:#171717;min-width:55px;text-align:right}.analytics-duration-percent{font-size:12px;padding:1px 6px;border-radius:4px;border:1px solid transparent;min-width:38px;text-align:center;font-weight:500}.analytics-workload-list{flex:1 1;min-height:0;overflow-y:auto;padding-right:2px}.analytics-workload-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f1f5f9}.analytics-workload-left{display:flex;align-items:center;gap:8px;min-width:0}.analytics-workload-icon{width:24px;height:24px;border-radius:6px;background:#f6f7f9;border:1px solid #dfe2e7;color:#667085;display:flex;align-items:center;justify-content:center;flex-shrink:0}.analytics-workload-name{font-size:13.5px;color:#171717;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.analytics-workload-sub{font-size:11.5px;color:#667085;display:block;line-height:1.2}.analytics-workload-stats{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:8px}.analytics-stat-completed{color:#218759}.analytics-stat-completed,.analytics-stat-inprogress{font-size:13px;font-weight:500;min-width:26px;text-align:right}.analytics-stat-inprogress{color:#dc790d}.analytics-stat-overdue{display:inline-flex;align-items:center;gap:3px;background:#fff0f0;border:1px solid #f3c7c9;color:#c90000;font-size:11.5px;font-weight:600;padding:2px 5px;border-radius:4px;min-width:32px;justify-content:center}.analytics-stat-dash{color:#98a2b3;font-size:12px;min-width:32px;text-align:center}.analytics-trend-legend{display:flex;align-items:center;gap:14px;font-size:12px;color:#475467}.analytics-legend-item{display:flex;align-items:center;gap:6px}.analytics-legend-box{width:10px;height:10px;border-radius:2px}.analytics-trend-chart-area{flex:1 1;min-height:140px;display:flex;align-items:flex-end;gap:8px;padding-top:8px;padding-bottom:2px;box-sizing:border-box}.analytics-trend-bar-col{flex:1 1;min-width:24px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.analytics-trend-bar-fill{width:100%;max-width:18px;background:#1753cf;border-radius:3px 3px 0 0;transition:all .2s ease}.analytics-trend-bar-fill:hover{filter:brightness(1.15)}.analytics-trend-bar-month{font-size:12px;color:#475467;margin-top:6px;white-space:nowrap}@media (max-width:1024px){.analytics-filter-grid{grid-template-columns:repeat(2,1fr)}.analytics-main-grid{grid-template-columns:1fr;grid-template-rows:auto}.analytics-grid-durations,.analytics-grid-trend,.analytics-grid-types,.analytics-grid-workload{grid-column:auto;grid-row:auto}}