@font-face{font-family:Noto Sans Thai;src:url(/fonts/Noto_Sans_Thai/NotoSansThai-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Noto Sans Thai;src:url(/fonts/Noto_Sans_Thai/NotoSansThai-Medium.ttf) format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Noto Sans Thai;src:url(/fonts/Noto_Sans_Thai/NotoSansThai-SemiBold.ttf) format("truetype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Noto Sans Thai;src:url(/fonts/Noto_Sans_Thai/NotoSansThai-Bold.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Noto Sans Thai;src:url(/fonts/Noto_Sans_Thai/NotoSansThai-ExtraBold.ttf) format("truetype");font-style:normal;font-weight:800;font-display:swap}@font-face{font-family:Noto Sans Thai;src:url(/fonts/Noto_Sans_Thai/NotoSansThai-Black.ttf) format("truetype");font-style:normal;font-weight:900;font-display:swap}:root{color-scheme:light;--app-blue-50: #eff8ff;--app-blue-100: #dceeff;--app-blue-200: #b9ddff;--app-blue-500: #258bff;--app-blue-600: #0f73e8;--app-blue-700: #0a5cbd;--app-bg: #f6f9fc;--panel: #ffffff;--panel-soft: #f1f5f9;--line: #e5eaf0;--divider: #edf1f5;--hover-bg: #eff8ff;--selected-bg: #e4f2ff;--text-strong: #172033;--text-secondary: #526174;--text-subtle: #7b8798;--text-disabled: #a6afbc;--shadow-soft: 0 8px 24px rgba(23, 32, 51, .06)}*{box-sizing:border-box}body{margin:0;background:var(--app-bg);color:var(--text-strong);font-family:Noto Sans Thai,Leelawadee UI,Tahoma,system-ui,sans-serif}a{color:var(--app-blue-600);text-decoration:none}.feedback-action-card{min-height:150px;color:var(--text-strong);text-align:left;background:#fff;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.feedback-action-card:hover{border-color:var(--app-blue-300);box-shadow:0 10px 28px #0f73e81a;transform:translateY(-2px)}.feedback-timeline{position:relative}.feedback-timeline-item--system{border-style:dashed;background:var(--mantine-color-gray-0)}.feedback-timeline-item--internal{border-color:var(--mantine-color-yellow-4);background:var(--mantine-color-yellow-0)}.feedback-chart{min-width:0;overflow:hidden}:focus-visible{outline:3px solid rgba(37,139,255,.35);outline-offset:2px}.app-shell{min-height:100vh;display:grid;grid-template-columns:auto minmax(0,1fr)}.sidebar{width:288px;background:var(--panel);color:var(--text-strong);padding:24px 18px;position:sticky;top:0;height:100vh;overflow-y:auto;border-right:1px solid var(--line);box-shadow:2px 0 18px #1720330a;transition:width .18s ease,padding .18s ease}.sidebar--collapsed{width:88px;padding-inline:8px}.sidebar-brand,.sidebar-brand-copy{flex:1 1 auto;min-width:0;overflow:hidden}.sidebar-brand-title,.sidebar-brand-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-brand-subtitle{font-size:11px}.sidebar-collapse-button{flex:0 0 auto}.sidebar--collapsed .sidebar-header{gap:0}.sidebar--collapsed .brand-mark{width:40px;height:40px}.sidebar--collapsed .nav-link{justify-content:center;padding-inline:10px}.sidebar--collapsed .nav-link .mantine-NavLink-section{margin-inline-end:0}.sidebar--collapsed form{display:flex;justify-content:center}.sidebar--collapsed .sidebar-user-button{margin-inline:auto}.sidebar-user-paper{overflow-wrap:anywhere}.brand-mark{width:44px;height:44px;display:block;object-fit:cover;border-radius:8px}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:var(--text-secondary);font-weight:600}.nav-link.active,.nav-link:hover{background:var(--selected-bg);color:var(--app-blue-700)}.main-area{min-width:0;padding:24px}.main-area-header{margin-bottom:var(--mantine-spacing-sm);display:flex;align-items:center;justify-content:space-between;gap:var(--mantine-spacing-md)}.main-area-header-actions{display:flex;align-items:center;gap:var(--mantine-spacing-sm)}.notification-bell{background:var(--app-blue-600);border:1px solid rgba(255,255,255,.68);box-shadow:0 12px 32px #1a73e857;color:#fff;transition:transform .16s ease,box-shadow .16s ease}.notification-bell:hover{background:var(--app-blue-700);box-shadow:0 16px 38px #1a73e86b;transform:translateY(-2px)}.notification-bell-floating{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:300}.notification-bell--active svg{animation:notification-bell-ring 2.4s ease-in-out infinite;transform-origin:50% 8%}@keyframes notification-bell-ring{0%,70%,to{transform:rotate(0)}76%{transform:rotate(13deg)}82%{transform:rotate(-11deg)}88%{transform:rotate(7deg)}94%{transform:rotate(-4deg)}}@media(max-width:48em){.notification-bell-floating{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}}.main-area-eyebrow,.main-area-header-logo{display:none}.content-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.9fr);gap:18px}.pricing-page{min-height:100vh;background:radial-gradient(circle at 12% 8%,rgba(37,139,255,.12),transparent 32%),radial-gradient(circle at 88% 18%,rgba(121,80,242,.1),transparent 30%),var(--app-bg)}.pricing-hero{overflow:hidden;border:1px solid rgba(37,139,255,.18);background:linear-gradient(145deg,#fffffff5,#eff8ffe6);box-shadow:0 22px 60px #0f73e81a}.pricing-card{position:relative;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.pricing-card:hover,.pricing-card:focus-visible{transform:translateY(-6px);border-color:var(--app-blue-500);box-shadow:0 18px 42px #0f73e824;outline:none}.pricing-card--selected{transform:translateY(-6px);border-color:var(--app-blue-500);box-shadow:0 18px 46px #0f73e82e}.pricing-selection{background:linear-gradient(120deg,#eff8fff2,#f7f5fff2);border-color:#258bff40}.workflow-step-configuration{position:sticky;top:0;z-index:2;align-self:start}.document-detail-page{max-width:1480px;margin:0 auto}.detail-panel{background:var(--panel);border-color:var(--line);box-shadow:var(--shadow-soft)}.document-hero{overflow:hidden;border-top:3px solid var(--app-blue-500)}.workflow-panel{min-height:0}.document-detail-grid{grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);align-items:start}.document-item-card{min-height:0;border-color:var(--line);background:#fbfdff;box-shadow:0 1px 4px #1720330a}.document-item-copy{min-width:0}.document-detail-back{align-self:flex-start;margin-left:-8px}.document-hero-copy{min-width:0}.document-detail-title{overflow-wrap:anywhere}.document-summary-item{min-width:0;border:1px solid var(--divider);background:var(--panel-soft)}.document-summary-copy,.document-file-copy{min-width:0}.document-next-action-panel{border-color:var(--app-blue-200);background:linear-gradient(135deg,#f7fbff,#edf6ff);box-shadow:0 8px 22px #258bff14}.document-next-action-copy{min-width:min(100%,360px)}.document-standard-actions{justify-content:flex-end}.workflow-action-panel{border-color:#d9c8ff;background:linear-gradient(135deg,#fff,#faf8ff)}.workflow-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workflow-action-option{border-color:#e7defa;background:#ffffffe0}.document-list-panel{min-width:0}.document-review-note{color:#b42318;background:#fff3f0}.document-file-list{border-top:1px solid var(--divider)}.document-file-list>*+*{border-top:1px solid var(--divider)}.document-empty-state{border-style:dashed;background:var(--panel-soft)}.document-item-form-row{align-items:flex-end}.document-item-name-input{flex:1.2;min-width:220px}.document-item-types-input{flex:.9;min-width:180px}.document-item-required-input{min-width:96px;padding-bottom:8px}.create-request-page{max-width:1480px;margin:0 auto}.create-request-stepper-panel,.create-request-main-panel,.create-request-sidebar>.mantine-Paper-root{border-color:var(--line);box-shadow:var(--shadow-soft)}.create-request-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.create-request-main-panel{min-width:0}.create-request-sidebar{position:sticky;top:20px}.workflow-type-card{width:100%;min-height:154px;cursor:pointer;background:#fff;color:inherit;font:inherit;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.workflow-type-card:hover:not(:disabled){border-color:#8cc5ff;box-shadow:0 6px 18px #258bff1a;transform:translateY(-1px)}.workflow-type-card-selected{border-color:var(--app-blue-500);box-shadow:0 0 0 2px var(--app-blue-100);background:var(--app-blue-50)}.workflow-type-card:disabled{cursor:not-allowed;opacity:.72}.workflow-selection-preview{background:#fbfdff;overflow:hidden}.create-request-document-card{border-color:var(--line);background:#fbfdff}.create-request-mini-step{position:relative;min-height:64px;padding-bottom:12px}.create-request-mini-step:not(:last-child):before{content:"";position:absolute;left:15px;top:32px;bottom:0;width:2px;background:var(--line)}.create-request-mini-step .mantine-ThemeIcon-root{position:relative;z-index:1;flex:0 0 auto}.activity-panel{min-height:0}.activity-timeline :where(.mantine-Timeline-itemTitle){font-weight:800}.status-dot{width:10px;height:10px;border-radius:999px;display:inline-block}.workflow{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(145px,1fr);gap:0;overflow-x:auto;padding-bottom:6px}.workflow-step{min-width:140px;position:relative;padding:0 12px;text-align:left}.workflow-step:before{content:"";position:absolute;left:0;right:0;top:23px;height:3px;background:var(--line)}.workflow-step:first-child:before{left:50%}.workflow-step:last-child:before{right:50%}.workflow.workflow-vertical{display:block;overflow:visible}.workflow.workflow-vertical .workflow-step{min-width:0;display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;padding:0 0 18px}.workflow.workflow-vertical .workflow-step:before{left:22px;right:auto;top:0;bottom:0;width:3px;height:auto}.workflow.workflow-vertical .workflow-icon{margin:0}.workflow-icon{position:relative;z-index:1;width:46px;height:46px;border-radius:999px;display:grid;place-items:center;color:#fff;box-shadow:0 8px 20px #0f284729;margin:0 auto}.workflow-step-copy{max-width:210px;margin-left:auto;margin-right:auto}.workflow-step-pending{opacity:.72}.workflow-step-current .workflow-icon{outline:4px solid var(--app-blue-100)}.workflow-builder-timeline{grid-auto-columns:minmax(160px,1fr);padding:2px 4px 14px}.workflow-builder-timeline .workflow-step{min-width:160px;text-align:center}.workflow-builder-timeline .workflow-step-copy{max-width:150px}.workflow-builder-timeline .workflow-step-copy :where(.mantine-Text-root){overflow-wrap:anywhere;text-align:center}.workflow-builder-step-card{transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease}.workflow-builder-step-card [aria-label="ลากเพื่อจัดลำดับ Step"]{cursor:grab}.workflow-builder-step-card [aria-label="ลากเพื่อจัดลำดับ Step"]:active{cursor:grabbing}.workflow-builder-step-card:hover{background-color:var(--mantine-color-gray-0);box-shadow:var(--mantine-shadow-xs)}.workflow-builder-step-card-selected,.workflow-builder-step-card-selected:hover{background-color:var(--mantine-color-blue-0)}.workflow-builder-drop-zone{transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease}.workflow-builder-branch-lane{background-color:var(--mantine-color-gray-0)}.workflow-builder-drop-zone-over{background-color:var(--mantine-color-violet-0)}.workflow-builder-main-step-drop.workflow-builder-drop-zone-over{background-color:var(--mantine-color-blue-0)}.workflow-builder-drop-zone:hover{background-color:var(--mantine-color-gray-1);box-shadow:var(--mantine-shadow-xs)}.workflow-builder-new-sub-step:hover{background-color:var(--mantine-color-violet-0)}.workflow-builder-main-step-drop:hover{background-color:var(--mantine-color-blue-0)}.workflow-timeline-panel{overflow:hidden}.workflow-graph-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:8px 0 12px;overscroll-behavior-inline:contain;scrollbar-gutter:stable}.workflow-graph-scroll:focus-visible{outline:2px solid var(--mantine-color-appBlue-5);outline-offset:3px;border-radius:var(--mantine-radius-sm)}.workflow-graph{position:relative;min-width:100%}.workflow-graph-connectors,.workflow-graph-nodes{position:absolute;left:0;top:0}.workflow-graph-connectors{z-index:1;overflow:visible;pointer-events:none}.workflow-graph-nodes{z-index:2;pointer-events:none}.workflow-graph-edge{stroke-width:4}.workflow-graph-edge-completed{stroke:var(--mantine-color-green-6)}.workflow-graph-edge-active{stroke:var(--mantine-color-appBlue-6)}.workflow-graph-edge-pending{stroke:var(--mantine-color-gray-5);stroke-dasharray:7 7;opacity:.76}.workflow-graph-node{--workflow-graph-node-color: var(--mantine-color-gray-5);position:absolute;z-index:2;width:0;height:0;pointer-events:auto}.workflow-graph-node-ring{position:absolute;left:-16px;top:-16px;width:32px;height:32px;display:grid;place-items:center;border:4px solid var(--workflow-graph-node-color);border-radius:50%;background:var(--panel);color:var(--workflow-graph-node-color);box-shadow:0 0 0 3px var(--panel)}.workflow-graph-node-inner{width:14px;height:14px;display:grid;place-items:center;border-radius:50%}.workflow-graph-node-completed{--workflow-graph-node-color: var(--mantine-color-green-6)}.workflow-graph-node-completed .workflow-graph-node-inner{width:20px;height:20px;background:var(--mantine-color-green-6);color:#fff}.workflow-graph-node-current{--workflow-graph-node-color: var(--mantine-color-appBlue-6)}.workflow-graph-node-current .workflow-graph-node-ring{background:var(--mantine-color-appBlue-0);outline:4px solid var(--mantine-color-appBlue-1)}.workflow-graph-node-current .workflow-graph-node-inner{width:20px;height:20px;background:var(--mantine-color-appBlue-6);color:#fff}.workflow-graph-node-revision{--workflow-graph-node-color: var(--mantine-color-orange-6)}.workflow-graph-node-revision .workflow-graph-node-inner{color:var(--mantine-color-orange-7)}.workflow-graph-node-overdue{--workflow-graph-node-color: var(--mantine-color-red-6)}.workflow-graph-node-overdue .workflow-graph-node-ring{background:var(--mantine-color-red-0);outline:4px solid var(--mantine-color-red-1)}.workflow-graph-annotation{position:absolute;top:25px;left:-92px;width:184px;min-height:72px;align-items:center;padding:6px 8px;color:var(--text-strong);text-align:center}.workflow-graph-status-badge{color:var(--workflow-graph-node-color);background:color-mix(in srgb,var(--workflow-graph-node-color) 10%,transparent)}.workflow-graph-meta{max-width:100%;justify-content:center;color:var(--text-subtle)}.workflow-graph-meta>.mantine-Group-root{min-width:0}@media(max-width:640px){.workflow-graph-scroll{margin-inline:-4px;padding-inline:4px}}.workflow-node{position:relative;z-index:2;width:min(100%,520px);background:var(--panel);border-color:var(--mantine-color-gray-3);box-shadow:none;transition:border-color .12s ease,background-color .12s ease}.workflow-node-current{border-color:var(--mantine-color-appBlue-5);background:var(--mantine-color-appBlue-0)}.workflow-node-completed{border-color:var(--mantine-color-green-3)}.workflow-node-revision{border-color:var(--mantine-color-orange-4);background:var(--mantine-color-orange-0)}.workflow-node-overdue{border-color:var(--mantine-color-red-5);background:var(--mantine-color-red-0)}.workflow-node-pending{background:var(--mantine-color-gray-0)}.workflow-node-compact{width:168px;min-height:84px}.workflow-node-copy{min-width:0;flex:1}.workflow-node-title{min-width:0;overflow-wrap:anywhere}.workflow-node-meta{color:var(--text-subtle)}.workflow-node-spin{animation:workflow-node-spin 1.8s linear infinite}@keyframes workflow-node-spin{to{transform:rotate(360deg)}}.workflow-branch{margin-top:12px;padding:12px;max-width:100%;border:1px solid var(--mantine-color-gray-3);border-radius:var(--mantine-radius-md);background:var(--mantine-color-gray-0)}.workflow-branch-current{border-color:var(--mantine-color-appBlue-4);background:var(--mantine-color-appBlue-0)}.workflow-branch-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;padding:4px 0 8px}.workflow-branch-canvas{--workflow-branch-row-height: 150px;position:relative;width:max-content;min-width:100%}.workflow-branch-canvas:before,.workflow-branch-canvas:after{content:"";position:absolute;z-index:0;top:26px;bottom:calc(var(--workflow-branch-row-height) - 26px);width:4px;background:none;border-left:4px dashed var(--mantine-color-gray-5)}.workflow-branch-canvas:before{left:112px}.workflow-branch-canvas:after{right:15px}.workflow-branch-canvas-started:before{border-left-style:solid;border-left-color:var(--mantine-color-green-6)}.workflow-branch-canvas-completed:after{border-left-style:solid;border-left-color:var(--mantine-color-green-6)}.workflow-branch-canvas-merge-current:after{border-left-style:solid;border-left-color:var(--mantine-color-appBlue-6)}.workflow-branch-lane{position:relative;display:grid;grid-template-columns:128px repeat(var(--workflow-branch-columns),184px) 30px;gap:12px;align-items:start;min-height:var(--workflow-branch-row-height)}.workflow-branch-lane-label{position:relative;z-index:1;grid-row:1;width:112px;margin-top:10px;padding:6px 8px;display:flex;align-items:center;gap:7px;border-radius:var(--mantine-radius-sm);background:var(--panel);color:var(--text-secondary);overflow-wrap:anywhere}.workflow-branch-lane-dot{width:10px;height:10px;flex:0 0 10px;border:2px solid var(--mantine-color-gray-5);border-radius:50%;background:var(--panel)}.workflow-branch-lane-dot-completed{border-color:var(--mantine-color-green-6);background:var(--mantine-color-green-6)}.workflow-branch-lane-dot-current{border-color:var(--mantine-color-appBlue-6);background:var(--mantine-color-appBlue-6)}.workflow-branch-lane-dot-revision{border-color:var(--mantine-color-orange-6);background:var(--mantine-color-orange-6)}.workflow-branch-lane-dot-overdue{border-color:var(--mantine-color-red-6);background:var(--mantine-color-red-6)}.workflow-branch-node-cell{position:relative;z-index:1}.workflow-branch-node-cell>.workflow-node{margin-top:58px}.workflow-branch-connector{--workflow-connector-color: var(--mantine-color-gray-5);--workflow-connector-style: dashed;z-index:0;height:0;border-top:4px var(--workflow-connector-style) var(--workflow-connector-color);pointer-events:none}.workflow-branch-connector-in{position:absolute;top:26px;right:50%;left:-104px}.workflow-branch-connector-first{left:-28px}.workflow-branch-connector-elbow{top:0;height:28px;border-top:0;border-bottom:4px var(--workflow-connector-style) var(--workflow-connector-color);border-left:4px var(--workflow-connector-style) var(--workflow-connector-color);border-bottom-left-radius:24px}.workflow-branch-connector-to-merge{position:relative;align-self:start;margin-top:26px;margin-right:15px;margin-left:92px}.workflow-branch-connector-completed{--workflow-connector-color: var(--mantine-color-green-6);--workflow-connector-style: solid}.workflow-branch-connector-current,.workflow-branch-connector-active{--workflow-connector-color: var(--mantine-color-appBlue-6);--workflow-connector-style: solid}.workflow-branch-connector-pending{opacity:.72}.workflow-branch-connector-revision{--workflow-connector-color: var(--mantine-color-orange-6)}.workflow-branch-connector-overdue{--workflow-connector-color: var(--mantine-color-red-6);--workflow-connector-style: solid}.workflow-branch-commit{--workflow-commit-color: var(--mantine-color-gray-5);position:absolute;z-index:3;top:7px;left:50%;width:38px;height:38px;display:grid;place-items:center;transform:translate(-50%);border:4px solid var(--workflow-commit-color);border-radius:50%;background:var(--panel);box-shadow:0 4px #1720331a}.workflow-branch-commit-dot{width:16px;height:16px;border-radius:50%;background:var(--workflow-commit-color)}.workflow-branch-commit-completed{--workflow-commit-color: var(--mantine-color-green-6)}.workflow-branch-commit-current{--workflow-commit-color: var(--mantine-color-appBlue-6);outline:4px solid var(--mantine-color-appBlue-1)}.workflow-branch-commit-revision{--workflow-commit-color: var(--mantine-color-orange-6)}.workflow-branch-commit-overdue{--workflow-commit-color: var(--mantine-color-red-6)}@media(prefers-reduced-motion:reduce){.workflow-node-spin{animation:none}}.table-row{cursor:pointer}.table-row:hover{background:var(--hover-bg)}.mobile-menu-button{display:none}.metric-card{min-height:112px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow-soft);cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .12s ease}.metric-card:hover,.metric-card.active{background:var(--hover-bg);border-color:var(--app-blue-200)}.metric-card:active{transform:translateY(1px)}.task-card{border:1px solid var(--line);background:var(--panel);box-shadow:0 1px 4px #1720330d}.document-work-page{max-width:1480px;margin:0 auto}.document-work-metric{width:100%;min-height:92px;background:var(--panel);color:inherit;font:inherit;cursor:pointer;border-color:var(--line);box-shadow:0 2px 10px #1720330a;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.document-work-metric:hover,.document-work-metric-active{border-color:var(--app-blue-500);box-shadow:0 0 0 2px var(--app-blue-100);transform:translateY(-1px)}.document-work-filter-panel{border-color:var(--line);box-shadow:var(--shadow-soft)}.document-work-filter-panel .filter-search{min-width:280px}.request-table-wrap{overflow:auto;border-radius:12px}.request-table-wrap table{min-width:940px}.request-table-wrap thead{position:sticky;top:0;z-index:1;background:var(--panel)}.request-table-pagination{border-color:var(--line)}.data-table-sort-button{width:100%;color:inherit;font:inherit;font-weight:700}.data-table-sort-button:hover{color:var(--app-blue-700)}.data-table-pagination{padding:12px 16px;border-top:1px solid var(--line)}.request-table-pagination .data-table-pagination{padding:0;border-top:0}.mobile-card-list{display:none}.filter-bar{flex-wrap:nowrap}.filter-search{flex:1;min-width:240px}.filter-status{width:230px}.mobile-primary-action{display:none}.brand-loading{width:100%;min-height:220px;justify-content:center;padding:24px;color:var(--text-strong)}.brand-loading-mark{width:78px;height:78px;position:relative;display:grid;place-items:center;border-radius:999px;background:var(--app-blue-50)}.brand-loading-mark:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid var(--app-blue-100);border-top-color:var(--app-blue-500);border-radius:inherit;animation:brand-loading-spin .9s linear infinite}.brand-loading-mark img{width:46px;height:46px;position:relative;z-index:1}.brand-loading-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:2147483647!important;background:#f6f9fc94;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:all;isolation:isolate}.brand-loading-overlay .brand-loading{position:absolute;top:50%;left:50%;width:min(320px,calc(100vw - 32px));min-height:220px;transform:translate(-50%,-50%);border:1px solid rgba(229,234,240,.9);border-radius:18px;background:#ffffffdb;box-shadow:0 18px 48px #17203329}@keyframes brand-loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.brand-loading-mark:before{animation:none}}.mobile-only{display:none}@media(max-width:960px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-menu-button{position:fixed;top:15px;left:16px;z-index:199;width:40px;height:40px;padding:0;display:grid;place-items:center;color:var(--app-blue-700);border:1px solid rgba(37,139,255,.16);border-radius:12px;background:#eff8ffeb;box-shadow:0 6px 18px #0f73e81a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:0;transition:color .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .1s ease}.mobile-menu-button:hover{color:var(--app-blue-600);border-color:#258bff47;background:#dceefff5;box-shadow:0 8px 22px #0f73e824}.mobile-menu-button:active{transform:scale(.96)}.mobile-menu-button-icon{width:22px;height:22px;display:block;pointer-events:none}.main-area{padding:0 16px max(24px,env(safe-area-inset-bottom))}.main-area-header{position:sticky;top:0;z-index:120;min-height:68px;margin:0 -16px 18px;padding:10px 18px 10px 70px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(229,234,240,.8);background:#ffffffe0;box-shadow:0 8px 28px #1720330f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.main-area-heading{min-width:0}.main-area-eyebrow{display:block;margin-bottom:1px;color:var(--app-blue-600);font-size:9px;line-height:1;letter-spacing:.14em}.main-area-title{overflow:hidden;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap}.main-area-header-logo{width:36px;height:36px;display:block;flex:0 0 auto;object-fit:cover;border-radius:10px;box-shadow:0 6px 18px #0f73e824}.mobile-menu-drawer{border:0;border-radius:0 24px 24px 0;background:radial-gradient(circle at 0 0,rgba(37,139,255,.12),transparent 34%),#fffffffa;box-shadow:18px 0 48px #17203329}.mobile-menu-drawer-header{min-height:80px;padding:18px 18px 14px;border-bottom:1px solid rgba(229,234,240,.8);background:transparent}.mobile-menu-brand-mark{width:44px;height:44px;display:block;object-fit:cover;border-radius:13px;box-shadow:0 8px 22px #0f73e829}.mobile-menu-drawer-body{height:calc(100dvh - 80px);padding:16px 14px 20px}.mobile-menu-drawer-layout{min-height:100%}.mobile-menu-section-label{padding-inline:10px;color:var(--text-subtle);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.mobile-drawer-nav .nav-link{position:relative;min-height:46px;padding:11px 12px;border:1px solid transparent;border-radius:12px;transition:color .16s ease,background .16s ease,border-color .16s ease,transform .16s ease}.mobile-drawer-nav .nav-link:hover{border-color:var(--app-blue-100);background:#eff8ffb8;transform:translate(2px)}.mobile-drawer-nav .nav-link[data-active]{color:var(--app-blue-700);border-color:#258bff33;background:linear-gradient(110deg,var(--app-blue-100),rgba(239,248,255,.72));box-shadow:0 7px 18px #0f73e814}.mobile-drawer-nav .nav-link[data-active]:before{position:absolute;top:10px;bottom:10px;left:4px;width:3px;border-radius:99px;background:var(--app-blue-500);content:""}.mobile-drawer-profile{overflow:hidden;border:1px solid rgba(37,139,255,.14);background:linear-gradient(145deg,#eff8ffeb,#fffffff5);box-shadow:0 8px 24px #1720330f}.content-grid{grid-template-columns:1fr}.document-next-action-panel>.mantine-Group-root{align-items:stretch;flex-direction:column}.document-standard-actions{justify-content:flex-start}.workflow-step-configuration{position:static}.create-request-layout{grid-template-columns:1fr}.create-request-sidebar{position:static}}@media(max-width:640px){body{font-size:14px}.main-area{padding:0 12px max(20px,env(safe-area-inset-bottom))}.main-area-header{margin-inline:-12px;padding-right:12px}.document-metadata-grid{grid-template-columns:1fr!important}.workflow-action-grid{grid-template-columns:1fr}.workflow-action-option>.mantine-Group-root{align-items:stretch;flex-direction:column}.document-standard-actions,.document-standard-actions>.mantine-Button-root{width:100%}.document-item-card>.mantine-Group-root{flex-wrap:wrap}.create-request-stepper-panel :where(.mantine-Stepper-stepDescription){display:none}.create-request-stepper-panel :where(.mantine-Stepper-stepLabel){font-size:11px}.create-request-stepper-panel :where(.mantine-Stepper-stepBody){display:none}.desktop-data-view{display:none}.mobile-card-list{display:grid;gap:10px}.data-table-pagination{justify-content:center}.data-table-pagination .mantine-Text-root{text-align:center}.document-item-form-row{align-items:stretch;flex-direction:column}.document-item-name-input,.document-item-types-input,.document-item-required-input{min-width:0;width:100%}.document-item-required-input{padding-bottom:0}.filter-bar{align-items:stretch;flex-direction:column}.filter-search,.filter-status{min-width:0;width:100%}.mobile-primary-action{display:inline-flex;flex:0 0 auto;min-height:36px}.workflow{display:block;overflow:visible}.workflow-step{min-width:0;display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;padding:0 0 18px}.workflow-step:before{left:22px;right:auto;top:0;bottom:0;width:3px;height:auto}.workflow-icon{margin:0}.workflow-step:first-child:before,.workflow-step:last-child:before{left:22px;right:auto}.workflow.workflow-builder-timeline{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);overflow-x:auto;overflow-y:hidden}.workflow-builder-timeline .workflow-step{min-width:150px;display:block;padding:0 12px}.workflow-builder-timeline .workflow-step:before{left:0;right:0;top:23px;bottom:auto;width:auto;height:3px}.workflow-builder-timeline .workflow-step:first-child:before{left:50%;right:0}.workflow-builder-timeline .workflow-step:last-child:before{left:0;right:50%}.workflow-builder-timeline .workflow-icon{margin:0 auto}.desktop-only{display:none}.mobile-only{display:initial}}@media(max-width:420px){.mobile-menu-button{top:12px;left:12px;width:38px;height:38px;border-radius:11px}.main-area-header{min-height:62px;margin-bottom:14px;padding:8px 10px 8px 62px;gap:10px}.main-area-title{font-size:1.125rem;line-height:1.25}.main-area-header-logo{width:32px;height:32px;border-radius:9px}.metric-card,.document-work-metric{min-height:88px}.document-work-heading-copy{min-width:0}.document-work-heading-copy .mantine-Title-root{font-size:1.05rem;line-height:1.25}.document-work-subtitle{font-size:.75rem;line-height:1.45}.document-work-metrics{gap:10px}.document-work-metrics>:last-child{grid-column:1 / -1}.document-work-filter-panel{padding:12px}.mobile-card-list{gap:8px}}