:root{--primary:#f3701e;--primary-hover:#d65b14;--primary-glow:#f3701e26;--primary-light:#f3701e0f;--primary-border:#f3701e33;--bg-app:#f8fafc;--bg-card:#fff;--border-card:#e8d8c9;--text-main:#374151;--text-title:#1f2937;--text-muted:#6b7280;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 8px 30px #4b607f0d;--shadow-lg:0 20px 40px #4b607f14;--shadow-glow:0 0 25px #f3701e14;--glass-blur:blur(16px);--input-bg:#fdfcfb;--input-border:#e8d8c9;--input-focus:#4b607f;--accent-blue:#4b607f;--accent-blue-hover:#3b4d66;--accent-blue-light:#4b607f14;--accent-blue-border:#4b607f33;--success:#10b981;--success-bg:#10b98114;--success-border:#10b98133;--danger:#ef4444;--danger-bg:#ef444414;--danger-border:#ef444433;--font-sans:"Inter", "Sarabun", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}[data-theme=dark]{--bg-app:#121315;--bg-card:#1c1d21;--border-card:#e8d8c91a;--text-main:#d1c9bf;--text-title:#fbfaf8;--text-muted:#8e8982;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 10px 15px -3px #0006, 0 4px 6px -2px #0000004d;--shadow-lg:0 25px 30px -5px #00000080, 0 15px 15px -5px #0006;--shadow-glow:0 0 30px #f3701e26;--input-bg:#121315;--input-border:#e8d8c926;--input-focus:#4b607f;--accent-blue:#4b607f;--accent-blue-hover:#60738f;--accent-blue-light:#4b607f26;--success-bg:#10b98126;--danger-bg:#ef444426}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-main);background-color:var(--bg-app);background-image:linear-gradient(90deg,#4b607f05 1px,#0000 1px),linear-gradient(#4b607f05 1px,#0000 1px);background-size:40px 40px;background-attachment:fixed;min-height:100vh;padding-bottom:3rem;font-size:16px;line-height:1.6;transition:background-color .3s,color .3s;animation:180s linear infinite moveGrid;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 20% 30%,#f3701e0a 0%,#0000 50%),radial-gradient(circle at 80% 70%,#4b607f08 0%,#0000 50%);width:100%;height:100%;animation:25s ease-in-out infinite alternate pulseGlow;position:fixed;top:0;left:0}[data-theme=dark] body{background-color:var(--bg-app);background-image:linear-gradient(90deg,#e8d8c904 1px,#0000 1px),linear-gradient(#e8d8c904 1px,#0000 1px)}[data-theme=dark] body:before{background:radial-gradient(circle at 20% 30%,#f3701e0d 0%,#0000 50%),radial-gradient(circle at 80% 70%,#4b607f0d 0%,#0000 50%)}@keyframes moveGrid{0%{background-position:0 0}to{background-position:40px 80px}}@keyframes pulseGlow{0%{opacity:.8;transform:scale(1)translate(0)}50%{opacity:1;transform:scale(1.15)translate(3%,-4%)}to{opacity:.8;transform:scale(.9)translate(-3%,4%)}}#root{width:100%;max-width:1100px;margin:0 auto;padding:2rem 1.5rem}#root:has(.desktop-preview-active){max-width:min(1480px,100%);padding:1.25rem 1rem 2rem}#root:has(.create-workspace-active){max-width:min(1480px,100%)}.animated-document-page{background:#fffaf3;min-height:100vh;position:relative;overflow:clip}.animated-document-page.dark{background:#080808}.animated-document-bg{z-index:0;pointer-events:none;position:fixed;inset:0}.animated-document-bg img{object-fit:cover;width:100%;height:100%;display:block}.animated-document-content{z-index:1;position:relative}.animated-document-bg .bg-dark,.animated-document-page.dark .animated-document-bg .bg-light{display:none}.animated-document-page.dark .animated-document-bg .bg-dark{display:block}@media (prefers-reduced-motion:reduce){.animated-document-bg{opacity:.85}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--input-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.header{-webkit-backdrop-filter:blur(12px);color:var(--text-title);background:linear-gradient(135deg,#fdf6f0f2 0%,#fffffff2 100%);border:1px solid #f3701e2e;border-radius:50px;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding:.85rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 30px #f3701e0f,inset 0 1px 2px #fff9}[data-theme=dark] .header{-webkit-backdrop-filter:blur(12px);color:var(--text-title);background:linear-gradient(135deg,#18191ce6 0%,#121315e6 100%);border:1px solid #ffffff14;box-shadow:0 10px 30px #00000073,inset 0 1px 2px #ffffff0d}.logo-container{flex-direction:column;flex:none;align-items:flex-start;gap:.25rem;display:flex}.logo-text{letter-spacing:.15em;color:var(--text-title);font-family:Inter,sans-serif;font-size:1.75rem;font-weight:800;line-height:1}.logo-subtext{text-transform:uppercase;letter-spacing:.3em;color:var(--primary);font-size:.7rem;font-weight:600}.card{background:var(--bg-card);border:1px solid var(--border-card);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-md);border-radius:1.25rem;margin-bottom:2rem;padding:2.25rem;transition:border-color .3s,box-shadow .3s}.card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-lg), var(--shadow-glow)}.card-title{color:var(--text-title);border-bottom:1px solid var(--border-card);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.35rem;font-weight:700;display:flex}.approval-inbox-card{margin-bottom:.25rem;padding:1.5rem}.approval-inbox-card-content{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1rem;display:grid}.approval-inbox-card-main{flex-direction:column;gap:4px;min-width:0;display:flex}.approval-inbox-card-meta,.approval-inbox-card-companies{color:var(--text-muted);overflow-wrap:anywhere}.approval-inbox-card-meta{font-size:.8rem}.approval-inbox-card-title{color:var(--text-title);overflow-wrap:anywhere;margin:0;font-size:1.05rem;font-weight:700;line-height:1.35}.approval-inbox-card-companies{margin-top:2px;font-size:.82rem}.approval-inbox-card-actions{grid-template-columns:36px auto;justify-self:end;align-items:center;gap:.5rem;display:grid}.approval-inbox-card-actions .btn-icon-only{width:36px;height:36px;min-height:36px;padding:0}.approval-inbox-review-btn{white-space:nowrap;min-width:204px;min-height:36px;padding:.4rem 1rem;font-size:.85rem}.approval-inbox-progress{border-top:1px solid var(--border-card);flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:1rem;padding-top:.85rem;display:flex}.approval-inbox-progress-part,.approval-inbox-progress-stage{align-items:center;display:inline-flex}.approval-inbox-progress-label{color:var(--text-title);white-space:nowrap;margin-right:.15rem;font-size:.78rem;font-weight:700}.approval-inbox-progress-part{gap:.35rem}.approval-inbox-progress-stage{color:var(--text-muted);white-space:nowrap;gap:.3rem;font-size:.76rem}.approval-inbox-progress-stage strong{font-size:.7rem}.approval-inbox-progress-stage.complete{color:color-mix(in srgb, var(--success) 58%, var(--text-muted))}.approval-inbox-progress-stage.current{color:color-mix(in srgb, var(--primary) 55%, var(--text-muted));font-weight:700}.approval-inbox-progress-arrow{color:var(--border-strong,var(--border-card));font-size:1.15rem;line-height:1}.request-history-card{margin-bottom:.25rem;padding:1.5rem}.request-history-filter-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.request-history-filter-tab{border:1px solid var(--border-card);min-height:44px;color:var(--text-muted);background:var(--bg-card);font:inherit;cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;gap:.45rem;padding:.55rem .85rem;font-size:.82rem;font-weight:700;transition:border-color .2s,color .2s,background-color .2s;display:flex}.request-history-filter-tab>span{min-width:24px;height:24px;color:var(--text-title);background:var(--bg-app);border-radius:999px;justify-content:center;align-items:center;padding:0 .4rem;font-size:.75rem;display:inline-flex}.request-history-filter-tab:hover,.request-history-filter-tab.active{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 45%, var(--border-card));background:var(--primary-light)}.request-history-filter-tab.approved.active{color:var(--success);border-color:color-mix(in srgb, var(--success) 45%, var(--border-card));background:var(--success-bg)}.request-history-filter-tab.active>span{color:#fff;background:var(--primary)}.request-history-filter-tab.approved.active>span{background:var(--success)}.request-history-card-header,.request-history-card-footer{grid-template-columns:minmax(0,1fr) auto;gap:1rem;display:grid}.request-history-card-header{align-items:start}.request-history-card-footer{border-top:1px solid var(--border-card);align-items:center;margin-top:1rem;padding-top:.75rem}.request-history-card-main{flex-direction:column;gap:4px;min-width:0;display:flex}.request-history-card-meta,.request-history-card-companies,.request-history-card-signers{color:var(--text-muted);overflow-wrap:anywhere}.request-history-card-meta,.request-history-card-signers{font-size:.8rem}.request-history-card-title{color:var(--text-title);overflow-wrap:anywhere;margin:0;font-size:1.05rem;font-weight:700;line-height:1.35}.request-history-card-companies{margin-top:2px;font-size:.82rem}.request-history-card-status{text-align:right;justify-self:end;min-width:188px}.request-history-status-badge{white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;gap:4px;max-width:100%;min-height:28px;padding:.2rem .6rem;font-size:.8rem;font-weight:700;line-height:1.2;display:inline-flex}.request-history-status-draft{color:#475569;background:#f1f5f9}.request-history-status-approved{background:var(--success-bg);color:var(--success)}.request-history-status-rejected{background:var(--danger-bg);color:var(--danger)}.request-history-rejection{flex-direction:column;align-items:flex-end;gap:.4rem;max-width:min(420px,100%);display:flex}.request-history-rejection-reason{color:var(--danger);text-align:right;overflow-wrap:anywhere;font-size:.8rem;line-height:1.45}.request-history-status-progress{background:var(--primary-light);color:var(--primary)}.request-history-status-editing{color:#c45b14;background:#fff3e8}.request-history-card-footer-main{flex-direction:column;align-items:flex-start;gap:.55rem;min-width:0;display:flex}.request-history-owner-actions{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.request-history-edit-button{color:#c2410c;cursor:pointer;background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;justify-content:center;align-items:center;gap:.4rem;min-height:34px;padding:.4rem .8rem;font-size:.82rem;font-weight:700;line-height:1;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.request-history-edit-button:hover{background:#ffedd5;border-color:#fdba74;transform:translateY(-1px)}.request-history-card-actions{grid-template-columns:repeat(3,34px);justify-content:end;gap:.5rem;display:grid}.request-history-card-actions .btn-icon-only{width:34px;height:34px;min-height:34px;padding:0}.drafts-toolbar{flex-direction:column;gap:.85rem;margin-bottom:.35rem;display:flex}.drafts-toolbar-header{min-width:0}.drafts-title{color:var(--text-title);white-space:nowrap;margin:0;font-size:1.35rem;line-height:1.25}.drafts-toolbar-subtitle{color:var(--text-muted);margin:.25rem 0 0;font-size:.82rem}.drafts-toolbar-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.5rem;display:flex}.drafts-action-btn{white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:.35rem;min-height:38px;padding:.35rem 1rem;font-size:.84rem;font-weight:700;display:inline-flex;box-shadow:0 5px 14px #0f172a0f}.drafts-delete-selected-btn{color:#fff;background:#ef4444;border:1px solid #ef4444;box-shadow:0 8px 18px #ef444433}.drafts-delete-selected-btn:hover:not(:disabled){background:#dc2626;border-color:#dc2626;transform:translateY(-1px)}.drafts-delete-selected-btn:disabled{color:#9ca3af;border-color:var(--input-border);box-shadow:none;opacity:1;cursor:not-allowed;background:#f8fafc;transform:none}.draft-card{margin-bottom:.25rem;padding:1.5rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.draft-card-selectable{cursor:pointer}.draft-card-selectable:hover{border-color:#4b607f80}.draft-card-selectable:focus-visible{outline-offset:2px;outline:3px solid #4b607f47}.draft-card-selected{border-color:var(--accent-blue);background:linear-gradient(180deg, #4b607f14, #fff0), var(--bg-card);box-shadow:0 0 0 1px #4b607f2e,0 10px 24px #4b607f1f}.draft-card-main{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.75rem;min-width:0;display:grid}.draft-select-toggle{border:1px solid var(--border-card);background:var(--bg-card);width:34px;height:34px;color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:color .2s,border-color .2s,background-color .2s,transform .2s;display:inline-flex}.draft-select-toggle:hover{color:var(--accent-blue);border-color:var(--accent-blue);transform:translateY(-1px)}.draft-select-toggle.selected{color:#fff;border-color:var(--accent-blue);background:var(--accent-blue)}.approver-history-card{margin-bottom:.25rem;padding:1.5rem}.approver-history-card-header,.approver-history-card-footer{grid-template-columns:minmax(0,1fr) auto;gap:1rem;display:grid}.approver-history-card-header{align-items:start}.approver-history-card-footer{border-top:1px solid var(--border-card);align-items:center;margin-top:1rem;padding-top:.75rem}.approver-history-card-main{flex-direction:column;gap:4px;min-width:0;display:flex}.approver-history-card-meta,.approver-history-card-companies,.approver-history-card-reviewers{color:var(--text-muted);overflow-wrap:anywhere}.approver-history-card-meta,.approver-history-card-reviewers{font-size:.8rem}.approver-history-card-title{color:var(--text-title);overflow-wrap:anywhere;margin:0;font-size:1.05rem;font-weight:700;line-height:1.35}.approver-history-card-companies{margin-top:2px;font-size:.82rem}.approver-history-card-status{text-align:right;justify-self:end;min-width:148px}.approver-history-status-badge{white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;max-width:100%;min-height:28px;padding:.2rem .6rem;font-size:.8rem;font-weight:700;line-height:1.2;display:inline-flex}.approver-history-status-approved{background:var(--success-bg);color:var(--success)}.approver-history-status-rejected{background:var(--danger-bg);color:var(--danger)}.approver-history-card-actions{grid-template-columns:minmax(152px,auto) repeat(3,34px);justify-content:end;gap:.5rem;display:grid}.approver-history-details-btn{white-space:nowrap;min-height:34px;padding:.2rem .8rem;font-size:.8rem}.approver-history-card-actions .btn-icon-only{width:34px;height:34px;min-height:34px;padding:0}@media (width<=720px){.approval-inbox-card{padding:1rem}.approval-inbox-card-content{grid-template-columns:1fr}.approval-inbox-card-actions{justify-self:stretch;width:100%}.approval-inbox-review-btn{width:100%;min-width:0}.approval-inbox-progress{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.55rem .75rem;display:grid}.approval-inbox-progress-label{grid-column:1/-1;margin:0}.approval-inbox-progress-part{min-width:0}.approval-inbox-progress-arrow{display:none}.approval-inbox-progress-stage{white-space:normal;min-width:0;line-height:1.25}.request-history-card-header,.request-history-card-footer{grid-template-columns:1fr}.request-history-card-status{text-align:left;justify-self:stretch;min-width:0}.request-history-status-badge{white-space:normal;justify-content:flex-start}.request-history-card-actions{justify-content:start}.drafts-toolbar-actions{justify-content:flex-start}.approver-history-card-header,.approver-history-card-footer{grid-template-columns:1fr}.approver-history-card-status{text-align:left;justify-self:stretch;min-width:0}.approver-history-status-badge{white-space:normal;justify-content:flex-start}.approver-history-card-actions{grid-template-columns:minmax(0,1fr) repeat(3,34px);justify-content:start}.approver-history-details-btn{min-width:0}}.form-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem;display:grid}.form-group-full{grid-column:span 2}.input-container{flex-direction:column;display:flex;position:relative}.input-label{color:var(--text-title);margin-bottom:.5rem;font-size:.9rem;font-weight:600}.form-input,.form-textarea,.form-select{background-color:var(--input-bg);border:1.5px solid var(--input-border);width:100%;font-family:var(--font-sans);color:var(--text-main);border-radius:.75rem;outline:none;min-height:48px;padding:.8rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-textarea{resize:vertical;white-space:pre-wrap;word-break:normal;overflow-wrap:break-word;line-break:auto;tab-size:4;min-height:120px}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px var(--primary-glow)}.btn{font-family:var(--font-sans);cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;min-height:48px;padding:.8rem 1.75rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--accent-blue);color:#fff;box-shadow:0 4px 12px #4b607f40}.btn-primary:hover{background-color:var(--accent-blue-hover);transform:translateY(-1px);box-shadow:0 6px 16px #4b607f59}.btn-secondary{background-color:var(--input-bg);border:1.5px solid var(--input-border);color:var(--text-main)}.btn-secondary:hover{border-color:var(--accent-blue);color:var(--accent-blue);background-color:var(--accent-blue-light)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-icon-only{border-radius:50%;width:40px;height:40px;min-height:40px;padding:0}.theme-toggle{background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-main);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:.5rem;transition:all .2s;display:flex}.theme-toggle:hover{color:var(--accent-blue);border-color:var(--accent-blue);transform:rotate(15deg)}.header .user-profile-header{-webkit-backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-title)!important;background:#f3701e0d!important;border:1px solid #f3701e26!important;border-radius:50px!important;padding:.4rem 1.2rem!important}[data-theme=dark] .header .user-profile-header{background:#ffffff08!important;border:1px solid #ffffff14!important}.header .user-profile-header:hover{transform:translateY(-1px);box-shadow:0 4px 10px #f3701e0d;background:#f3701e14!important;border-color:#f3701e40!important}[data-theme=dark] .header .user-profile-header:hover{box-shadow:none;background:#ffffff0f!important;border-color:#ffffff26!important}.header .user-profile-header span{color:var(--text-title)!important}.header .user-profile-header span:last-child{color:var(--text-muted)!important}.header .user-profile-avatar{border:none;font-weight:700;box-shadow:0 2px 4px #f3701e26;background-color:var(--primary)!important;color:#fff!important}.header .theme-toggle,.header .btn-secondary{-webkit-backdrop-filter:blur(8px);color:var(--text-title)!important;background:#f3701e0d!important;border:1px solid #f3701e26!important;border-radius:50px!important;font-weight:600!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}[data-theme=dark] .header .theme-toggle,[data-theme=dark] .header .btn-secondary{color:var(--text-title)!important;background:#ffffff08!important;border:1px solid #ffffff14!important}.header .theme-toggle:hover,.header .btn-secondary:hover{transform:translateY(-1px);box-shadow:0 4px 10px #f3701e14;border-color:var(--primary)!important;color:var(--primary)!important;background:#f3701e1a!important}[data-theme=dark] .header .theme-toggle:hover,[data-theme=dark] .header .btn-secondary:hover{box-shadow:none;border-color:var(--primary)!important;color:var(--primary)!important;background:#ffffff0f!important}.header .user-profile-header button:hover{color:var(--danger)!important}.tab-navigation{border-bottom:2px solid var(--border-card);gap:2rem;margin-bottom:2.5rem;display:flex}.tab-item{font-family:var(--font-sans);color:var(--text-muted);cursor:pointer;background:0 0;border:none;outline:none;align-items:center;gap:.5rem;padding:.75rem .25rem;font-size:1.05rem;font-weight:600;transition:all .2s;display:flex;position:relative}.tab-item:after{content:"";background-color:var(--primary);border-radius:3px 3px 0 0;width:100%;height:3px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.tab-item:hover{color:var(--primary)}.tab-item.active{color:var(--primary);font-weight:700}.tab-item.active:after{transform:scaleX(1)}.tab-badge-unread{background:var(--danger);color:#fff;border-radius:20px;justify-content:center;align-items:center;padding:.15rem .5rem;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.tab-badge-count{color:var(--text-main);background:#0000000f;border-radius:20px;justify-content:center;align-items:center;padding:.15rem .5rem;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}[data-theme=dark] .tab-badge-count{color:var(--text-main);background:#ffffff14}.tab-dropdown-container{display:inline-block;position:relative}.tab-dropdown-menu{background-color:var(--bg-card);border:1px solid var(--border-card);box-shadow:var(--shadow-lg);z-index:999;border-radius:.75rem;flex-direction:column;min-width:260px;margin-top:.5rem;padding:.35rem 0;animation:.2s cubic-bezier(.16,1,.3,1) fadeInDropdown;display:flex;position:absolute;top:100%;right:0;overflow:hidden}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tab-dropdown-item{color:var(--text-main);font-family:var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.tab-dropdown-item:hover{background-color:var(--primary-light);color:var(--primary)}.tab-dropdown-item.active{background-color:var(--primary-light);color:var(--primary);font-weight:700}.empty-state-card{background:var(--bg-card);border:1px solid var(--border-card);text-align:center;box-shadow:var(--shadow-sm);border-radius:1.25rem;flex-direction:column;justify-content:center;align-items:center;padding:4.5rem 2rem;transition:all .3s;display:flex}.empty-state-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-md), var(--shadow-glow)}.empty-state-icon-wrapper{background-color:var(--success-bg);width:72px;height:72px;color:var(--success);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;animation:2s infinite alternate pulseSuccess;display:flex;box-shadow:0 4px 10px #10b9811a}@keyframes pulseSuccess{0%{transform:scale(1);box-shadow:0 4px 10px #10b9811a}to{transform:scale(1.05);box-shadow:0 4px 16px #10b98140}}.empty-state-title{color:var(--text-title);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.empty-state-subtitle{color:var(--text-muted);font-size:.95rem}.tab-container{border-bottom:2px solid var(--border-card)!important}.dropzone{border:2px dashed var(--input-border);text-align:center;background:var(--primary-light);cursor:pointer;border-radius:1rem;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;transition:border-color .2s,background-color .2s;display:flex}.dropzone.dragover{border-color:var(--primary);background:#f3701e1a}.dropzone-icon{color:var(--primary)}.dropzone-text{color:var(--text-title);font-weight:500}.dropzone-hint{color:var(--text-muted);font-size:.85rem}.file-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-top:1rem;display:grid}.file-card{background:var(--input-bg);border:1px solid var(--input-border);border-radius:.5rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem;font-size:.85rem;display:flex}.file-card-info{align-items:center;gap:.5rem;display:flex;overflow:hidden}.file-card-name{color:var(--text-title);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.photos-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1rem;display:grid}.photo-slot{border:1px dashed var(--input-border);background:var(--input-bg);border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:200px;padding:1.5rem;display:flex;position:relative;overflow:hidden}.photo-preview{object-fit:contain;border-radius:.5rem;width:100%;height:200px}.photo-actions{z-index:10;gap:.5rem;display:flex;position:absolute;top:.5rem;right:.5rem}.camera-preview-container{background:#000;border-radius:.5rem;width:100%;height:200px;position:relative;overflow:hidden}.camera-stream{object-fit:cover;width:100%;height:100%}.approval-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem 1.05rem;display:grid}.approval-checkbox-label{background:linear-gradient(180deg, #ffffffb8, #fff0), var(--input-bg);border:1.5px solid var(--input-border);cursor:pointer;min-height:84px;color:var(--text-title);border-radius:.8rem;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:.85rem;padding:.95rem 1rem;font-weight:500;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .2s;display:grid;position:relative;overflow:hidden}.approval-checkbox-label:before{content:"";background:0 0;width:4px;transition:background-color .2s;position:absolute;inset:0 auto 0 0}.approval-checkbox-label:hover{border-color:var(--accent-blue);background:var(--accent-blue-light);transform:translateY(-1px)}.approval-checkbox-label.checked{border-color:var(--accent-blue);background:linear-gradient(180deg, #ffffffc7, #ffffff14), var(--accent-blue-light);box-shadow:0 0 0 1px #4b607f2e,0 8px 18px #4b607f1f}[data-theme=dark] .approval-checkbox-label{background:linear-gradient(#ffffff09,#fff0),#17191d;border-color:#e8d8c91f;box-shadow:inset 0 1px #ffffff06}[data-theme=dark] .approval-checkbox-label:hover{color:var(--text-title);background:linear-gradient(#f3701e1a,#f3701e06),#191a1e;border-color:#f3701e73;box-shadow:0 8px 20px #0000003d}[data-theme=dark] .approval-checkbox-label.checked{border-color:var(--primary);background:linear-gradient(#f3701e24,#f3701e09),#191a1e;box-shadow:0 0 0 1px #f3701e1f,0 10px 24px #00000042}[data-theme=dark] .approval-checkbox-label.checked:before{background:var(--primary)}.approval-checkbox-label.checked:before{background:var(--accent-blue)}.approval-checkbox-label input[type=checkbox]{opacity:0;pointer-events:none;position:absolute}.approval-checkbox-box{background:#fff;border:1.5px solid #9ca3af;border-radius:5px;width:20px;height:20px;transition:border-color .2s,background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px 1px #0f172a0a}[data-theme=dark] .approval-checkbox-box{background:#101114;border-color:#e8d8c959;box-shadow:inset 0 1px 2px #00000073}[data-theme=dark] .approval-checkbox-label.checked .approval-checkbox-box{border-color:var(--primary);background:var(--primary);box-shadow:0 3px 9px #f3701e47}.approval-checkbox-label.checked .approval-checkbox-box{border-color:var(--accent-blue);background:var(--accent-blue);box-shadow:0 3px 8px #4b607f38}.approval-checkbox-box:after{content:"";opacity:0;border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;transition:opacity .15s,transform .15s;position:absolute;top:2px;left:6px;transform:rotate(45deg)scale(.85)}.approval-checkbox-label.checked .approval-checkbox-box:after{opacity:1;transform:rotate(45deg)scale(1)}.approval-checkbox-text{flex-direction:column;justify-content:center;align-items:center;gap:.12rem;width:100%;min-width:0;height:100%;display:flex}.approval-checkbox-role-thai,.approval-checkbox-role-eng{width:100%;color:var(--text-title);font-size:.9rem;font-weight:700;line-height:1.28;display:block}.approval-checkbox-role-thai{white-space:nowrap;letter-spacing:0}.approval-checkbox-role-eng{color:var(--text-muted);white-space:nowrap;font-size:.82rem;line-height:1.1}.approval-checkbox-role-sm{font-size:.76rem;line-height:1.14}.approval-checkbox-role-xs{font-size:.68rem;line-height:1.1}@media (width<=900px){.approval-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.approval-list{grid-template-columns:1fr}}.signature-card{border-left:4px solid var(--accent-blue)}.signature-container{border:1.5px solid var(--input-border);background:#fff;border-radius:.75rem;width:100%;height:180px;margin-bottom:.75rem;position:relative}.signature-canvas{cursor:crosshair;touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.signature-overlay-text{color:#94a3b8;pointer-events:none;text-align:center;font-size:.9rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.signature-controls{justify-content:flex-end;gap:.5rem;display:flex}.signature-entry{animation:.18s ease-out signature-entry-reveal}@keyframes signature-entry-reveal{0%{opacity:0}to{opacity:1}}.approver-decision{gap:1rem;margin-bottom:1.25rem;display:flex}.decision-btn{color:#fff;cursor:pointer;border:1.5px solid #0000;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 8px 18px #0f172a14}.decision-btn.approve{background:#67c98a;border-color:#4fb874}.decision-btn.reject{background:#ec7777;border-color:#e15f5f}.decision-btn:not(.active){opacity:.92}.decision-btn.approve:hover{opacity:1;background:#22a954;border-color:#178842;transform:translateY(-1px)}.decision-btn.reject:hover{opacity:1;background:#d83a3a;border-color:#b82929;transform:translateY(-1px)}.decision-btn.approve.active{background:#15803d;border-color:#166534;box-shadow:0 0 0 3px #16a34a2e,0 10px 22px #16a34a3d}.decision-btn.approve.active:hover{background:#166534;border-color:#14532d}.decision-btn.reject.active{background:#b91c1c;border-color:#991b1b;box-shadow:0 0 0 3px #dc26262e,0 10px 22px #dc26263d}.decision-btn.reject.active:hover{background:#991b1b;border-color:#7f1d1d}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#0f172a99;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-app);border:1px solid var(--border-card);width:100%;max-width:900px;max-height:90vh;box-shadow:var(--shadow-lg);border-radius:1.25rem;flex-direction:column;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-card);background:var(--bg-card);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-body{flex-grow:1;padding:1.5rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-card);background:var(--bg-card);justify-content:flex-end;gap:1rem;padding:1.25rem 1.5rem;display:flex}.form-actions{justify-content:center;gap:1.5rem;margin-top:2rem;display:flex}.sticky-action-bar{z-index:50;background:var(--bg-card);border:1.5px solid var(--border-card);box-shadow:var(--shadow-lg), var(--shadow-glow);-webkit-backdrop-filter:blur(12px);border-radius:.75rem;justify-content:space-between;align-items:center;margin-top:1.5rem;margin-bottom:0;padding:.75rem 1.25rem;transition:all .3s;display:flex;position:sticky;bottom:0}[data-theme=light] .sticky-action-bar{background:#ffffffd9}[data-theme=dark] .sticky-action-bar{background:#1c1d21d9}.sticky-action-bar-status{align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;transition:color .3s;display:flex}.sticky-action-bar-buttons{flex-wrap:nowrap;align-items:center;gap:1rem;display:flex}.sticky-submit-label-mobile{display:none}@media (width<=768px){.sticky-action-bar-buttons{flex-wrap:wrap;justify-content:flex-end}}@keyframes spin-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mini-spinner{border:2px solid #0000;border-top-color:var(--primary);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin-rotate}.print-only{display:none}@media print{@page{size:A4;margin:0}html,body{color:#000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;margin:0!important;padding:0!important;font-family:Sarabun,Inter,sans-serif!important;font-size:11pt!important;line-height:1.4!important}.hide-on-print{display:none!important}.print-only{display:block!important}#root{max-width:100%!important;margin:0!important;padding:0!important}.memo-document{box-sizing:border-box!important;width:210mm!important;height:296mm!important;min-height:296mm!important;max-height:296mm!important;box-shadow:none!important;page-break-inside:avoid!important;page-break-after:always!important;background:#fff!important;border:1.5px solid #000!important;flex-direction:column!important;justify-content:space-between!important;margin:0 auto!important;padding:0!important;display:flex!important;position:relative!important;overflow:hidden!important}.memo-body{box-sizing:border-box!important;flex-direction:column!important;flex-grow:1!important;justify-content:space-between!important;min-height:0!important;padding:0 15mm 2mm!important;display:flex!important}.memo-content-area{word-break:normal!important;word-wrap:normal!important;overflow-wrap:break-word!important;line-break:auto!important;white-space:pre-wrap!important;box-sizing:border-box!important;tab-size:4!important;flex-grow:1!important;width:100%!important;max-width:100%!important;min-height:0!important;margin-bottom:.35rem!important}.memo-bottom-block{flex-shrink:0!important;width:100%!important;padding-bottom:0!important;position:absolute!important;bottom:3mm!important;left:0!important;right:0!important}.memo-signatures-container{width:100%!important;margin-left:auto!important;margin-right:auto!important}.page-break{page-break-before:always}}.memo-document{color:#1e293b;box-shadow:var(--shadow-md);box-sizing:border-box;background:#fff;border:1.5px solid #000;border-radius:0;flex-direction:column;justify-content:space-between;width:210mm;height:297mm;min-height:297mm;max-height:297mm;margin:2rem auto;padding:0;display:flex;position:relative;overflow:hidden}.memo-body{box-sizing:border-box;flex-direction:column;flex-grow:1;justify-content:space-between;min-height:0;padding:0 15mm 2mm;display:flex}.memo-bottom-block{flex-shrink:0;width:100%;padding-bottom:0;position:absolute;bottom:3mm;left:0;right:0}.memo-signatures-container{width:100%;margin-left:auto;margin-right:auto}@media (width<=768px){.memo-document{width:100%;min-height:auto;margin:1rem auto;padding:1.5rem;display:block}}.memo-header-table{border-collapse:collapse;width:100%;margin-bottom:1.5rem}.memo-header-table td{vertical-align:middle;padding:.5rem}.memo-title-block{text-align:right;vertical-align:bottom}.memo-title-th{color:#0f172a;letter-spacing:2px;font-size:1.8rem;font-weight:800}.memo-title-en{color:#64748b;letter-spacing:3px;text-transform:uppercase;font-size:.9rem}.memo-meta-grid{border-top:3px double #0f172a;border-bottom:3px double #0f172a;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:2rem;padding:.75rem 0;font-size:1rem;display:grid}.memo-meta-item{gap:.5rem;display:flex}.memo-meta-label{color:#000;white-space:nowrap;font-weight:700}.memo-meta-value{color:#1e293b;border-bottom:1px dotted #cbd5e1;flex-grow:1}.memo-content-area{white-space:pre-wrap;word-break:normal;word-wrap:normal;overflow-wrap:break-word;line-break:auto;box-sizing:border-box;color:#1e293b;tab-size:4;flex-grow:1;width:100%;max-width:100%;min-height:0;margin-bottom:.35rem;font-size:1.05rem;line-height:1.6}.memo-detail-highlight{color:inherit;background:#fef08a;border-radius:.18em;padding:0 .12em}.memo-detail-color{color:var(--memo-detail-color)}.memo-detail-divider{border:0;border-top:1.5px solid;width:100%;height:0;margin:.45rem 0;display:block}.memo-detail-link{color:#2563eb;text-underline-offset:2px;text-decoration:underline}.memo-detail-rich{white-space:normal}.memo-detail-rich p,.memo-detail-rich li{white-space:pre-wrap;tab-size:4}.memo-detail-rich p{margin:0 0 .45rem}.memo-detail-rich p:last-child{margin-bottom:0}.memo-detail-rich ul,.memo-detail-rich ol{margin:.25rem 0 .55rem 1.3rem;padding-left:1.1rem}.memo-detail-rich li{margin:.12rem 0}.memo-detail-rich mark{background:var(--memo-highlight-color,#fef08a);color:inherit;border-radius:.18em;padding:0 .12em}.memo-detail-rich [style*=--memo-text-color]{color:var(--memo-text-color)}.memo-detail-rich [style*=--memo-highlight-color]{background-color:var(--memo-highlight-color)}.memo-detail-rich hr{border:0;border-top:1.5px solid;width:100%;height:0;margin:.55rem 0;display:block}.memo-detail-rich a{color:#2563eb;text-underline-offset:2px;text-decoration:underline}.memo-photos-section{border-top:1px solid #e2e8f0;margin-bottom:2.5rem;padding-top:1.5rem}.memo-photos-section-title{color:#0f172a;margin-bottom:1rem;font-size:1.1rem;font-weight:700}.memo-photos-layout{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.memo-photo-container{text-align:center;background:#f8fafc;border:1px solid #cbd5e1;border-radius:.25rem;padding:.5rem}.memo-photo-img{object-fit:contain;max-width:100%;max-height:250px}.memo-signatures-grid{border-top:1px solid #cbd5e1;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem;padding-top:2rem;display:grid}.memo-signature-block{text-align:center;background:#fff;border:1px solid #cbd5e1;border-radius:.25rem;flex-direction:column;justify-content:space-between;align-items:center;min-height:160px;padding:1rem;font-size:.85rem;display:flex}.memo-sig-role{color:#0f172a;border-bottom:1px solid #e2e8f0;width:100%;margin-bottom:.5rem;padding-bottom:.25rem;font-weight:700}.memo-sig-img{object-fit:contain;max-width:120px;max-height:50px;margin:.5rem 0}.memo-sig-status{text-transform:uppercase;border-radius:.25rem;margin-bottom:.25rem;padding:.15rem .5rem;font-size:.8rem;font-weight:700}.memo-sig-status.approved{color:#065f46;background-color:#d1fae5}.memo-sig-status.rejected{color:#991b1b;background-color:#fee2e2}.memo-sig-reason{color:#991b1b;text-overflow:ellipsis;max-width:100%;margin-bottom:.25rem;font-size:.75rem;font-style:italic;overflow:hidden}.memo-sig-name{color:#64748b}[data-theme=dark] .memo-document{color:#1e293b;background:#fff}[data-theme=dark] .memo-meta-value,[data-theme=dark] .memo-content-area{color:#1e293b}.login-container{background:radial-gradient(circle at 18% 18%,#f3701e2e,#0000 30%),radial-gradient(circle at 82% 74%,#4b607f2e,#0000 34%),linear-gradient(135deg,#fff8f2 0%,#f8fafc 44%,#edf3f8 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2rem;display:flex;position:fixed;inset:0;overflow:hidden}[data-theme=dark] .login-container{background:radial-gradient(circle at 18% 18%,#f3701e26,#0000 30%),radial-gradient(circle at 82% 74%,#60738f38,#0000 34%),linear-gradient(135deg,#14110f 0%,#121315 46%,#18202a 100%)}.login-scene{pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-grid{background-image:linear-gradient(#4b607f14 1px,#0000 1px),linear-gradient(90deg,#4b607f14 1px,#0000 1px);background-size:48px 48px;animation:26s linear infinite loginGridDrift;position:absolute;inset:-20%;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 68%);mask-image:radial-gradient(circle,#000 0%,#0000 68%)}[data-theme=dark] .login-grid{background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px)}.login-aurora{filter:blur(16px);opacity:.42;border-radius:50%;width:34rem;height:34rem;animation:12s ease-in-out infinite alternate loginFloat;position:absolute}.login-aurora-one{background:radial-gradient(circle,#f3701e57,#0000 66%);top:5rem;left:-8rem}.login-aurora-two{background:radial-gradient(circle,#4b607f5c,#0000 68%);animation-delay:-5s;bottom:-6rem;right:-10rem}.login-orbit{width:4.25rem;height:4.25rem;color:var(--accent-blue);-webkit-backdrop-filter:blur(18px);background:#ffffff9e;border:1px solid #ffffffc7;border-radius:1.25rem;place-items:center;animation:9s ease-in-out infinite loginCardDrift;display:grid;position:absolute;box-shadow:0 24px 56px #4b607f29}[data-theme=dark] .login-orbit{color:#f7a469;background:#1c1d219e;border-color:#ffffff1a}.login-orbit-one{top:16%;left:13%}.login-orbit-two{animation-delay:-2.5s;top:21%;right:13%}.login-orbit-three{animation-delay:-5s;bottom:15%;right:18%}.login-flowline{opacity:.55;background:linear-gradient(90deg,#0000,#f3701e8c,#0000);width:34vw;max-width:520px;height:2px;animation:3.6s ease-in-out infinite loginFlowPulse;position:absolute}.login-flowline-a{top:30%;left:18%;transform:rotate(10deg)}.login-flowline-b{animation-delay:-1.8s;bottom:28%;right:18%;transform:rotate(-14deg)}.login-shell{z-index:1;grid-template-columns:minmax(0,1.05fr) minmax(390px,460px);align-items:center;gap:2.75rem;width:min(1100px,100%);display:grid;position:relative;transform:translateY(-1.5rem)}.login-hero-panel{color:var(--text-title);padding:1rem 1rem 1rem 0}.login-pill{width:fit-content;color:var(--primary);letter-spacing:.04em;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);background:#ffffff8c;border:1px solid #ffffffc7;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .75rem;font-size:.8rem;font-weight:800;display:inline-flex}[data-theme=dark] .login-pill{background:#1c1d2194;border-color:#ffffff1a}.login-hero-panel h1{max-width:600px;color:var(--text-title);text-wrap:balance;margin:1.35rem 0 1rem;font-size:clamp(2rem,3.75vw,3.55rem);font-weight:850;line-height:1.12}.login-hero-panel p{max-width:520px;color:var(--text-main);font-size:.96rem;line-height:1.65}.login-flow-preview{grid-template-columns:auto minmax(48px,1fr) auto minmax(48px,1fr) auto;align-items:center;gap:.7rem;width:min(560px,100%);margin-top:2rem;display:grid}.flow-node{min-height:44px;color:var(--text-title);-webkit-backdrop-filter:blur(14px);background:#ffffffa8;border:1px solid #fffc;border-radius:.85rem;align-items:center;gap:.5rem;padding:.65rem .8rem;font-size:.86rem;font-weight:800;display:inline-flex;box-shadow:0 16px 36px #4b607f1c}.flow-node.active{color:#fff;background:linear-gradient(135deg, var(--primary), #f99a4b);border-color:#ffffff73}[data-theme=dark] .flow-node{background:#1c1d21ad;border-color:#ffffff1a}.flow-track{background:linear-gradient(90deg,#f3701eb8,#4b607f38);border-radius:999px;min-width:32px;height:2px;position:relative;overflow:hidden}.flow-track:after{content:"";background:#ffffffe6;width:35%;animation:2.4s ease-in-out infinite loginTrackMove;position:absolute;inset:0}.login-card{text-align:center;-webkit-backdrop-filter:blur(24px);background:#ffffffe6;border:1px solid #4b607f21;border-radius:1.5rem;flex-direction:column;align-items:center;width:100%;margin:0;padding:2.65rem;display:flex;box-shadow:0 24px 56px #4b607f26}.login-language{justify-content:flex-end;width:100%;margin-bottom:-.25rem;display:flex}.language-switcher{border:1px solid var(--accent-blue-border);background:var(--bg-card);min-height:36px;color:var(--text-muted);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .5rem;display:inline-flex}.language-switcher.compact{background:#ffffffb8;min-height:32px;padding:.2rem .45rem}.language-switcher button{min-width:25px;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:.12rem .15rem;font-size:.72rem;font-weight:700}.language-switcher button.active{color:var(--primary);font-weight:900}.language-switcher button:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:.25rem}[data-theme=dark] .language-switcher,[data-theme=dark] .language-switcher.compact{background:#1c1d21b8;border-color:#ffffff1f}[data-theme=dark] .login-card{background:#1c1d21c2;border-color:#ffffff1a;box-shadow:0 28px 78px #0000006b}.login-brand{margin-bottom:1.6rem}.login-logo{object-fit:contain;filter:drop-shadow(0 12px 20px #4b607f2e);height:134px;margin:0 auto;animation:.8s both loginLogoRise;display:block}.login-brand p{text-align:center;letter-spacing:.18em;color:var(--primary);margin-top:.85rem;font-size:.72rem;font-weight:800}.login-copy h2{color:var(--text-title);margin-bottom:.45rem;font-size:1.55rem;font-weight:850}.login-copy p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.login-form{text-align:left;width:100%}.login-input{text-transform:uppercase;background:#ffffffc7;border-color:#4b607f2e;min-height:54px;padding-inline:1rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.login-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #f3701e1f}.login-input-error,.login-input-error:focus{border-color:var(--danger);box-shadow:0 0 0 4px var(--danger-bg)}.login-field-error{color:var(--danger);margin-top:.4rem;font-size:.8rem;font-weight:600}[data-theme=dark] .login-input{background:#1213159e;border-color:#ffffff1f}.login-submit{background:linear-gradient(135deg, var(--accent-blue), #324157);justify-content:space-between;width:100%;min-height:54px;margin-top:1rem;padding-inline:1.2rem;font-size:1rem;box-shadow:0 18px 32px #4b607f4d}.login-submit:hover{background:linear-gradient(135deg, var(--accent-blue-hover), #28364a)}.login-submit:disabled{cursor:wait;opacity:.72;transform:none}.login-spinner{animation:.8s linear infinite loginSpin}.login-assurance{width:100%;color:var(--text-muted);border-top:1px solid #4b607f1f;justify-content:center;align-items:center;gap:.45rem;margin-top:1.1rem;padding-top:1.1rem;font-size:.82rem;display:flex}[data-theme=dark] .login-assurance{border-top-color:#ffffff17}.login-support{color:var(--text-muted);margin-top:.55rem;font-size:.78rem}@keyframes loginSpin{to{transform:rotate(360deg)}}@keyframes loginGridDrift{0%{transform:translate(0,0)}to{transform:translate(48px,48px)}}@keyframes loginFloat{0%{transform:translate(0,0)scale(1)}to{transform:translate(3rem,-1.5rem)scale(1.08)}}@keyframes loginCardDrift{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translate(.5rem,-.85rem)rotate(3deg)}}@keyframes loginFlowPulse{0%,to{opacity:.18;filter:blur()}50%{opacity:.72;filter:blur(.5px)}}@keyframes loginTrackMove{0%{transform:translate(-120%)}to{transform:translate(300%)}}@keyframes loginLogoRise{0%{opacity:0;transform:translateY(.7rem)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=900px){.login-container{min-height:calc(100vh - 4rem);padding:1.25rem 0;position:relative}.login-shell{grid-template-columns:1fr;gap:1.25rem;transform:none}.login-hero-panel{text-align:center;padding:0}.login-pill{margin-inline:auto}.login-hero-panel h1{margin-inline:auto;font-size:2rem}.login-hero-panel p{margin-inline:auto;font-size:.9rem}.login-flow-preview{margin-inline:auto}}@media (width<=560px){.login-container{padding:.5rem 0}.login-hero-panel h1{font-size:1.65rem}.login-flow-preview{grid-template-columns:auto minmax(18px,1fr) auto minmax(18px,1fr) auto;gap:.35rem}.flow-track{width:auto;min-width:16px;height:2px}.flow-track:after{width:35%;height:100%;animation-name:loginTrackMove}.flow-node{justify-content:center;gap:.32rem;min-height:40px;padding:.55rem .45rem;font-size:.78rem}.login-card{border-radius:1.1rem;padding:2rem 1.25rem}.login-logo{height:104px}.login-copy h2{font-size:1.35rem}.login-orbit,.login-flowline{display:none}}.profile-select-grid{flex-direction:column;gap:.75rem;width:100%;margin:1.5rem 0;display:flex}.profile-select-btn{border:1.5px solid var(--input-border);background:var(--input-bg);cursor:pointer;color:var(--text-main);font-family:var(--font-sans);text-align:left;border-radius:.75rem;justify-content:space-between;align-items:center;width:100%;padding:.8rem 1.2rem;transition:all .2s;display:flex}.profile-select-btn:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.profile-select-btn.active{border-color:var(--primary);background:var(--primary-light);color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.profile-avatar{background-color:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 2px 4px #f3701e33}.user-profile-header{background:var(--primary-light);border:1.5px solid var(--primary-border);border-radius:.75rem;align-items:center;gap:.75rem;padding:.4rem .8rem;font-size:.9rem;display:flex}.user-profile-avatar{background-color:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.locked-field-badge{color:var(--text-muted);background-color:var(--bg-app);border:1px solid var(--border-card);border-radius:.25rem;align-items:center;gap:.25rem;margin-top:.25rem;padding:.15rem .5rem;font-size:.75rem;display:inline-flex}.memo-form{background:linear-gradient(to right, color-mix(in srgb, var(--bg-app) 55%, var(--bg-card)) 0, color-mix(in srgb, var(--bg-app) 55%, var(--bg-card)) 210px, color-mix(in srgb, var(--bg-card) 94%, transparent) 210px, color-mix(in srgb, var(--bg-card) 88%, transparent) 100%);border:1px solid color-mix(in srgb, var(--primary) 18%, var(--border-card));-webkit-backdrop-filter:blur(22px);border-radius:1.4rem;grid-template-columns:210px minmax(0,1fr);align-items:start;display:grid;position:relative;overflow:clip;box-shadow:0 22px 65px #412d1c1c,0 4px 14px #412d1c0d}.create-workspace-active .split-left-panel{max-width:1320px}.memo-form-nav{grid-template-rows:subgrid;background:0 0;border-right:0;grid-area:1/1/span 5;align-self:stretch;padding:0 1.1rem;display:grid;position:relative}.memo-form-nav-heading{color:var(--text-muted);letter-spacing:.1em;margin:0;font-size:.72rem;font-weight:800;position:absolute;top:1.25rem;left:1.8rem}.memo-form-nav:before{content:"";background:color-mix(in srgb, var(--primary) 18%, var(--border-card));width:1px;position:absolute;top:5.3rem;bottom:2rem;left:34px}.memo-form-nav-item{z-index:1;min-height:58px;color:var(--text-muted);border-radius:.8rem;grid-template-columns:38px 18px minmax(0,1fr);align-self:start;align-items:center;gap:.55rem;margin-top:2rem;padding:.45rem .55rem;font-size:.83rem;font-weight:700;text-decoration:none;transition:color .2s,background-color .2s,transform .2s;display:grid;position:relative}.memo-form-nav-item:hover{color:var(--primary);background:#f3701e0f;transform:translate(2px)}.memo-form-nav-number{background:var(--bg-card);border:1px solid var(--border-card);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.7rem;display:inline-flex}.memo-form-nav-item.active{color:var(--primary);background:#f3701e14}.memo-form-nav-item.active .memo-form-nav-number{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:0 5px 14px #f3701e40}.memo-form-section.card{border:0;border-bottom:1px solid color-mix(in srgb, var(--primary) 13%, var(--border-card));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-radius:0;grid-column:2;margin:0;padding:2rem 2.4rem 2.25rem;scroll-margin-top:1rem;position:relative;overflow:visible}.memo-form:before{content:"";z-index:0;pointer-events:none;background:color-mix(in srgb, var(--primary) 13%, var(--border-card));width:1px;position:absolute;top:0;bottom:0;left:210px}.memo-form-nav,.memo-form-section,.memo-form .sticky-action-bar{z-index:1}.approval-timeline-heading{color:var(--text-title);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;font-size:1rem;font-weight:700;display:flex}.btn-add-related-manager,.btn-add-all-managers,.btn-remove-related-manager{border:1px solid color-mix(in srgb, var(--primary) 35%, var(--border-card));color:var(--primary);background:color-mix(in srgb, var(--primary) 7%, var(--bg-card));cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.btn-add-related-manager{font:inherit;white-space:nowrap;border-radius:.65rem;gap:.45rem;padding:.55rem .8rem;font-size:.78rem}.related-manager-actions{gap:.5rem;display:inline-flex}.related-manager-limit{border:1px solid color-mix(in srgb, var(--text-muted) 25%, var(--border-card));color:var(--text-muted);background:var(--bg-card);white-space:nowrap;border-radius:.65rem;align-items:center;padding:.55rem .8rem;font-size:.78rem;display:inline-flex}.btn-add-all-managers{border-color:color-mix(in srgb, var(--success) 35%, var(--border-card));color:var(--success);background:color-mix(in srgb, var(--success) 7%, var(--bg-card));font:inherit;white-space:nowrap;border-radius:.65rem;padding:.55rem .8rem;font-size:.78rem}.btn-remove-related-manager{border-color:color-mix(in srgb, var(--danger) 28%, var(--border-card));width:38px;height:38px;color:var(--danger);background:color-mix(in srgb, var(--danger) 6%, var(--bg-card));border-radius:50%;flex:0 0 38px}.btn-add-related-manager:hover,.btn-add-all-managers:hover,.btn-remove-related-manager:hover{transform:translateY(-1px)}@media (width<=700px){.request-history-filter-tabs{grid-template-columns:1fr}.approval-timeline-heading{flex-direction:column;align-items:flex-start}.btn-add-related-manager{width:100%}.related-manager-actions{flex-direction:column;width:100%}.btn-add-all-managers{width:100%}}.memo-form-section.card:before{content:"";background:var(--primary);opacity:0;width:3px;transition:opacity .2s;position:absolute;inset:0 auto 0 0}.memo-form-section.card:hover,.memo-form-section.card:focus-within{border-color:color-mix(in srgb, var(--primary) 26%, var(--border-card));box-shadow:none}.memo-form-section.card:focus-within:before{opacity:1}.memo-form .card-title{letter-spacing:-.01em;border-bottom-color:color-mix(in srgb, var(--primary) 18%, var(--border-card));gap:.7rem;min-height:44px;margin:0 0 1.5rem;padding:0 0 .85rem;font-size:1.28rem}.memo-section-number{width:38px;height:38px;color:var(--primary);background:#f3701e17;border:1px solid #f3701e24;border-radius:10px;justify-content:center;align-items:center;margin-right:.15rem;font-size:.82rem;font-weight:800;display:inline-flex}.memo-form .form-grid{gap:1.25rem 1.5rem;margin-bottom:0}.memo-requester-section .form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.memo-requester-section .input-container{border:1px solid color-mix(in srgb, var(--primary) 14%, var(--border-card));background:color-mix(in srgb, var(--bg-app) 44%, transparent);border-radius:.9rem;min-height:90px;padding:1rem 1.05rem .85rem}.memo-requester-section .locked-field-badge{display:none}.memo-requester-section .form-input:disabled{min-height:auto;box-shadow:none;border:0;padding:.2rem 0 0;font-weight:700;color:var(--text-title)!important;background:0 0!important}.memo-requester-section .requester-readonly-value{height:auto;min-height:auto;color:var(--text-title);overflow-wrap:anywhere;white-space:normal;box-shadow:none;background:0 0;border:0;padding:.2rem 0 0;font-weight:700;line-height:1.4}.memo-requester-section .requester-readonly-value-long{font-size:.82rem;line-height:1.3}.memo-form .input-label{margin-bottom:.45rem;font-size:.82rem;font-weight:700}.memo-requester-section .input-label{color:var(--text-muted);font-size:.72rem}.memo-form .form-input,.memo-form .form-textarea,.memo-form .form-select{background:color-mix(in srgb, var(--input-bg) 86%, var(--bg-card));border-width:1px;border-radius:.8rem;min-height:50px;transition:border-color .2s,box-shadow .2s,background-color .2s;box-shadow:inset 0 1px 2px #0f172a08}.memo-form .form-input:hover:not(:disabled),.memo-form .form-textarea:hover,.memo-form .form-select:hover{border-color:color-mix(in srgb, var(--primary) 34%, var(--input-border))}.memo-form .form-input:focus,.memo-form .form-textarea:focus,.memo-form .form-select:focus{background:var(--bg-card);border-color:var(--primary);box-shadow:0 0 0 4px #f3701e1c,0 8px 20px #412d1c0f}.memo-form .form-textarea{min-height:150px;line-height:1.65}.memo-details-editor{width:100%}.memo-details-label-row{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.45rem;display:flex}.memo-details-label-row .input-label{margin-bottom:0}.memo-details-toolbar-toggle,.memo-details-tool-btn{border:1px solid color-mix(in srgb, var(--primary) 18%, var(--border-card));background:color-mix(in srgb, var(--bg-card) 92%, transparent);color:var(--text-main);cursor:pointer;flex:none;justify-content:center;align-items:center;transition:border-color .2s,background-color .2s,color .2s,transform .2s;display:inline-flex}.memo-details-toolbar-toggle{border-radius:.65rem;width:34px;height:34px}.memo-details-toolbar-toggle:hover,.memo-details-toolbar-toggle.active{border-color:var(--primary);color:var(--primary);background:#f3701e1a}.memo-details-tool-btn:hover{border-color:var(--primary);background:color-mix(in srgb, var(--bg-card) 92%, transparent);color:var(--primary)}.memo-details-tool-btn.active{border-color:var(--primary);color:var(--primary);background:#f3701e2e}.memo-details-toolbar-toggle.active{transform:rotate(90deg)}.memo-details-toolbar{border:1px solid color-mix(in srgb, var(--primary) 16%, var(--border-card));background:color-mix(in srgb, var(--bg-app) 54%, var(--bg-card));border-radius:.8rem;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 .55rem;padding:.45rem;display:flex}.memo-details-tool-btn{border-radius:.55rem;width:32px;height:32px}.memo-details-tool-divider{background:color-mix(in srgb, var(--primary) 18%, var(--border-card));width:1px;height:24px;margin:0 .12rem}.memo-details-palette-control{display:inline-flex;position:relative}.memo-details-color-palette{z-index:20;border:1px solid color-mix(in srgb, var(--primary) 18%, var(--border-card));background:var(--bg-card);border-radius:.55rem;flex-direction:column;gap:.45rem;min-width:110px;padding:.55rem;display:flex;position:absolute;bottom:calc(100% + .35rem);left:0;box-shadow:0 12px 28px #0f172a24}.memo-details-color-swatches{grid-template-columns:repeat(4,16px);gap:.38rem .5rem;display:grid}.memo-details-color-swatch{cursor:pointer;border:1px solid #0f172a24;border-radius:.25rem;width:16px;height:16px;padding:0;box-shadow:0 1px 2px #0f172a1f}.memo-details-color-swatch:hover,.memo-details-color-swatch.active{outline:2px solid var(--primary);outline-offset:1px}.memo-details-no-highlight-btn{border:1px solid color-mix(in srgb, var(--primary) 14%, var(--border-card));background:color-mix(in srgb, var(--bg-app) 54%, var(--bg-card));width:100%;min-height:26px;color:var(--text-main);font:inherit;cursor:pointer;border-radius:.45rem;padding:.22rem .42rem;font-size:.68rem;font-weight:700}.memo-details-no-highlight-btn:hover{border-color:var(--primary);color:var(--primary)}.memo-details-editor-content{background:color-mix(in srgb, var(--input-bg) 86%, var(--bg-card));border:1px solid var(--input-border);width:100%;min-height:150px;color:var(--text-main);font-family:var(--font-sans);white-space:pre-wrap;overflow-wrap:break-word;tab-size:4;border-radius:.8rem;outline:none;padding:.8rem 1rem;font-size:1rem;line-height:1.65;transition:border-color .2s,box-shadow .2s,background-color .2s;box-shadow:inset 0 1px 2px #0f172a08}.memo-details-editor-content:hover{border-color:color-mix(in srgb, var(--primary) 34%, var(--input-border))}.memo-details-editor-content:focus{background:var(--bg-card);border-color:var(--primary);box-shadow:0 0 0 4px #f3701e1c,0 8px 20px #412d1c0f}.memo-details-editor-content p{white-space:pre-wrap;margin:0 0 .45rem}.memo-details-editor-content p:last-child{margin-bottom:0}.memo-details-editor-content ul,.memo-details-editor-content ol{margin:.25rem 0 .55rem 1.3rem;padding-left:1.1rem}.memo-details-editor-content hr{border:0;border-top:1px solid var(--text-main);margin:.65rem 0}.memo-details-editor-content a{color:#2563eb;text-underline-offset:2px;text-decoration:underline}.memo-form .photo-slot,.memo-form .file-upload-zone{background:color-mix(in srgb, var(--input-bg) 76%, transparent);border-radius:.9rem}.memo-form .sticky-action-bar{border-width:1px 0 0;border-radius:0 0 1.35rem 1.35rem;grid-column:1/-1;margin:0;padding:.7rem .85rem .7rem 1rem;box-shadow:0 -8px 30px #231f1c14}.memo-form .sticky-action-bar-buttons{gap:.65rem}.memo-form .sticky-action-bar .btn{border-radius:.7rem}.split-left-panel.preview-active .memo-form{background:color-mix(in srgb, var(--bg-card) 94%, transparent);display:block}.split-left-panel.preview-active .memo-form:before,.split-left-panel.preview-active .memo-form:after,.split-left-panel.preview-active .memo-form-nav{display:none}.split-left-panel.preview-active .memo-form-section.card{padding:1.4rem 1.25rem 1.6rem}.split-left-panel.preview-active .memo-requester-section .form-grid{grid-template-columns:1fr}.split-left-panel.preview-active .memo-form .form-grid{gap:1rem}.split-left-panel.preview-active .memo-form .card-title{font-size:1.05rem}.split-left-panel.preview-active .memo-form .sticky-action-bar{border-radius:0 0 1.35rem 1.35rem}@media (width<=1100px){.memo-form{background:linear-gradient(to right, color-mix(in srgb, var(--bg-app) 55%, var(--bg-card)) 0, color-mix(in srgb, var(--bg-app) 55%, var(--bg-card)) 190px, color-mix(in srgb, var(--bg-card) 94%, transparent) 190px);grid-template-columns:190px minmax(0,1fr)}.memo-form:before{left:190px}.memo-form:after{display:none}}@media (width<=850px){.memo-form{border-radius:1rem;display:block}.memo-form:before,.memo-form:after{display:none}.memo-form-nav{z-index:20;border-right:0;border-bottom:1px solid var(--border-card);background:color-mix(in srgb, var(--bg-card) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);gap:.35rem;min-height:0;padding:.65rem;display:flex;position:sticky;top:0;overflow-x:auto}.memo-form-nav:before,.memo-form-nav-heading,.memo-form-nav-item svg,.memo-form-nav-item>span:last-child{display:none}.memo-form-nav-item{min-height:0;padding:0;display:block}.memo-form-section.card{padding:1.4rem 1rem 1.5rem}.memo-requester-section .form-grid{grid-template-columns:1fr}.memo-form .card-title{font-size:1.05rem}.memo-section-number{width:36px;height:36px;font-size:.78rem}.memo-form .sticky-action-bar{padding:.65rem}}.swal2-popup{font-family:var(--font-sans)!important;background:var(--bg-card)!important;color:var(--text-main)!important;border:1px solid var(--border-card)!important;box-shadow:var(--shadow-lg)!important;border-radius:1.25rem!important}.swal2-title{color:var(--text-title)!important;font-weight:700!important}.swal2-html-container{color:var(--text-main)!important}.swal2-confirm{background-color:var(--accent-blue)!important;color:#fff!important;border-radius:.75rem!important;padding:.75rem 2rem!important;font-weight:600!important;transition:all .2s!important;box-shadow:0 4px 12px #0052cc33!important}.swal2-confirm:hover{background-color:var(--accent-blue-hover)!important}.swal2-cancel{background-color:var(--input-bg)!important;color:var(--text-main)!important;border:1.5px solid var(--input-border)!important;border-radius:.75rem!important;padding:.75rem 2rem!important;font-weight:600!important}.app-routed-content-container{box-sizing:border-box;flex-direction:column;flex-grow:1;width:100%;margin:0 auto;transition:max-width .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1);display:flex}.admin-dashboard{width:100%;color:var(--text-main);padding:2rem 0}.admin-dashboard-heading{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;display:flex}.admin-dashboard-heading h1{margin:.45rem 0 .3rem;font-size:clamp(1.55rem,3vw,2.2rem)}.admin-dashboard-heading p{color:var(--text-muted);margin:0}.admin-eyebrow{color:var(--primary);align-items:center;gap:.45rem;font-weight:800;display:inline-flex}.admin-toolbar{background:var(--bg-card);border:1px solid var(--border-card);box-shadow:var(--shadow-sm);border-radius:18px;grid-template-columns:minmax(260px,1fr) 220px 180px;gap:.75rem;padding:1rem;display:grid}.admin-toolbar select,.admin-search{border:1px solid var(--border-input);background:var(--bg-input);min-height:46px;color:var(--text-main);border-radius:12px}.admin-toolbar select{padding:0 .8rem}.admin-search{align-items:center;gap:.65rem;padding:0 .85rem;display:flex}.admin-search input{width:100%;color:inherit;background:0 0;border:0;outline:0}.admin-result-count{color:var(--text-muted);margin:1rem .25rem;font-size:.88rem}.admin-memo-list{gap:1rem;display:grid}.admin-memo-card{background:var(--bg-card);border:1px solid var(--border-card);box-shadow:var(--shadow-sm);border-radius:18px;grid-template-columns:minmax(0,1fr) auto;gap:1rem 1.5rem;padding:1.25rem;display:grid}.admin-card-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.55rem;font-size:.8rem;display:flex}.admin-memo-main h2{margin:.7rem 0 .35rem;font-size:1.12rem}.admin-memo-main p{color:var(--text-muted);margin:.22rem 0;font-size:.88rem}.admin-memo-main .admin-duplicate-warning{color:#b45309;font-weight:750}.admin-status{background:var(--bg-subtle);border-radius:999px;padding:.27rem .6rem;font-weight:800;display:inline-flex}.admin-status.status-approved{color:#15803d;background:#dcfce7}.admin-status.status-rejected,.admin-status.trash{color:#b91c1c;background:#fee2e2}.admin-status.status-pending{color:#b45309;background:#fef3c7}.admin-card-actions{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.admin-danger{color:var(--danger)!important;border-color:var(--danger-border)!important}.admin-workflow{border-top:1px solid var(--border-card);grid-column:1/-1;padding-top:1rem}.admin-step-list{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.6rem;margin-top:.65rem;display:grid}.admin-step{background:var(--bg-subtle);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;gap:.2rem .6rem;padding:.75rem;display:grid}.admin-step span{font-weight:700}.admin-step small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;grid-column:1;overflow:hidden}.admin-step em{grid-area:1/2;font-size:.75rem;font-style:normal;font-weight:800}.admin-step .step-approved{color:#15803d}.admin-step .step-rejected{color:#b91c1c}.admin-step button{color:var(--primary);cursor:pointer;background:0 0;border:0;grid-area:2/2;align-items:center;gap:.25rem;font-weight:700;display:inline-flex}.admin-empty{text-align:center;color:var(--text-muted);border:1px dashed var(--border-card);border-radius:18px;padding:3rem 1rem}.admin-modal-backdrop{z-index:1000;background:#0f172a9e;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.admin-edit-modal{background:var(--bg-card);border-radius:20px;width:min(900px,100%);max-height:calc(100vh - 2rem);overflow:auto;box-shadow:0 25px 70px #00000047}.admin-edit-modal>header,.admin-edit-modal>footer{border-bottom:1px solid var(--border-card);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.admin-edit-modal>header h2,.admin-edit-modal>header p{margin:0}.admin-edit-modal>header p{color:var(--text-muted);font-size:.82rem}.admin-edit-modal>header button{color:var(--text-muted);cursor:pointer;background:0 0;border:0}.admin-edit-modal>footer{border:0;border-top:1px solid var(--border-card);justify-content:flex-end}.admin-warning{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;margin:1rem 1.25rem 0;padding:.8rem 1rem;font-weight:650}.admin-edit-fields{gap:1rem;padding:1.25rem;display:grid}.admin-edit-fields>label{gap:.4rem;font-weight:700;display:grid}.admin-edit-text-field{border:1px solid var(--border-input);background:var(--bg-input);width:100%;min-height:44px;color:var(--text-main);font:inherit;border-radius:10px;outline:none;padding:.65rem .8rem;font-weight:400;transition:border-color .15s,box-shadow .15s}textarea.admin-edit-text-field{resize:vertical;min-height:68px;line-height:1.5}.admin-edit-text-field:hover{border-color:var(--primary)}.admin-edit-text-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent)}@media (width<=768px){.admin-dashboard{padding:1rem 0}.admin-dashboard-heading,.admin-memo-card{flex-direction:column;display:flex}.admin-toolbar{grid-template-columns:1fr}.admin-card-actions{width:100%}.admin-card-actions .btn{flex:auto}.admin-step-list{grid-template-columns:1fr}}.admin-console{background:var(--bg-card);border:1px solid var(--border-card);min-height:690px;box-shadow:var(--shadow-md);border-radius:22px;grid-template-columns:210px minmax(360px,1fr) minmax(310px,.72fr);display:grid;overflow:hidden}.admin-sidebar{color:#f8fafc;background:linear-gradient(#172033 0%,#222d42 100%);flex-direction:column;min-width:0;padding:1.25rem 1rem;display:flex}.admin-sidebar-brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:.7rem;padding:.25rem .35rem 1.25rem;display:flex}.admin-sidebar-brand div{gap:.12rem;display:grid}.admin-sidebar-brand strong{letter-spacing:.08em;font-size:.84rem}.admin-sidebar-brand small{color:#aebbd0;font-size:.7rem}.admin-sidebar-icon{color:#fff;background:var(--primary);border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.admin-sidebar-nav{gap:.35rem;margin-top:1rem;display:grid}.admin-sidebar-nav button{color:#cbd5e1;cursor:pointer;text-align:left;width:100%;min-height:42px;font:inherit;background:0 0;border:0;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.65rem .7rem;font-size:.82rem;transition:all .18s;display:grid}.admin-sidebar-nav button:hover{color:#fff;background:#ffffff14}.admin-sidebar-nav button.active{color:#fff;background:var(--primary);box-shadow:0 8px 18px #ea580c38}.admin-sidebar-nav button em{min-width:24px;color:inherit;text-align:center;background:#ffffff1f;border-radius:999px;padding:.12rem .35rem;font-size:.68rem;font-style:normal}.admin-sidebar-note{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;gap:.25rem;margin-top:auto;padding:.8rem;display:grid}.admin-sidebar-note strong{font-size:.74rem}.admin-sidebar-note span{color:#aebbd0;font-size:.67rem;line-height:1.45}.admin-list-panel{border-right:1px solid var(--border-card);min-width:0;padding:1.25rem}.admin-list-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.admin-list-header h1{margin:.25rem 0 .12rem;font-size:1.6rem}.admin-list-header p{color:var(--text-muted);margin:0;font-size:.82rem}.admin-list-header .admin-eyebrow{letter-spacing:.04em;text-transform:uppercase;font-size:.72rem}.admin-list-toolbar{grid-template-columns:minmax(0,1fr) 145px;gap:.6rem;margin:1rem 0;display:grid}.admin-list-toolbar select,.admin-list-toolbar .admin-search{border:1px solid var(--border-input);background:var(--bg-input);min-height:42px;color:var(--text-main);border-radius:10px}.admin-list-toolbar select{min-width:0;padding:0 .65rem}.admin-compact-list{gap:.35rem;display:grid}.admin-compact-item{border:1px solid #0000;border-bottom-color:var(--border-card);width:100%;min-height:88px;color:var(--text-main);cursor:pointer;text-align:left;background:0 0;border-radius:10px;grid-template-columns:4px minmax(0,1fr) auto auto;align-items:center;gap:.7rem;padding:.7rem .75rem;transition:all .18s;display:grid}.admin-compact-item:hover{background:var(--bg-subtle)}.admin-compact-item.selected{border-color:color-mix(in srgb, var(--primary) 28%, var(--border-card));background:color-mix(in srgb, var(--primary) 7%, var(--bg-card));box-shadow:inset 3px 0 0 var(--primary)}.admin-item-state{background:var(--text-muted);opacity:.45;border-radius:999px;align-self:stretch;width:4px}.admin-item-state.state-approved{opacity:1;background:#22c55e}.admin-item-state.state-pending{opacity:1;background:#f59e0b}.admin-item-state.state-rejected{opacity:1;background:#ef4444}.admin-item-state.state-trash{opacity:1;background:#64748b}.admin-item-copy{gap:.2rem;min-width:0;display:grid}.admin-item-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.87rem;overflow:hidden}.admin-item-copy small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.admin-item-progress{justify-items:end;gap:.25rem;display:grid}.admin-item-progress small{color:var(--text-muted);font-size:.68rem}.admin-detail-drawer{background:color-mix(in srgb, var(--bg-subtle) 48%, var(--bg-card));min-width:0;padding:1.35rem}.admin-detail-heading{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.admin-detail-heading>div{gap:.5rem;display:grid}.admin-detail-heading small{color:var(--text-muted);font-size:.72rem}.admin-detail-preview{border:1px solid var(--border-card);width:38px;height:38px;color:var(--text-main);background:var(--bg-card);cursor:pointer;border-radius:10px;place-items:center;display:grid}.admin-detail-drawer>h2{margin:1rem 0;font-size:1.25rem;line-height:1.4}.admin-detail-meta{gap:.65rem;margin:0;display:grid}.admin-detail-meta div{gap:.18rem;display:grid}.admin-detail-meta dt{color:var(--text-muted);text-transform:uppercase;font-size:.68rem;font-weight:700}.admin-detail-meta dd{overflow-wrap:anywhere;margin:0;font-size:.82rem;line-height:1.45}.admin-detail-drawer .admin-duplicate-warning{color:#b45309;margin-top:.75rem;font-size:.76rem;font-weight:750}.admin-drawer-workflow{border-top:1px solid var(--border-card);margin-top:1.25rem;padding-top:1rem}.admin-drawer-workflow h3{margin:0 0 .75rem;font-size:.88rem}.admin-drawer-step{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.25rem .55rem;padding:.55rem 0;display:grid}.admin-step-dot{border:2px solid var(--border-input);background:var(--bg-card);border-radius:50%;width:9px;height:9px}.admin-step-dot.step-approved{background:#22c55e;border-color:#22c55e}.admin-step-dot.step-rejected{background:#ef4444;border-color:#ef4444}.admin-drawer-step div{gap:.12rem;min-width:0;display:grid}.admin-drawer-step strong{text-overflow:ellipsis;white-space:nowrap;font-size:.77rem;overflow:hidden}.admin-drawer-step small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.admin-drawer-step em{font-size:.65rem;font-style:normal;font-weight:800}.admin-drawer-step em.step-approved{color:#15803d}.admin-permissions-panel{background:var(--bg-app);min-width:0;padding:1.5rem;overflow:auto}.admin-permissions-layout{grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);gap:1rem;min-height:620px;margin-top:1rem;display:grid}.admin-permissions-people,.admin-permissions-editor{border:1px solid var(--border-card);background:var(--bg-card);border-radius:14px;min-width:0;padding:1rem}.admin-permissions-people{flex-direction:column;gap:.8rem;display:flex}.admin-permissions-person-list{flex-direction:column;gap:.45rem;max-height:660px;display:flex;overflow:auto}.admin-permissions-person-list button{width:100%;color:var(--text-main);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem;display:flex}.admin-permissions-person-list button:hover,.admin-permissions-person-list button.selected{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, transparent)}.admin-permissions-person-list button span{flex-direction:column;gap:.12rem;min-width:0;display:flex}.admin-permissions-person-list button strong,.admin-permissions-person-list button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-permissions-person-list button small{color:var(--text-muted)}.admin-permissions-person-list button em{background:var(--bg-app);color:var(--text-muted);border-radius:999px;flex:none;padding:.25rem .5rem;font-size:.72rem;font-style:normal}.admin-permissions-person-list button em.has-role{color:#15803d;background:#dcfce7}.admin-permissions-editor{position:relative}.admin-permissions-profile{border-bottom:1px solid var(--border-card);align-items:center;gap:.8rem;padding-bottom:1rem;display:flex}.admin-permissions-profile>span{background:color-mix(in srgb, var(--primary) 12%, transparent);width:48px;height:48px;color:var(--primary);border-radius:12px;place-items:center;display:grid}.admin-permissions-profile h2,.admin-permissions-profile p{margin:0}.admin-permissions-profile p,.admin-permissions-help{color:var(--text-muted);font-size:.86rem}.admin-permissions-help{background:var(--bg-app);border-radius:8px;padding:.8rem}.admin-permissions-role-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.admin-permissions-role-list label{border:1px solid var(--border-card);cursor:pointer;border-radius:10px;align-items:center;gap:.65rem;padding:.8rem;display:flex}.admin-permissions-role-list label.selected{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, transparent)}.admin-permissions-role-list label span{flex-direction:column;display:flex}.admin-permissions-role-list label small{color:var(--text-muted)}.admin-permissions-save{width:100%;margin-top:1rem}@media (width<=1050px){.admin-permissions-layout{grid-template-columns:1fr}.admin-permissions-person-list{max-height:380px}}@media (width<=600px){.admin-permissions-panel{padding:.8rem}.admin-permissions-role-list{grid-template-columns:1fr}}.admin-drawer-step em.step-rejected{color:#b91c1c}.admin-step-actions{flex-wrap:wrap;grid-column:2/-1;justify-self:end;align-items:center;gap:.65rem;display:flex}.admin-drawer-step button{color:var(--primary);cursor:pointer;background:0 0;border:0;align-items:center;gap:.25rem;padding:.2rem 0;font-size:.68rem;font-weight:700;display:inline-flex}.admin-drawer-step button.remove{color:var(--danger)}.admin-drawer-step button:disabled{cursor:wait;opacity:.55}.admin-drawer-actions{border-top:1px solid var(--border-card);gap:.55rem;margin-top:1.25rem;padding-top:1rem;display:grid}.admin-drawer-actions .btn{justify-content:center;width:100%}.admin-detail-empty{min-height:400px;color:var(--text-muted);text-align:center;align-content:center;place-items:center;gap:.75rem;display:grid}.admin-notification-panel{grid-column:2/-1;min-width:0;padding:1.5rem;overflow:auto}.admin-notification-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.admin-notification-header h1{margin:.25rem 0 .15rem;font-size:1.65rem}.admin-notification-header p{color:var(--text-muted);margin:0;font-size:.82rem}.admin-notification-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1.25rem 0;display:grid}.admin-notification-summary article{border:1px solid var(--border-card);background:var(--bg-subtle);border-radius:14px;align-items:center;gap:.7rem;min-height:82px;padding:1rem;display:flex}.admin-notification-summary article div{gap:.2rem;display:grid}.admin-notification-summary small{color:var(--text-muted);font-size:.72rem}.admin-notification-summary strong{font-size:1.05rem}.admin-connection-dot{background:#ef4444;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 5px #ef44441f}.admin-connection-dot.connected{background:#22c55e;box-shadow:0 0 0 5px #22c55e1f}.admin-notification-actions{flex-wrap:wrap;gap:.65rem;margin-bottom:1.35rem;display:flex}.admin-recipient-picker{border:1px solid var(--border-card);background:var(--bg-subtle);border-radius:14px;margin-bottom:1rem;padding:1rem}.admin-recipient-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.admin-recipient-heading h2{margin:0;font-size:1rem}.admin-recipient-heading p{color:var(--text-muted);margin:.2rem 0 0;font-size:.72rem}.admin-recipient-heading>strong{color:var(--primary);white-space:nowrap;font-size:.78rem}.admin-recipient-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem;display:flex}.admin-recipient-heading-actions>strong{color:var(--primary);white-space:nowrap;font-size:.78rem}.admin-recipient-heading-actions .btn{min-height:36px;padding:.45rem .7rem;font-size:.72rem}.admin-recipient-group{grid-template-columns:minmax(180px,auto) minmax(220px,1fr);align-items:center;gap:.75rem;margin-top:.9rem;display:grid}.admin-recipient-group span{color:var(--text-muted);font-size:.74rem;font-weight:700}.admin-recipient-group select{border:1px solid var(--border-input);min-height:40px;color:var(--text-main);background:var(--bg-card);font:inherit;border-radius:9px;padding:0 .7rem}.admin-recipient-search{border:1px solid var(--border-input);background:var(--bg-card);border-radius:9px;align-items:center;gap:.5rem;min-height:40px;margin:.8rem 0;padding:0 .7rem;display:flex}.admin-recipient-search input{width:100%;color:var(--text-main);font:inherit;background:0 0;border:0;outline:0}.admin-recipient-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;max-height:260px;display:grid;overflow:auto}.admin-recipient-list>label{border:1px solid var(--border-card);background:var(--bg-card);cursor:pointer;border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.6rem;padding:.65rem;display:grid}.admin-recipient-list>label.selected{border-color:color-mix(in srgb, var(--primary) 55%, var(--border-card));background:color-mix(in srgb, var(--primary) 7%, var(--bg-card))}.admin-recipient-list input{accent-color:var(--primary);margin-top:.15rem}.admin-recipient-list span{gap:.12rem;min-width:0;display:grid}.admin-recipient-list strong,.admin-recipient-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-recipient-list strong{font-size:.76rem}.admin-recipient-list small{color:var(--text-muted);font-size:.66rem}.admin-saved-recipients{border-top:1px solid var(--border-card);margin-top:1rem;padding-top:1rem}.admin-saved-recipients-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.65rem;display:flex}.admin-saved-recipients-heading h3{margin:0;font-size:.88rem}.admin-saved-recipients-heading small{color:var(--text-muted);margin-top:.15rem;font-size:.68rem;display:block}.admin-saved-recipients-heading>strong{color:var(--primary);font-size:.76rem}.admin-saved-recipient-list{gap:.5rem;display:grid}.admin-saved-recipient-list article{border:1px solid var(--border-card);background:var(--bg-card);border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .8rem;display:flex}.admin-saved-recipient-list article>div{gap:.12rem;min-width:0;display:grid}.admin-saved-rule-group{min-width:48px;color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--bg-card));text-align:center;border-radius:999px;flex:none;padding:.25rem .45rem;font-size:.68rem;font-weight:850}.admin-saved-recipient-list article strong,.admin-saved-recipient-list article small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-saved-recipient-list article strong{font-size:.76rem}.admin-saved-recipient-list article small{color:var(--text-muted);font-size:.66rem}.admin-saved-recipient-list article button{border:1px solid color-mix(in srgb, var(--danger) 35%, var(--border-card));color:var(--danger);cursor:pointer;font:inherit;background:0 0;border-radius:8px;flex:none;align-items:center;gap:.25rem;padding:.38rem .55rem;font-size:.7rem;font-weight:750;display:inline-flex}.admin-saved-recipient-list article button:disabled{cursor:wait;opacity:.5}.admin-saved-pagination{justify-content:center;align-items:center;gap:.7rem;margin-top:.75rem;display:flex}.admin-saved-pagination span{color:var(--text-muted);font-size:.7rem;font-weight:700}.admin-saved-pagination button{border:1px solid var(--border-input);color:var(--text-main);background:var(--bg-card);cursor:pointer;font:inherit;border-radius:8px;padding:.35rem .6rem;font-size:.7rem}.admin-saved-pagination button:disabled{cursor:default;opacity:.4}.admin-notification-section{margin-top:1.2rem}.admin-notification-section h2{margin:0 0 .7rem;font-size:1rem}.admin-notification-table-wrap{border:1px solid var(--border-card);border-radius:13px;overflow-x:auto}.admin-notification-table{border-collapse:collapse;width:100%;font-size:.76rem}.admin-notification-table th,.admin-notification-table td{border-bottom:1px solid var(--border-card);text-align:left;vertical-align:top;padding:.7rem .75rem}.admin-notification-table th{color:var(--text-muted);background:var(--bg-subtle);text-transform:uppercase;white-space:nowrap;font-size:.68rem}.admin-notification-table tr:last-child td{border-bottom:0}.admin-notification-table td:nth-child(3){min-width:220px}.admin-notification-table button{border:1px solid var(--border-input);color:var(--primary);background:var(--bg-card);cursor:pointer;font:inherit;white-space:nowrap;border-radius:8px;align-items:center;gap:.3rem;padding:.38rem .55rem;font-weight:750;display:inline-flex}.admin-notification-table button:disabled{cursor:wait;opacity:.5}.admin-table-empty{color:var(--text-muted);text-align:center!important;padding:2rem!important}.admin-send-status{border-radius:999px;padding:.2rem .48rem;font-weight:800;display:inline-flex}.admin-send-status.success{color:#15803d;background:#dcfce7}.admin-send-status.failure{color:#b91c1c;background:#fee2e2}.admin-send-error{max-width:260px;color:var(--danger);overflow-wrap:anywhere;margin-top:.3rem;display:block}@media (width<=1100px){.admin-console{grid-template-columns:180px minmax(330px,1fr) minmax(280px,.75fr)}}@media (width<=900px){.admin-console{grid-template-columns:155px minmax(0,1fr)}.admin-detail-drawer{border-top:1px solid var(--border-card);grid-column:1/-1}.admin-detail-empty{min-height:160px}.admin-notification-panel{grid-column:2}.admin-notification-summary,.admin-recipient-list{grid-template-columns:1fr}}@media (width<=640px){.admin-console{border-radius:16px;display:block}.admin-sidebar{padding:.85rem}.admin-sidebar-brand,.admin-sidebar-note{display:none}.admin-sidebar-nav{grid-template-columns:repeat(6,minmax(90px,1fr));margin:0;padding-bottom:.2rem;overflow-x:auto}.admin-sidebar-nav button{grid-template-columns:auto 1fr;min-width:105px}.admin-sidebar-nav button em{display:none}.admin-list-panel,.admin-detail-drawer{border-right:0;padding:1rem}.admin-notification-panel{padding:1rem}.admin-notification-header,.admin-recipient-heading{flex-direction:column}.admin-recipient-heading-actions{justify-content:space-between;width:100%}.admin-recipient-group{grid-template-columns:1fr;gap:.35rem}.admin-list-toolbar{grid-template-columns:1fr}.admin-compact-item{grid-template-columns:4px minmax(0,1fr) auto}.admin-compact-item>svg,.admin-item-progress small{display:none}}.split-layout-container{align-items:stretch;gap:0;width:100%;min-height:calc(100vh - 180px);transition:gap .4s cubic-bezier(.4,0,.2,1);display:flex}.split-layout-container.preview-active{gap:1rem}.split-left-panel{flex:100%;width:100%;max-width:800px;margin:0 auto;transition:all .4s cubic-bezier(.4,0,.2,1)}.split-left-panel.admin-panel{max-width:1320px}.split-left-panel.preview-active{flex:0 0 clamp(560px,42vw,680px);width:clamp(560px,42vw,680px);max-width:680px;margin:0}.split-left-panel.preview-active .approval-list{grid-template-columns:repeat(2,minmax(0,1fr))}.split-right-panel{opacity:0;pointer-events:none;width:0;max-width:0;height:calc(100vh - 120px);box-shadow:none;border-left:0 solid #0000;border-radius:.75rem;flex:0 0;transition:flex .4s cubic-bezier(.4,0,.2,1),width .4s cubic-bezier(.4,0,.2,1),max-width .4s cubic-bezier(.4,0,.2,1),opacity .3s,transform .4s cubic-bezier(.25,1,.5,1),border-left .4s cubic-bezier(.4,0,.2,1),box-shadow .4s;position:sticky;top:10px;overflow:hidden;transform:translate(50px)scale(.98)}.split-right-panel.open{opacity:1;pointer-events:auto;border-left:1px solid var(--border-card);width:auto;min-width:560px;max-width:none;box-shadow:var(--shadow-md);flex:1 1 0;transform:translate(0)scale(1)}.mobile-preview-overlay{z-index:9999;background-color:var(--bg-app);animation:.35s cubic-bezier(.16,1,.3,1) forwards slideUp;position:fixed;inset:0}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.memo-search{width:100%;min-height:44px;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border-card);box-sizing:border-box;border-radius:.75rem;align-items:center;gap:.65rem;padding:0 .85rem;display:flex}.memo-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent)}.memo-search input{min-width:0;color:var(--text-title);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:.7rem 0}.memo-search input::-webkit-search-cancel-button{display:none}.memo-search button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:.35rem;place-items:center;padding:.25rem;display:grid}.memo-search-count{white-space:nowrap;flex-shrink:0;font-size:.8rem}@media (width<=520px){.memo-search-count{display:none}}.header-actions,.user-profile-copy{align-items:center;display:flex}.header-actions{flex:auto;justify-content:flex-end;gap:.75rem;min-width:0}.header-actions>.user-profile-header{min-width:0}.header-actions>.language-switcher,.header-actions>.theme-toggle{flex:none}.user-profile-copy{flex-direction:column;flex:0 auto;align-items:flex-start;min-width:0;line-height:1.2}.user-profile-active-position{max-width:360px;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;line-height:1.2;display:block;overflow:hidden}.header .user-profile-active-position{color:var(--text-muted)!important}.header .user-position-tabs{border:1px solid var(--border-card);background:var(--bg-app);border-radius:999px;flex-wrap:wrap;align-items:center;gap:.25rem;min-width:0;padding:.2rem;display:flex;overflow:visible}.header .user-position-tabs::-webkit-scrollbar{display:none}.header .user-position-tab{min-height:32px;font-family:var(--font-sans);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;display:inline-flex;color:var(--text-muted)!important;margin:0!important;padding:.35rem .65rem!important}.header .user-profile-header .user-position-tab:hover{background:var(--bg-hover);color:var(--text-title)!important}.header .user-profile-header .user-position-tab.active{background:var(--primary);color:#fff!important}.header .user-position-count{background:var(--bg-card);border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 .3rem;font-size:.65rem;display:inline-grid;color:var(--text-muted)!important}.header .user-position-tab.active .user-position-count{background:#ffffff38;color:#fff!important}@media (width<=1280px){.header .approver-profile{flex-wrap:wrap}.header .approver-profile .user-position-tabs{flex:1 0 100%;order:3;width:100%}.header .approver-profile .user-position-tab{flex:auto;justify-content:center}}.approver-tab-navigation{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;position:relative}.approver-primary-tabs{gap:2rem;min-width:0;display:flex}@media (width<=1024px){:is(#root,#root:has(.desktop-preview-active)){max-width:100%;padding:1.25rem}.header{margin-bottom:1.5rem;padding:.75rem 1rem}.card{padding:1.5rem}.tab-navigation{overscroll-behavior-inline:contain;scrollbar-width:thin;gap:1.25rem;margin-bottom:1.75rem;overflow-x:auto}.tab-item{white-space:nowrap;flex:none;font-size:.95rem}.approver-tab-navigation{overflow:visible}.approver-primary-tabs{max-width:100%;overflow-x:auto}.split-layout-container,.split-layout-container.preview-active{min-height:0;display:block}.split-left-panel,.split-left-panel.preview-active{width:100%;max-width:800px;margin:0 auto}.split-right-panel{display:none}.photos-grid{gap:1rem}.sticky-action-bar{padding-inline:1.25rem}}@media (width>=641px) and (width<=900px){.login-container{align-items:center;width:100%;min-height:100dvh;padding:2rem;position:fixed;inset:0;overflow-y:auto}.login-shell{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:center;gap:1.25rem;width:min(760px,100%)}.login-hero-panel{text-align:left;padding:1rem 0}.login-pill{margin-inline:0;font-size:.72rem}.login-hero-panel h1{margin:1.15rem 0 .8rem;font-size:clamp(2rem,4.5vw,2.5rem);line-height:1.02}.login-hero-panel p{margin-inline:0;font-size:.86rem;line-height:1.55}.login-flow-preview{grid-template-columns:1fr;gap:.5rem;width:min(190px,100%);margin:1.5rem 0 0}.flow-node{justify-content:flex-start;width:100%;min-height:42px}.flow-track{background:linear-gradient(#f3701eb8,#4b607f38);width:2px;min-width:0;height:18px;margin-left:1.45rem}.flow-track:after{width:100%;height:35%;animation:none}.login-card{border-radius:1.4rem;padding:2rem}.login-brand{margin-bottom:1.25rem}.login-logo{height:88px}.login-copy h2{font-size:1.4rem}.login-copy p{margin-bottom:1.25rem}}@media (width<=640px){body{padding-bottom:1.5rem;font-size:15px}:is(#root,#root:has(.desktop-preview-active)){padding:.75rem}.header{border-radius:1rem;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:.75rem;margin-bottom:1rem;padding:.65rem .75rem;display:grid}.logo-container img{width:38px;height:38px!important}.header-actions{grid-template-columns:minmax(0,1fr) 36px;gap:.4rem;width:100%;display:grid}.header .user-profile-header{flex-wrap:wrap;grid-column:1/-1;gap:.45rem;width:100%;min-width:0;max-width:100%;border-radius:.8rem!important;padding:.35rem .5rem!important}.header-actions>.language-switcher{grid-column:1;justify-self:end}.header-actions>.theme-toggle{grid-column:2}.header .requester-profile{flex-wrap:nowrap}.header .user-profile-avatar{flex:0 0 28px}.user-profile-copy{flex:1;overflow:hidden}.user-profile-copy>span,.user-profile-active-position{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.role-selector{width:100%;max-width:150px}.header .user-profile-header>button{flex:none;padding:.35rem;margin-left:0!important}.header .user-position-tabs{order:3;width:100%;overflow-x:auto}.header .user-position-tab{flex:1 0 auto;justify-content:center}.theme-toggle{flex:0 0 36px;width:36px;height:36px}.card,.approval-inbox-card,.request-history-card,.draft-card,.approver-history-card{border-radius:1rem;padding:1rem}.card-title,.drafts-title{font-size:1.15rem}.form-grid{grid-template-columns:minmax(0,1fr);gap:1rem}.form-group-full{grid-column:auto}.form-input,.form-select,.form-textarea{font-size:16px}.tab-navigation{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--primary) 55%, transparent) transparent;gap:.85rem;margin-inline:-.75rem;padding:0 .75rem .35rem}.tab-navigation::-webkit-scrollbar{height:3px}.tab-navigation::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--primary) 55%, transparent);border-radius:999px}.tab-item{scroll-snap-align:start;font-size:.86rem}.approver-tab-navigation{align-items:stretch;margin-inline:0;padding-inline:0}.approver-primary-tabs{gap:1rem;width:100%}.tab-dropdown-container,.tab-dropdown-container>button{width:100%}.tab-dropdown-container>button{justify-content:center}.tab-dropdown-menu{width:100%;min-width:0;left:0;right:0}.photos-grid,.file-list{grid-template-columns:minmax(0,1fr)}.photo-slot{min-height:180px;padding:1rem}.drafts-toolbar-actions,.drafts-action-btn{width:100%}.request-history-card-actions,.approver-history-card-actions{justify-content:space-between;width:100%}.approver-history-card-actions{grid-template-columns:minmax(0,1fr) repeat(3,38px)}.sticky-action-bar{padding:.65rem .75rem max(.65rem, env(safe-area-inset-bottom));border-radius:.85rem;flex-direction:column;align-items:stretch;gap:.55rem}.sticky-action-bar-status,.sticky-action-bar-buttons{width:100%}.sticky-action-bar-status{gap:.35rem;min-width:0;font-size:.72rem;line-height:1.2}.sticky-action-bar-status span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sticky-action-bar-status svg,.sticky-action-bar-status .mini-spinner{flex:none;width:14px;height:14px}.sticky-action-bar-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.sticky-action-bar-buttons .btn{white-space:nowrap;width:100%;min-width:0;line-height:1.1;gap:.25rem!important;min-height:40px!important;padding:.45rem .35rem!important;font-size:.76rem!important}.sticky-action-bar-buttons .btn svg{flex:none;width:14px;height:14px}.memo-requester-section .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"name name""department date""org-unit org-unit";gap:.75rem}.memo-requester-section .requester-field{min-height:78px;padding:.8rem .85rem .7rem}.memo-requester-section .requester-field-name{grid-area:name}.memo-requester-section .requester-field-department{grid-area:department}.memo-requester-section .requester-field-org-unit{grid-area:org-unit}.memo-requester-section .requester-field-date{grid-area:date}.sticky-submit-label-full{display:none}.sticky-submit-label-mobile{display:inline}.signature-controls{flex-wrap:wrap}.signature-controls .btn{flex:140px}.swal2-popup{width:calc(100% - 1.5rem)!important;padding:1rem!important}.login-container{width:calc(100% + 1.5rem);min-height:calc(100dvh - 1.5rem);padding:max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));align-items:center;margin:-.75rem;overflow-y:auto}.login-shell{gap:.75rem;width:100%;max-width:430px}.login-hero-panel{justify-content:center;display:flex}.login-hero-panel h1,.login-hero-panel>p,.login-flow-preview{display:none}.login-pill{letter-spacing:.02em;padding:.42rem .75rem;font-size:.72rem;box-shadow:0 8px 24px #4b607f14}.login-pill svg{width:14px;height:14px}.login-card{background:#ffffffd1;border-radius:1.35rem;padding:1.35rem 1.25rem 1.2rem;box-shadow:0 24px 60px #4b607f29}.login-brand{margin-bottom:.75rem}.login-logo{height:68px}.login-brand p{letter-spacing:.14em;margin-top:.35rem;font-size:.62rem}.login-copy h2{margin-bottom:.25rem;font-size:1.3rem}.login-copy p{max-width:310px;margin:0 auto 1rem;font-size:.82rem;line-height:1.45}.login-form .input-label{margin-bottom:.35rem;font-size:.82rem}.login-input,.login-submit{min-height:50px}.login-submit{margin-top:.75rem;box-shadow:0 12px 24px #4b607f3d}.login-assurance{margin-top:.9rem;padding-top:.85rem;font-size:.72rem}.login-aurora{opacity:.3;width:22rem;height:22rem}}@media (width<=640px) and (height<=640px){.login-container{align-items:flex-start}}@media (width<=360px){.memo-requester-section .form-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:none}.memo-requester-section .requester-field{grid-area:auto}}