:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.dashboard-page{flex-direction:column;gap:22px;padding-bottom:24px;display:flex}.dashboard-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width:100%;display:grid}.dashboard-stat-card{background:linear-gradient(#fffffffa,#f7f5f1eb);border:1px solid #89858029;border-radius:24px;padding:22px;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0f172a0d,0 2px 6px #0f172a0a}.dashboard-stat-card:hover{border-color:#820d0d2e;transform:translateY(-3px);box-shadow:0 16px 34px #0f172a14,0 4px 10px #0f172a0d}.dashboard-stat-card:after{content:"";background:#820d0d0a;border-radius:50%;width:110px;height:110px;position:absolute;top:-40px;right:-40px}.dashboard-stat-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.dashboard-stat-icon{color:#820d0d;background:#820d0d14;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex}.dashboard-stat-top span{color:#8c8c8c;text-align:right;font-size:12px;font-weight:700}.dashboard-stat-card h3{color:#1f2937;margin:0 0 8px;font-size:34px;font-weight:800;line-height:1}.dashboard-stat-card p{color:#6b7280;margin:0;font-size:14px;line-height:1.5}.dashboard-main-grid{grid-template-columns:1.5fr 1fr;gap:18px;display:grid}.dashboard-card{background:linear-gradient(#fffffffa,#f7f5f1eb);border:1px solid #89858029;border-radius:24px;padding:22px;box-shadow:0 10px 30px #0f172a0d,0 2px 6px #0f172a0a}.dashboard-card-large{min-height:100%}.dashboard-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.dashboard-card-header h3{color:#1f2937;margin:0;font-size:22px}.dashboard-table-wrap{width:100%;overflow-x:auto}.dashboard-table{border-collapse:collapse;width:100%}.dashboard-table thead th{color:#6b7280;text-align:left;white-space:nowrap;border-bottom:1px solid #8985802e;padding:14px 16px;font-size:13px;font-weight:700}.dashboard-table tbody td{color:#374151;vertical-align:middle;border-bottom:1px solid #8985801f;padding:16px;font-size:14px}.dashboard-table tbody tr:last-child td{border-bottom:none}.dashboard-table tbody tr:hover{background:#820d0d08}.status-pill{color:#820d0d;background:#820d0d14;border-radius:999px;justify-content:center;align-items:center;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.summary-list{flex-direction:column;gap:12px;display:flex}.summary-row{background:#f8f8f8d9;border:1px solid #89858024;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:15px 16px;transition:all .2s;display:flex}.summary-row:hover{background:#820d0d08}.summary-row span{color:#4b5563;font-size:14px}.summary-row strong{color:#111827;font-size:14px}.document-group-list{flex-direction:column;gap:14px;display:flex}.document-group-item{background:#fafafae6;border:1px solid #89858024;border-radius:20px;grid-template-columns:58px 1fr auto;align-items:center;gap:14px;padding:16px;transition:all .2s;display:grid}.document-group-item:hover{background:#820d0d08;border-color:#820d0d1f}.document-group-icon{color:#820d0d;background:#820d0d14;border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;font-size:22px;display:flex}.document-group-content h4{color:#111827;margin:0 0 6px;font-size:15px}.document-group-content p{color:#6b7280;margin:0;font-size:13px;line-height:1.5}.document-group-total{text-align:right}.document-group-total strong{color:#111827;margin-bottom:5px;font-size:14px;display:block}.document-group-total span{color:#8c8c8c;font-size:12px}.activity-feed{flex-direction:column;gap:14px;display:flex}.activity-feed-item{border-bottom:1px solid #8985801f;align-items:flex-start;gap:12px;padding-bottom:14px;display:flex}.activity-feed-item:last-child{border-bottom:none;padding-bottom:0}.activity-feed-icon{color:#820d0d;background:#820d0d14;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.activity-feed-item p{color:#4b5563;margin:4px 0 0;font-size:14px;line-height:1.6}.dashboard-card p{color:#6b7280}@media (width<=1400px){.dashboard-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1180px){.dashboard-main-grid{grid-template-columns:1fr}}@media (width<=768px){.dashboard-stats-grid{grid-template-columns:1fr}.dashboard-card,.dashboard-stat-card{border-radius:20px}.dashboard-card{padding:18px}.document-group-item{grid-template-columns:1fr}.document-group-total{text-align:left}.dashboard-table thead{display:none}.dashboard-table,.dashboard-table tbody,.dashboard-table tr,.dashboard-table td{width:100%;display:block}.dashboard-table tr{background:#f8f8f8d9;border-radius:18px;margin-bottom:14px;padding:14px}.dashboard-table td{border:none;padding:8px 0}}.categories-page{padding:4px 2px}.primary-btn,.secondary-btn,.btn-primary,.btn-secondary{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:.87rem;font-weight:600;transition:all .2s;display:inline-flex}.primary-btn,.btn-primary,button.primary-btn{color:#fcfcfc!important;background:#820d0d!important;border:1px solid #820d0d!important}.primary-btn:hover,.btn-primary:hover,button.primary-btn:hover{transform:translateY(-1px);background:#650909!important;border-color:#650909!important}.secondary-btn,.btn-secondary,button.secondary-btn{color:#656565!important;background:#fcfcfc!important;border:1px solid #d4d0c7!important}.secondary-btn:hover,.btn-secondary:hover,button.secondary-btn:hover{transform:translateY(-1px);color:#2f2f2f!important;background:#e0ddd5!important;border-color:#c7c2b8!important}.primary-btn:active,.secondary-btn:active,.btn-primary:active,.btn-secondary:active{transform:scale(.97)}.search-box svg{color:#898580}.data-table th{color:#2f2f2f;text-transform:uppercase;letter-spacing:.04em;text-align:left;white-space:nowrap;background:#e0ddd5;border-bottom:1px solid #89858047;padding:13px 16px;font-size:.78rem;font-weight:700}.data-table td{color:#656565;vertical-align:middle;border-bottom:1px solid #89858024;padding:14px 16px;font-size:.9rem}.short-name-badge{color:#2f2f2f;background:#89858024;border-radius:999px;justify-content:center;align-items:center;padding:5px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.edit-btn{color:#656565}.edit-btn:hover{color:#2f2f2f;background:#e0ddd5;border-color:#898580}.delete-btn:hover{color:#d40000;background:#d4000014;border-color:#d4000047}.empty-state{text-align:center;color:#898580!important;padding:28px 16px!important}.modal-overlay,.modal-backdrop{z-index:1000;background:#2f2f2f47;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.category-modal{background:#fcfcfc;border:1px solid #8985803d;border-radius:18px;width:min(520px,100%);animation:.2s modalFadeIn;overflow:hidden;box-shadow:0 24px 60px #2f2f2f33}.wide-modal{width:min(720px,100%)}.modal-header{background:#e0ddd5;border-bottom:1px solid #89858038;justify-content:space-between;align-items:center;gap:12px;padding:20px 22px;display:flex}.modal-header h2{color:#2f2f2f;margin:0;font-size:1.1rem;font-weight:700}.modal-close,.modal-close-btn{color:#656565;cursor:pointer;background:#fcfcfc;border:1px solid #89858040;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.35rem;transition:all .2s;display:flex}.modal-close:hover,.modal-close-btn:hover{color:#d40000;background:#d4000014;border-color:#d4000038}.category-form,.category-modal form{padding:22px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}.form-group input,.form-group textarea,.form-group select{color:#2f2f2f;background:#fcfcfc;border:1px solid #89858059;border-radius:12px;outline:none;width:100%;padding:11px 13px;font-size:.92rem;transition:all .2s}.form-group textarea{resize:vertical;min-height:90px}.modal-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;display:flex}.modal-actions button{min-width:95px}.cancel-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:10px 18px;font-weight:600}.cancel-btn:hover{background:#f9fafb}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.form-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse;align-items:stretch}.modal-actions button{width:100%}}:root{--container-width:1600px;--text-dark:#0f172a;--text-muted:#64748b;--primary:#2563eb;--secondary:#7c3aed;--border:#e2e8f0;--card-bg:#ffffffc7}.landing-page{min-height:100vh;color:var(--text-dark);background:radial-gradient(circle at 0 0,#2563eb2e,#0000 34%),radial-gradient(circle at 100% 0,#7c3aed29,#0000 32%),linear-gradient(#f8fafc 0%,#eef4ff 100%);overflow-x:hidden}.landing-header,.hero-section,.features-section,.workflow-section{width:min(var(--container-width), calc(100% - 80px))}.landing-header{justify-content:space-between;align-items:center;margin:0 auto;padding:10px 0 0;display:flex}.brand img{object-fit:contain;width:auto;height:80px;display:block}.landing-nav{align-items:center;gap:30px;display:flex}.landing-nav a{color:#475569;font-size:15px;font-weight:700;text-decoration:none}.login-btn{background:#0f172a;border-radius:999px;padding:12px 24px;box-shadow:0 14px 30px #0f172a2e;color:#fff!important}.hero-section{grid-template-columns:1.08fr .92fr;align-items:center;gap:95px;min-height:calc(100vh - 150px);margin:-10px auto 90px;display:grid;position:relative}.hero-glow{filter:blur(100px);z-index:0;background:#2563eb38;border-radius:50%;width:440px;height:440px;position:absolute;top:0;right:80px}.hero-content,.hero-dashboard{z-index:1;position:relative}.hero-badge{color:var(--primary);background:#ffffffd1;border-radius:999px;margin-bottom:16px;padding:10px 18px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 10px 30px #0f172a14}.hero-content h1{letter-spacing:-3px;max-width:850px;color:var(--text-dark);margin:0 0 16px;font-size:clamp(48px,5.5vw,82px);line-height:.98}.hero-content h1 span{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-content p{max-width:760px;color:var(--text-muted);margin:0 0 26px;font-size:18px;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.primary-btn,.secondary-btn{border-radius:16px;padding:16px 30px;font-weight:900;text-decoration:none}.primary-btn{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;box-shadow:0 18px 40px #2563eb47}.secondary-btn{color:var(--text-dark);border:1px solid var(--border);background:#fff}.hero-highlights{flex-wrap:wrap;gap:20px;margin-top:34px;display:flex}.hero-highlights div{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #e2e8f0e6;border-radius:22px;min-width:160px;padding:20px}.hero-highlights strong{color:var(--text-dark);font-size:28px;display:block}.hero-highlights span{color:var(--text-muted);font-size:14px}.hero-dashboard{justify-content:center;align-items:center;min-height:540px;display:flex}.home-dashboard-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffc7;border:1px solid #e2e8f0f2;border-radius:36px;width:100%;max-width:660px;min-height:500px;padding:32px;box-shadow:0 34px 90px #0f172a2b}.dashboard-header{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.dashboard-header span{color:var(--text-muted);font-size:14px}.dashboard-header h3{margin:6px 0 0;font-size:32px}.dashboard-header small{color:#15803d;background:#dcfce7;border-radius:999px;padding:8px 14px;font-weight:900}.search-preview{border:1px solid var(--border);color:#94a3b8;background:#f8fafc;border-radius:20px;justify-content:space-between;margin-bottom:26px;padding:18px 20px;display:flex}.search-preview strong{color:var(--primary)}.document-list{gap:16px;display:grid}.document-item{background:#fff;border:1px solid #eef2f7;border-radius:22px;grid-template-columns:48px 1fr auto;align-items:center;gap:16px;padding:19px;display:grid}.document-item strong{color:var(--text-dark);font-size:16px;display:block}.document-item span{color:var(--text-muted);font-size:14px}.document-item small{color:var(--primary);font-weight:900}.doc-icon{border-radius:16px;width:48px;height:48px}.doc-icon.blue{background:linear-gradient(135deg,#60a5fa,#2563eb)}.doc-icon.green{background:linear-gradient(135deg,#34d399,#059669)}.doc-icon.violet{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.floating-card{background:#fff;border:1px solid #eef2f7;border-radius:24px;padding:20px 26px;position:absolute;box-shadow:0 24px 60px #0f172a24}.floating-card strong{color:var(--text-dark);font-size:30px;display:block}.floating-card span{color:var(--text-muted);font-size:14px}.floating-card.top{top:10px;right:-20px}.floating-card.bottom{bottom:25px;left:-25px}.features-section{margin:0 auto 90px}.section-heading{max-width:820px;margin-bottom:40px}.section-heading span,.workflow-section span{color:var(--primary);text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:900}.section-heading h2,.workflow-section h2{color:var(--text-dark);letter-spacing:-1.5px;margin:12px 0;font-size:clamp(36px,4vw,54px);line-height:1.08}.section-heading p{color:var(--text-muted);font-size:18px;line-height:1.75}.features-grid{grid-template-columns:repeat(4,minmax(280px,1fr));gap:24px;display:grid}.feature-card{background:#fff;border:1px solid #e8edf5;border-radius:32px;min-height:280px;padding:34px;transition:all .25s;box-shadow:0 18px 45px #0f172a0f}.feature-card:hover{transform:translateY(-7px);box-shadow:0 28px 65px #0f172a1a}.feature-card span{color:var(--primary);font-weight:900}.feature-card h3{color:var(--text-dark);margin:20px 0 12px;font-size:23px}.feature-card p{color:var(--text-muted);line-height:1.75}.workflow-section{color:#fff;background:radial-gradient(circle at 100% 0,#7c3aed47,#0000 34%),#0f172a;border-radius:38px;grid-template-columns:.85fr 1.15fr;align-items:center;gap:40px;margin:0 auto 90px;padding:52px;display:grid}.workflow-section h2{color:#fff;margin-bottom:0}.workflow-steps{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.workflow-steps div{text-align:center;background:#ffffff17;border:1px solid #ffffff21;border-radius:20px;padding:22px;font-weight:900}@media (width>=1800px){:root{--container-width:1700px}.hero-section{gap:120px}}@media (width<=1200px){.hero-section{grid-template-columns:1fr;gap:50px;min-height:auto;margin-top:10px}.hero-content h1,.hero-content p{max-width:100%}.features-grid{grid-template-columns:repeat(2,1fr)}.workflow-section{grid-template-columns:1fr}}@media (width<=768px){.landing-header,.hero-section,.features-section,.workflow-section{width:min(100% - 32px, var(--container-width))}.landing-header{padding-top:8px}.brand img{height:90px}.landing-nav a:not(.login-btn){display:none}.hero-section{margin:0 auto 70px;padding-top:0}.hero-content h1{letter-spacing:-1.5px;font-size:42px}.hero-content p{font-size:16px}.hero-dashboard{min-height:auto}.dashboard-card{min-height:auto;padding:24px}.features-grid,.workflow-steps{grid-template-columns:1fr}.floating-card{display:none}.workflow-section{padding:30px}}@media (width<=480px){.brand img{height:70px}.login-btn{padding:10px 18px}.hero-content h1{font-size:36px}.hero-actions{flex-direction:column}.primary-btn,.secondary-btn{text-align:center;width:100%}.document-item{grid-template-columns:42px 1fr}.document-item small{grid-column:2}}body{background:#fcfcfc;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-page{background:radial-gradient(circle at 0 0,#820d0d12,#0000 26%),radial-gradient(circle at 100% 100%,#89858029,#0000 28%),linear-gradient(#fcfcfc 0%,#e0ddd5 100%);justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.login-wrapper{background:#fcfcfc;border:1px solid #8985803d;border-radius:24px;grid-template-columns:1fr 460px;width:100%;max-width:1040px;min-height:620px;display:grid;overflow:hidden;box-shadow:0 24px 70px #65656529}.login-brand-panel{background:radial-gradient(circle at 18% 18%,#820d0d17,#0000 34%),linear-gradient(135deg,#fcfcfc 0%,#e0ddd5 100%);border-right:1px solid #89858033;align-items:center;padding:64px;display:flex;position:relative}.brand-overlay{display:none}.brand-content{max-width:460px}.brand-badge{color:#820d0d;letter-spacing:.3px;background:#820d0d14;border-radius:999px;align-items:center;margin-bottom:22px;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex}.brand-content h1{color:#2f2f2f;margin:0 0 16px;font-size:44px;font-weight:700;line-height:1.1}.brand-content p{color:#656565;margin:0;font-size:16px;line-height:1.8}.brand-features{gap:14px;margin-top:32px;display:grid}.feature-item{color:#656565;align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex}.feature-dot{background:#898580;border-radius:50%;flex-shrink:0;width:10px;height:10px}.login-form-panel{background:#fcfcfc;justify-content:center;align-items:center;padding:48px;display:flex}.login-form-box{width:100%;max-width:360px}.login-header{margin-bottom:28px}.login-header h2{color:#2f2f2f;margin:0 0 8px;font-size:30px;font-weight:700}.login-header p{color:#656565;margin:0;font-size:14px;line-height:1.6}.login-form{flex-direction:column;gap:18px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:#656565;font-size:13px;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#898580;font-size:18px;position:absolute;left:14px}.input-wrapper input{color:#2f2f2f;background:#fcfcfc;border:1px solid #89858059;border-radius:14px;outline:none;width:100%;height:52px;padding:0 44px;font-size:14px;transition:all .2s}.input-wrapper input::placeholder{color:#898580}.input-wrapper input:focus{border-color:#820d0d7a;box-shadow:0 0 0 4px #820d0d14}.password-toggle{color:#898580;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:18px;display:flex;position:absolute;right:14px}.password-toggle:hover{color:#656565}.login-options{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.remember-me{color:#656565;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.remember-me input{accent-color:#820d0d}.forgot-btn{color:#820d0d;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:700}.forgot-btn:hover{color:#650909;text-decoration:underline}.login-btn{color:#fcfcfc;cursor:pointer;background:#820d0d;border:1px solid #820d0d;border-radius:14px;justify-content:center;align-items:center;gap:10px;height:52px;margin-top:6px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 14px 28px #820d0d2e}.login-btn:hover{background:#650909;border-color:#650909;transform:translateY(-1px)}.login-footer{text-align:center;margin-top:22px}.login-footer p{color:#898580;margin:0;font-size:12px;line-height:1.5}.reset-modal-backdrop{z-index:9999;background:#2f26338c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.reset-modal{background:#fffaf7;border:1px solid #eadfd8;border-radius:24px;width:100%;max-width:460px;padding:34px;position:relative;box-shadow:0 20px 60px #4b243833}.reset-modal-close{color:#4b2438;cursor:pointer;background:#f1e7e1;border:none;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:18px;right:18px}.reset-modal-header h3{color:#321827;margin:0;font-size:24px;font-weight:700}.reset-modal-header p{color:#6f6470;margin:10px 0 24px;font-size:14px;line-height:1.6}.reset-form{flex-direction:column;gap:18px;display:flex}.success-message-box{color:#146c43;background:#e8f7ee;border-radius:14px;margin-bottom:18px;padding:14px 16px;font-size:14px;font-weight:600}@media (width<=992px){.login-wrapper{grid-template-columns:1fr;max-width:520px;min-height:auto}.login-brand-panel{display:none}.login-form-panel{padding:40px 28px}.login-form-box{max-width:100%}}@media (width<=576px){.login-page{padding:18px}.login-wrapper{border-radius:20px}.login-form-panel{padding:32px 20px}.login-header h2{font-size:26px}.input-wrapper input,.login-btn{height:50px}}.error-message-box{color:#820d0d;background:#820d0d0d;border:1px solid #820d0d33;border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:13.5px;font-weight:500;animation:.3s ease-out slideDown;display:flex}.error-icon{flex-shrink:0;font-size:18px}.input-wrapper.input-error input{background:#820d0d03;border-color:#820d0d66}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}:root{--bg-panel:#fcfcfce6;--bg-hover:#e0ddd557;--bg-active:linear-gradient(135deg, #820d0d1f, #e0ddd56b);--border-soft:#89858038;--border-soft-2:#89858029;--text-primary:#2f2f2f;--text-secondary:#656565;--text-muted:#898580;--accent-maroon:#820d0d;--accent-maroon-dark:#5f0909;--danger:#d40000;--shadow-soft:0 12px 30px #6565650f;--shadow-float:0 18px 40px #6565651f;--radius-xl:24px;--radius-lg:20px;--radius-md:16px}.sidebar{border-right:1px solid var(--border-soft);-webkit-backdrop-filter:blur(16px);z-index:120;background:linear-gradient(#fcfcfcf5,#e0ddd570),radial-gradient(circle at 0 0,#820d0d14,#0000 30%),radial-gradient(circle at 100% 100%,#6565650f,#0000 28%);flex-direction:column;align-self:flex-start;width:290px;min-width:290px;min-height:100vh;padding:20px 16px;display:flex;position:sticky;top:0;box-shadow:inset -1px 0 #fcfcfcb3}.sidebar-top{margin-bottom:14px}.brand-box{border-radius:var(--radius-lg);border:1px solid var(--border-soft-2);box-shadow:var(--shadow-soft);background:#fcfcfcc7;align-items:center;gap:12px;padding:14px;display:flex;position:relative}.brand-text{min-width:0}.brand-text h2{color:var(--text-primary);margin:0;font-size:16px;font-weight:700;line-height:1.2}.brand-text p{color:var(--text-secondary);margin:4px 0 0;font-size:12px;line-height:1.3}.sidebar-close-btn{border:1px solid var(--border-soft);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:#fcfcfce6;border-radius:12px;justify-content:center;align-items:center;margin-left:auto;transition:all .22s;display:none}.sidebar-close-btn:hover{color:var(--text-primary);background:#e0ddd55c;border-color:#820d0d33}.sidebar-divider{background:linear-gradient(90deg,#0000,#8985804d 10% 90%,#0000);width:100%;height:1px;margin:14px 0}.sidebar-nav{flex-direction:column;flex:auto;gap:8px;display:flex}.nav-item{width:100%;color:var(--text-secondary);border:1px solid #0000;border-radius:16px;align-items:center;gap:12px;padding:13px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:all .22s;display:flex;position:relative}.nav-item svg{color:var(--text-muted);flex-shrink:0;font-size:18px}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary);border-color:#89858033;transform:translate(2px)}.nav-item:hover svg{color:var(--accent-maroon)}.nav-item.active{background:var(--bg-active);color:var(--text-primary);border:1px solid #820d0d33;box-shadow:0 10px 24px #820d0d14}.nav-item.active:before{content:"";background:linear-gradient(#820d0d,#d40000);border-radius:999px;width:4px;position:absolute;top:10px;bottom:10px;left:8px}.nav-item.active svg{color:var(--accent-maroon)}.sidebar-bottom{margin-top:auto;padding-top:14px}.logout-btn{color:#9f1616;cursor:pointer;background:#d400000e;border:1px solid #d400002e;border-radius:16px;align-items:center;gap:12px;width:100%;padding:13px 14px;font-size:14px;font-weight:600;transition:all .22s;display:flex}.logout-btn svg{flex-shrink:0;font-size:18px}.logout-btn:hover{color:var(--danger);background:#d400001a;border-color:#d4000042}.logout-btn:active,.nav-item:active,.sidebar-close-btn:active{transform:scale(.98)}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#89858057;border-radius:999px}.sidebar::-webkit-scrollbar-thumb:hover{background:#8985807a}.nav-group{width:100%}.nav-parent{cursor:pointer;background:0 0;border:0;width:100%}.nav-chevron{margin-left:auto;transition:transform .2s}.nav-parent-open .nav-chevron{transform:rotate(180deg)}.nav-submenu{border-left:1px solid #8985803d;flex-direction:column;margin:4px 0 6px;padding-left:18px;display:flex}.nav-subitem{color:var(--text-secondary);border-radius:10px;align-items:center;gap:10px;margin-top:2px;margin-bottom:2px;padding:9px 12px;font-size:.86rem;text-decoration:none;transition:all .2s;display:flex}.nav-subitem:hover,.nav-subitem.active{color:var(--accent-maroon);background:#820d0d14}.brand-box-custom{border-radius:var(--radius-lg);border:1px solid var(--border-soft-2);min-height:80px;box-shadow:var(--shadow-soft);background:#fcfcfcc7;justify-content:center;align-items:center;padding:20px 10px;display:flex;position:relative;overflow:hidden}.brand-logo-large{object-fit:cover;width:100%;height:auto;max-height:60px;transition:all .3s}.brand-logo-fallback{color:#fcfcfc;background:linear-gradient(135deg,#820d0d,#5f0909);border-radius:16px;place-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:grid}@media (width<=991px){.sidebar-close-btn{display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.sidebar{height:100vh;min-height:100vh;box-shadow:var(--shadow-float);transition:transform .28s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close-btn{display:inline-flex}}@media (width<=576px){.sidebar{width:88vw;min-width:88vw;padding:16px 14px}.brand-box{padding:12px}.brand-logo{border-radius:14px;width:40px;height:40px;font-size:16px}.nav-item,.logout-btn{padding:12px 13px;font-size:13.5px}}.top-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:100;background:linear-gradient(#fcfcfcf5,#e0ddd56b),radial-gradient(circle at 0 0,#820d0d14,#0000 30%);border:1px solid #89858038;border-radius:22px;justify-content:space-between;align-items:center;width:100%;margin-bottom:18px;padding:16px 20px;display:flex;position:relative;box-shadow:0 14px 35px #65656512}.header-left{align-items:center;gap:14px;display:flex}.menu-toggle-btn{color:#2f2f2f;cursor:pointer;background:#fcfcfc;border:1px solid #89858038;border-radius:14px;place-items:center;width:44px;height:44px;transition:all .2s;display:grid}.menu-toggle-btn:hover{color:#820d0d;background:#e0ddd557;border-color:#820d0d38}.menu-toggle-btn:active{transform:scale(.96)}.header-left h1{color:#2f2f2f;margin:0;font-size:20px;font-weight:700}.header-left p{color:#656565;margin:4px 0 0;font-size:13px}.header-right{align-items:center;gap:12px;display:flex}.search-box{background:#fcfcfc;border:1px solid #89858038;border-radius:16px;align-items:center;gap:10px;min-width:260px;padding:12px 14px;transition:all .2s;display:flex}.search-box svg{color:#898580;font-size:16px}.search-box input::placeholder{color:#898580}.icon-btn{color:#2f2f2f;cursor:pointer;background:#fcfcfc;border:1px solid #89858038;border-radius:14px;place-items:center;width:44px;height:44px;transition:all .2s;display:grid}.icon-btn:active{transform:scale(.96)}.profile-container{position:relative}.profile-box{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fcfcfc;border:1px solid #89858038;border-radius:16px;align-items:center;gap:10px;padding:8px 12px;transition:all .2s;display:flex}.profile-box:hover,.profile-box.active{background:#e0ddd557;border-color:#820d0d2e}.profile-avatar{color:#fcfcfc;background:linear-gradient(135deg,#820d0d,#5f0909);border-radius:12px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 10px 20px #820d0d33}.profile-text{flex-direction:column;display:flex}.profile-text strong{color:#2f2f2f;font-size:13px;line-height:1.2}.profile-text span{color:#898580;font-size:11px}.dropdown-arrow{color:#898580;margin-left:4px;font-size:14px;transition:transform .2s}.dropdown-arrow.open{color:#820d0d;transform:rotate(180deg)}.profile-dropdown-menu{z-index:1000;background:#fcfcfc;border:1px solid #89858038;border-radius:16px;flex-direction:column;gap:2px;min-width:200px;padding:6px;animation:.15s ease-out forwards slideDownDrop;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px #6565651f}@keyframes slideDownDrop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{color:#2f2f2f;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.dropdown-item svg{color:#898580;font-size:16px;transition:color .15s}.dropdown-item:hover{color:#820d0d;background:#e0ddd557}.dropdown-item:hover svg{color:#820d0d}.dropdown-divider{background:#89858026;border:0;height:1px;margin:4px 6px}.dropdown-item.logout:hover{color:#820d0d;background:#820d0d14}.dropdown-item.logout:hover svg{color:#820d0d}.change-password-backdrop{z-index:9999;background:#2f26338c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.change-password-modal{background:#fffaf7;border:1px solid #eadfd8;border-radius:24px;width:100%;max-width:460px;padding:34px;position:relative;box-shadow:0 20px 60px #4b243833}.change-password-close{color:#4b2438;cursor:pointer;background:#f1e7e1;border:none;border-radius:12px;width:36px;height:36px;position:absolute;top:18px;right:18px}.change-password-header h3{color:#321827;margin:0;font-size:24px}.change-password-header p{color:#6f6470;margin:10px 0 24px;font-size:14px}.change-password-form{flex-direction:column;gap:18px;display:flex}.change-password-group label{color:#321827;margin-bottom:8px;font-size:14px;font-weight:700;display:block}.change-password-input{color:#4b2438;background:#fbf7f4;border:1px solid #eadfd8;border-radius:14px;align-items:center;gap:10px;padding:0 14px;display:flex}.change-password-input input{color:#2f2633;background:0 0;border:none;outline:none;flex:1;padding:14px 0}.change-password-input button{color:#4b2438;cursor:pointer;background:0 0;border:none;display:flex}.change-password-submit{color:#fff;cursor:pointer;background:#4b2438;border:none;border-radius:14px;padding:14px 20px;font-weight:700}@media (width<=992px){.search-box{display:none}}@media (width<=768px){.top-header{flex-direction:column;align-items:stretch;gap:12px}.header-right{justify-content:space-between}.profile-text{display:flex}}.app-footer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffffe6,#ffffffc7),radial-gradient(circle at 100% 100%,#47c3a70f,#0000 30%);border:1px solid #e5ebf2;border-radius:20px;justify-content:center;align-items:center;margin-top:18px;padding:16px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #1322310d}.app-footer:before{content:"";opacity:.6;background:linear-gradient(90deg,#4f8dff,#47c3a7);border-radius:999px;height:2px;position:absolute;top:0;left:20px;right:20px}.app-footer p{color:#6f7f90;letter-spacing:.2px;text-align:center;margin:0;font-size:13px}.app-footer:hover{box-shadow:0 16px 40px #1322310f}@media (width<=768px){.app-footer{padding:14px 16px}.app-footer p{font-size:12px}}:root{--layout-bg:#f5f7fb;--text-primary:#162330;--primary-color:#820d0d}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top left, #4f8dff14, transparent 24%), radial-gradient(circle at bottom right, #47c3a714, transparent 24%), var(--layout-bg);color:var(--text-primary);font-family:Inter,Segoe UI,sans-serif}*{box-sizing:border-box}.app-shell{align-items:stretch;min-height:100vh;display:flex;position:relative}.main-section{flex-direction:column;flex:1;min-width:0;min-height:100vh;padding:18px 18px 18px 20px;display:flex}.page-content{flex:1 0 auto;min-width:0;display:block}.page-content>*{width:100%}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);z-index:110;background:#1623302e;animation:.22s fadeInOverlay;position:fixed;inset:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@media (width>=992px){.sidebar-overlay{display:none}}@media (width<=991px){.app-shell{display:block}.main-section{min-height:100vh;padding:16px}}@media (width<=768px){.main-section{padding:14px}}@media (width<=480px){.main-section{padding:12px}}.storage-page{padding:4px 2px}.primary-btn,.secondary-btn{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:.87rem;font-weight:600;transition:all .2s;display:inline-flex}.primary-btn{color:#fcfcfc!important;background:#820d0d!important;border:1px solid #820d0d!important}.secondary-btn{color:#656565!important;background:#fcfcfc!important;border:1px solid #d4d0c7!important}.archive-btn{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:.87rem;font-weight:600;transition:all .2s;display:inline-flex;color:#4b5563!important;background:#f9fafb!important;border:1px solid #d1d5db!important}.archive-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000000d;color:#1f2937!important;background:#f3f4f6!important;border-color:#9ca3af!important}.archive-btn:hover svg{color:#820d0d}.icon-btn:hover{color:#2f2f2f;background:#e0ddd5;border-color:#898580}.table-card{background:#fcfcfc;border:1px solid #89858038;border-radius:16px;margin-bottom:24px;overflow:hidden;box-shadow:0 8px 24px #65656512}.table-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:16px;padding-inline:16px;display:flex}.breadcrumb-trail{align-items:center;gap:8px;margin-top:8px;font-size:.9rem;display:flex}.breadcrumb-link{color:#820d0d;cursor:pointer;font-weight:500}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-sep{color:#9ca3af;font-size:.8rem}.suggested-wrapper{padding:20px}.card-header-simple{border-bottom:1px solid #8985801a;margin-bottom:16px;padding-bottom:12px}.section-subtitle{color:#2f2f2f;margin:0;font-size:1rem;font-weight:700}.suggested-card{cursor:pointer;background:#fcfcfc;border:1px solid #89858033;border-radius:12px;align-items:center;gap:14px;padding:14px;transition:all .2s;display:flex}.suggested-card:hover{background:#fff;border-color:#820d0d;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.suggested-info{flex-direction:column;display:flex}.suggested-name{color:#2f2f2f;white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:.9rem;font-weight:600;overflow:hidden}.view-switcher{background:#f1f3f5;border:1px solid #e9ecef;border-radius:8px;padding:4px;display:flex}.view-btn{color:#6c757d;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.view-btn.active{color:#820d0d;background:#fff;box-shadow:0 2px 4px #0000001a}.data-table th{color:#2f2f2f;text-transform:uppercase;text-align:left;background:#e0ddd5;border-bottom:1px solid #89858047;padding:13px 16px;font-size:.78rem;font-weight:700}.fw-semibold{color:#2f2f2f;font-weight:600}.file-grid{background:#f8f9fa;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;padding:20px;display:grid}.grid-snippet{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.75rem;line-height:1.4;display:-webkit-box;overflow:hidden}.drive-preview-card{cursor:pointer;background:#fff;border:1px solid #0000000d;border-radius:16px;flex-direction:column;padding:12px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000005}.drive-preview-card:hover{background:#f1f3f4;box-shadow:0 0 0 1px #820d0d,0 4px 12px #0000001a}.preview-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.header-left{align-items:center;gap:10px;display:flex;overflow:hidden}.file-name-text{color:#202124;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.preview-card-body{background:#fff;border:1px solid #00000008;border-radius:8px;justify-content:center;align-items:center;height:140px;margin-bottom:12px;display:flex;overflow:hidden}.preview-placeholder{color:#5f6368;opacity:.7}.preview-card-footer{align-items:center;gap:10px;padding-top:4px;display:flex}.user-avatar-small img{object-fit:cover;border-radius:50%;width:24px;height:24px}.activity-text{color:#5f6368;font-size:.75rem}.icon-btn-tiny{color:#5f6368;cursor:pointer;background:0 0;border:none;border-radius:50%;align-items:center;padding:4px;display:flex}.icon-btn-tiny:hover{background:#0000000d}.primary-text{color:#820d0d}.search-highlight{color:#820d0d;background-color:#820d0d1f;border-radius:2px;padding:0 2px;font-weight:700}.search-metadata{background:#f8fafc;border-left:3px solid #820d0d;border-radius:0 6px 6px 0;margin-top:6px;padding:6px 10px}.empty-state-container{background:#fff;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:400px;display:flex}.empty-state-content{text-align:center;max-width:300px}.empty-icon-circle{color:#adb5bd;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex}.empty-state-content h3{color:#343a40;margin-bottom:8px;font-size:1.25rem}.empty-state-content p{color:#6c757d;margin-bottom:24px;font-size:.95rem}.empty-state-content .primary-btn{margin:0 auto}.context-menu{z-index:10000;background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:180px;padding:6px;animation:.15s ease-out contextMenuFade;position:fixed;box-shadow:0 10px 25px #0f172a26}@keyframes contextMenuFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{color:#374151;cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.context-menu-item:hover{color:#111827;background:#f3f4f6}.context-menu-item svg{color:#6b7280;font-size:1.1rem}.context-menu-item.text-danger{color:#dc2626}.context-menu-item.text-danger:hover{background:#fef2f2}.context-menu-divider{background:#e5e7eb;height:1px;margin:6px 4px}.ProseMirror{word-wrap:break-word;white-space:pre-wrap;white-space:break-spaces;-webkit-font-variant-ligatures:none;font-variant-ligatures:none;font-feature-settings:"liga" 0;position:relative}.ProseMirror pre{white-space:pre-wrap}.ProseMirror li{position:relative}.ProseMirror-hideselection ::selection{background:0 0}.ProseMirror-hideselection ::selection{background:0 0}.ProseMirror-hideselection{caret-color:#0000}.ProseMirror [draggable][contenteditable=false]{-webkit-user-select:text;user-select:text}.ProseMirror-selectednode{outline:2px solid #8cf}li.ProseMirror-selectednode{outline:none}li.ProseMirror-selectednode:after{content:"";pointer-events:none;border:2px solid #8cf;position:absolute;inset:-2px -2px -2px -32px}img.ProseMirror-separator{border:none!important;margin:0!important;display:inline!important}.prosemirror-editor-wrapper{min-height:100%}.prosemirror-editor{width:var(--page-width,8.5in)}.prosemirror-editor .ProseMirror{width:var(--page-width,8.5in);min-height:var(--page-height,11in);padding-top:var(--margin-top,72px);padding-bottom:var(--margin-bottom,72px);padding-left:var(--margin-left,72px);padding-right:var(--margin-right,72px);color:#000;white-space:pre-wrap;word-wrap:break-word;tab-size:48;box-sizing:border-box;background:#fff;outline:none;font-family:Calibri,Arial,sans-serif;font-size:11pt;position:relative;box-shadow:0 2px 8px #00000026}.prosemirror-editor .ProseMirror .docx-page-break{height:40px;margin:0 calc(-1 * var(--margin-left,72px));margin-right:calc(-1 * var(--margin-right,72px));background:var(--doc-bg);pointer-events:none;border:none;display:block;position:relative}.prosemirror-editor .ProseMirror .docx-page-break:before{content:"";background:linear-gradient(#0000,#00000014);height:8px;position:absolute;bottom:0;left:0;right:0}.prosemirror-editor .ProseMirror .docx-page-break:after{content:"";background:linear-gradient(#00000014,#0000);height:8px;position:absolute;top:0;left:0;right:0}.prosemirror-editor .ProseMirror [data-page-break-before=true]{break-before:page}.prosemirror-editor .ProseMirror .docx-page-break-line{height:1px;margin:20px calc(-1 * var(--margin-left,72px));margin-right:calc(-1 * var(--margin-right,72px));border-top:1px dashed var(--doc-border);display:block;position:relative}.prosemirror-editor .ProseMirror .docx-page-break-line:before{content:"Page Break";background:var(--doc-bg);color:var(--doc-text-muted);white-space:nowrap;padding:0 8px;font-size:10px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.prosemirror-editor .ProseMirror:focus{outline:none}.prosemirror-editor .ProseMirror p{white-space:pre-wrap;word-wrap:break-word;min-height:1em;margin:0;padding:0;line-height:normal;display:block}.prosemirror-editor .ProseMirror p:empty:before{content:" "}.prosemirror-editor .ProseMirror span{white-space:pre-wrap;display:inline}.prosemirror-editor .ProseMirror .docx-list-bullet,.prosemirror-editor .ProseMirror .docx-list-numbered{padding-left:48px;position:relative}.prosemirror-editor .ProseMirror [data-list-marker]:before{content:attr(data-list-marker);text-align:right;white-space:nowrap;width:44px;position:absolute;left:0}.prosemirror-editor .ProseMirror .docx-list-bullet:not([data-list-marker]):before{content:"•";text-align:right;width:44px;position:absolute;left:0}.prosemirror-editor .ProseMirror .docx-list-numbered:not([data-list-marker]){counter-increment:list-counter}.prosemirror-editor .ProseMirror .docx-list-decimal:not([data-list-marker]):before{content:counter(list-counter) ".";text-align:right;width:44px;position:absolute;left:0}.prosemirror-editor .ProseMirror .docx-list-lower-roman:not([data-list-marker]):before{content:counter(list-counter, lower-roman) ".";text-align:right;width:44px;position:absolute;left:0}.prosemirror-editor .ProseMirror .docx-list-upper-roman:not([data-list-marker]):before{content:counter(list-counter, upper-roman) ".";text-align:right;width:44px;position:absolute;left:0}.prosemirror-editor .ProseMirror .docx-list-lower-alpha:not([data-list-marker]):before{content:counter(list-counter, lower-alpha) ".";text-align:right;width:44px;position:absolute;left:0}.prosemirror-editor .ProseMirror .docx-list-upper-alpha:not([data-list-marker]):before{content:counter(list-counter, upper-alpha) ".";text-align:right;width:44px;position:absolute;left:0}.prosemirror-editor .ProseMirror .docx-list-level-0:not([data-list-marker]):first-of-type{counter-reset:list-counter}.prosemirror-editor .ProseMirror .docx-list-level-1{margin-left:.5in}.prosemirror-editor .ProseMirror .docx-list-level-2{margin-left:1in}.prosemirror-editor .ProseMirror .docx-list-level-3{margin-left:1.5in}.prosemirror-editor .ProseMirror .docx-list-level-4{margin-left:2in}.prosemirror-editor .ProseMirror .docx-list-level-5{margin-left:2.5in}.prosemirror-editor .ProseMirror .docx-list-level-6{margin-left:3in}.prosemirror-editor .ProseMirror .docx-list-level-7{margin-left:3.5in}.prosemirror-editor .ProseMirror .docx-list-level-8{margin-left:4in}.prosemirror-editor .ProseMirror ::selection{background:#4285f44d}.prosemirror-editor[data-placeholder]:before{content:attr(data-placeholder);color:#aaa;pointer-events:none;position:absolute}.prosemirror-editor .ProseMirror img.docx-image{object-fit:contain;vertical-align:baseline;outline:none;max-width:100%;display:inline}.prosemirror-editor .ProseMirror img.docx-image-float-left{clear:left}.prosemirror-editor .ProseMirror img.docx-image-float-right{clear:right}.prosemirror-editor .ProseMirror img.docx-image-block{clear:both}.prosemirror-editor .ProseMirror p:has(>img.docx-image-block:only-child){text-align:center;text-indent:0!important}.prosemirror-editor .ProseMirror p:has(img.docx-image-float):after{content:"";clear:both;display:table}.prosemirror-editor .ProseMirror img.docx-image.ProseMirror-selectednode{outline:2px solid var(--doc-primary,#4285f4);outline-offset:2px;cursor:grab}.prosemirror-editor .ProseMirror.pm-image-dragging img.docx-image.ProseMirror-selectednode{opacity:.4;outline:2px dashed var(--doc-primary,#4285f4);cursor:grabbing}.prosemirror-editor .ProseMirror img:not(.docx-image){max-width:100%;height:auto}.prosemirror-editor .ProseMirror .docx-shape{vertical-align:middle;cursor:pointer;line-height:0;display:inline-block}.prosemirror-editor .ProseMirror .docx-shape.ProseMirror-selectednode{outline:2px solid var(--doc-primary,#4285f4);outline-offset:2px}.prosemirror-editor .ProseMirror .docx-textbox{cursor:text;border-radius:2px;margin:4px 0}.prosemirror-editor .ProseMirror .docx-textbox.ProseMirror-selectednode{outline:2px solid var(--doc-primary,#4285f4);outline-offset:2px}.prosemirror-editor .ProseMirror a{color:var(--doc-link);text-decoration:underline}.prosemirror-editor .ProseMirror a:hover{color:var(--doc-primary-hover)}.prosemirror-editor .ProseMirror .docx-footnote-ref,.prosemirror-editor .ProseMirror .docx-endnote-ref{color:var(--doc-link,#06c);cursor:pointer;vertical-align:super;font-size:smaller}.prosemirror-editor .ProseMirror .docx-footnote-ref:hover,.prosemirror-editor .ProseMirror .docx-endnote-ref:hover{text-decoration:underline}.prosemirror-editor .ProseMirror hr{border:none;border-top:1px solid #000;height:0;margin:12pt 0}.prosemirror-editor .ProseMirror table.docx-table{border-collapse:collapse;max-width:100%;margin:12pt 0}.prosemirror-editor .ProseMirror td.docx-table-cell,.prosemirror-editor .ProseMirror th.docx-table-header{vertical-align:top;min-width:30px;padding:4px 8px}.prosemirror-editor .ProseMirror th.docx-table-header{font-weight:inherit;text-align:inherit}.prosemirror-editor .ProseMirror td p,.prosemirror-editor .ProseMirror th p{min-height:auto;margin:0;padding:0}.prosemirror-editor .ProseMirror td p:first-child,.prosemirror-editor .ProseMirror th p:first-child{margin-top:0}.prosemirror-editor .ProseMirror td p:last-child,.prosemirror-editor .ProseMirror th p:last-child{margin-bottom:0}.prosemirror-editor .ProseMirror .activeCell{outline-offset:-2px;outline:2px solid #4285f480}.prosemirror-editor .ProseMirror .selectedCell{background-color:#4285f426}.prosemirror-editor .ProseMirror .selectedCell:after{content:"";pointer-events:none;background:#4285f41a;position:absolute;inset:0}.prosemirror-editor .ProseMirror table table{margin:4px 0}.prosemirror-editor .ProseMirror .column-resize-handle{cursor:col-resize;z-index:20;background-color:#4285f480;width:4px;position:absolute;top:0;bottom:0;right:-2px}.prosemirror-editor .ProseMirror td.docx-table-cell,.prosemirror-editor .ProseMirror th.docx-table-header{position:relative}.prosemirror-editor .ProseMirror.resize-cursor{cursor:col-resize}.prosemirror-editor .ProseMirror table:not(:hover) .column-resize-handle{background-color:#0000}.prosemirror-editor .ProseMirror table:hover .column-resize-handle{background-color:#4285f44d}.prosemirror-editor .ProseMirror .column-resize-handle:hover{background-color:#4285f4b3}.prosemirror-editor .ProseMirror span.docx-tab{white-space:pre;background:0 0;min-width:48px;display:inline-block}.prosemirror-editor .ProseMirror span.docx-tab[data-leader=dot]:before{content:"...........";color:inherit;white-space:nowrap;position:absolute;overflow:hidden}.prosemirror-editor .ProseMirror span.docx-tab[data-leader=hyphen]:before{content:"-----------";color:inherit;white-space:nowrap;position:absolute;overflow:hidden}.prosemirror-editor .ProseMirror span.docx-tab[data-leader=underscore]:before{content:"___________";color:inherit;white-space:nowrap;position:absolute;overflow:hidden}.prosemirror-editor .ProseMirror .docx-run-all-caps{text-transform:uppercase}.prosemirror-editor .ProseMirror .docx-run-small-caps{font-variant:small-caps}.docx-section-break:after{content:"Section Break (" attr(data-section-break) ")";text-align:center;color:var(--doc-text-muted,#9ca3af);border-top:1px dashed var(--doc-border,#d1d5db);pointer-events:none;margin-top:4px;padding-top:2px;font-size:9px;display:block}.prosemirror-editor .ProseMirror .pm-drop-indicator{background:var(--doc-primary,#4285f4);pointer-events:none;z-index:50;width:2px;position:absolute}.prosemirror-editor .ProseMirror .ProseMirror-dropcursor{z-index:50}.layout-page-header,.layout-page-footer{cursor:pointer;transition:background-color .15s}.layout-page-header:hover,.layout-page-footer:hover{background-color:#2563eb0f}.layout-page-header:empty:hover:after{content:"Double-click to add header";text-align:center;color:#9ca3af;padding:4px 0;font-size:11px;display:block}.layout-page-footer:empty:hover:after{content:"Double-click to add footer";text-align:center;color:#9ca3af;padding:4px 0;font-size:11px;display:block}.hf-editor-pm.prosemirror-editor{width:100%;max-width:100%}.hf-editor-pm.prosemirror-editor .ProseMirror{width:100%;max-width:100%;min-height:40px;box-shadow:none;background:0 0;padding:0}.hf-editor-pm .ProseMirror p{padding-top:var(--docx-space-before,0);padding-bottom:var(--docx-space-after,0);white-space:pre-wrap;word-wrap:break-word;min-height:1em;padding-left:0;padding-right:0;display:block;margin:0!important;line-height:normal!important}.hf-editor-pm .ProseMirror td p,.hf-editor-pm .ProseMirror th p{padding-top:var(--docx-space-before,0);padding-bottom:var(--docx-space-after,0);min-height:auto;padding-left:0;padding-right:0;margin:0!important;line-height:normal!important}:is(.hf-editor-pm .ProseMirror td p:has(img),.hf-editor-pm .ProseMirror th p:has(img),.hf-editor-pm .ProseMirror td p:has(span),.hf-editor-pm .ProseMirror th p:has(span)){font-size:0!important;line-height:0!important}.paged-editor--editing-header .layout-page-header>*,.paged-editor--editing-footer .layout-page-footer>*{visibility:hidden}.paged-editor--hf-editing .layout-page-header:hover,.paged-editor--hf-editing .layout-page-footer:hover{background-color:#0000}.ep-root .visible{visibility:visible}.ep-root .invisible{visibility:hidden}.ep-root .collapse{visibility:collapse}.ep-root .static{position:static}.ep-root .fixed{position:fixed}.ep-root .absolute{position:absolute}.ep-root .relative{position:relative}.ep-root .sticky{position:sticky}.ep-root .right-2{right:.5rem}.ep-root .z-50{z-index:50}.ep-root .-mx-1{margin-left:-.25rem;margin-right:-.25rem}.ep-root .mx-1\.5{margin-left:.375rem;margin-right:.375rem}.ep-root .mx-2{margin-left:.5rem;margin-right:.5rem}.ep-root .my-1{margin-top:.25rem;margin-bottom:.25rem}.ep-root .-ml-1{margin-left:-.25rem}.ep-root .mb-1{margin-bottom:.25rem}.ep-root .ml-auto{margin-left:auto}.ep-root .block{display:block}.ep-root .inline-block{display:inline-block}.ep-root .\!inline{display:inline!important}.ep-root .inline{display:inline}.ep-root .flex{display:flex}.ep-root .inline-flex{display:inline-flex}.ep-root .\!table{display:table!important}.ep-root .table{display:table}.ep-root .grid{display:grid}.ep-root .inline-grid{display:inline-grid}.ep-root .contents{display:contents}.ep-root .hidden{display:none}.ep-root .h-10{height:2.5rem}.ep-root .h-11{height:2.75rem}.ep-root .h-3\.5{height:.875rem}.ep-root .h-4{height:1rem}.ep-root .h-5{height:1.25rem}.ep-root .h-6{height:1.5rem}.ep-root .h-7{height:1.75rem}.ep-root .h-8{height:2rem}.ep-root .h-9{height:2.25rem}.ep-root .h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.ep-root .h-px{height:1px}.ep-root .max-h-72{max-height:18rem}.ep-root .max-h-\[300px\]{max-height:300px}.ep-root .max-h-\[400px\]{max-height:400px}.ep-root .min-h-\[36px\]{min-height:36px}.ep-root .w-10{width:2.5rem}.ep-root .w-3\.5{width:.875rem}.ep-root .w-4{width:1rem}.ep-root .w-5{width:1.25rem}.ep-root .w-7{width:1.75rem}.ep-root .w-9{width:2.25rem}.ep-root .w-full{width:100%}.ep-root .w-px{width:1px}.ep-root .min-w-0{min-width:0}.ep-root .min-w-\[100px\]{min-width:100px}.ep-root .min-w-\[260px\]{min-width:260px}.ep-root .min-w-\[55px\]{min-width:55px}.ep-root .min-w-\[70px\]{min-width:70px}.ep-root .min-w-\[8rem\]{min-width:8rem}.ep-root .min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.ep-root .max-w-\[300px\]{max-width:300px}.ep-root .flex-1{flex:1}.ep-root .flex-shrink{flex-shrink:1}.ep-root .flex-shrink-0{flex-shrink:0}.ep-root .shrink{flex-shrink:1}.ep-root .shrink-0{flex-shrink:0}.ep-root .grow{flex-grow:1}.ep-root .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ep-root .cursor-not-allowed{cursor:not-allowed}.ep-root .cursor-pointer{cursor:pointer}.ep-root .select-none{-webkit-user-select:none;user-select:none}.ep-root .select-all{-webkit-user-select:all;user-select:all}.ep-root .resize{resize:both}.ep-root .flex-col{flex-direction:column}.ep-root .flex-wrap{flex-wrap:wrap}.ep-root .items-center{align-items:center}.ep-root .items-stretch{align-items:stretch}.ep-root .justify-center{justify-content:center}.ep-root .justify-between{justify-content:space-between}.ep-root .gap-0{gap:0}.ep-root .gap-0\.5{gap:.125rem}.ep-root .gap-1{gap:.25rem}.ep-root .gap-2{gap:.5rem}.ep-root .gap-px{gap:1px}.ep-root .overflow-hidden{overflow:hidden}.ep-root .overflow-x-auto{overflow-x:auto}.ep-root .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ep-root .whitespace-nowrap{white-space:nowrap}.ep-root .rounded{border-radius:.25rem}.ep-root .rounded-full{border-radius:9999px}.ep-root .rounded-lg{border-radius:var(--radius)}.ep-root .rounded-md{border-radius:calc(var(--radius) - 2px)}.ep-root .rounded-none{border-radius:0}.ep-root .rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.ep-root .rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.ep-root .rounded-br-2xl{border-bottom-right-radius:1rem}.ep-root .\!border{border-width:1px!important}.ep-root .border{border-width:1px}.ep-root .border-0{border-width:0}.ep-root .border-r{border-right-width:1px}.ep-root .border-input{border-color:hsl(var(--input))}.ep-root .border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.ep-root .border-slate-200\/50{border-color:#e2e8f080}.ep-root .border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.ep-root .bg-\[\#f1f5f9\]{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.ep-root .bg-background{background-color:hsl(var(--background))}.ep-root .bg-destructive{background-color:hsl(var(--destructive))}.ep-root .bg-doc-bg{background-color:var(--doc-bg)}.ep-root .bg-primary{background-color:hsl(var(--primary))}.ep-root .bg-secondary{background-color:hsl(var(--secondary))}.ep-root .bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.ep-root .bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.ep-root .bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.ep-root .bg-transparent{background-color:#0000}.ep-root .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.ep-root .p-1{padding:.25rem}.ep-root .px-1{padding-left:.25rem;padding-right:.25rem}.ep-root .px-1\.5{padding-left:.375rem;padding-right:.375rem}.ep-root .px-2{padding-left:.5rem;padding-right:.5rem}.ep-root .px-3{padding-left:.75rem;padding-right:.75rem}.ep-root .px-4{padding-left:1rem;padding-right:1rem}.ep-root .px-8{padding-left:2rem;padding-right:2rem}.ep-root .py-0{padding-top:0;padding-bottom:0}.ep-root .py-1{padding-top:.25rem;padding-bottom:.25rem}.ep-root .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.ep-root .py-2{padding-top:.5rem;padding-bottom:.5rem}.ep-root .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.ep-root .pb-1{padding-bottom:.25rem}.ep-root .pl-3{padding-left:.75rem}.ep-root .pr-1{padding-right:.25rem}.ep-root .pt-2{padding-top:.5rem}.ep-root .text-left{text-align:left}.ep-root .text-center{text-align:center}.ep-root .text-base{font-size:1rem;line-height:1.5rem}.ep-root .text-sm{font-size:.875rem;line-height:1.25rem}.ep-root .text-xs{font-size:.75rem;line-height:1rem}.ep-root .font-medium{font-weight:500}.ep-root .font-normal{font-weight:400}.ep-root .uppercase{text-transform:uppercase}.ep-root .capitalize{text-transform:capitalize}.ep-root .italic{font-style:italic}.ep-root .leading-tight{line-height:1.25}.ep-root .text-destructive-foreground{color:hsl(var(--destructive-foreground))}.ep-root .text-primary{color:hsl(var(--primary))}.ep-root .text-primary-foreground{color:hsl(var(--primary-foreground))}.ep-root .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.ep-root .text-secondary-foreground{color:hsl(var(--secondary-foreground))}.ep-root .text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.ep-root .text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.ep-root .text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.ep-root .text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.ep-root .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.ep-root .underline{text-decoration-line:underline}.ep-root .line-through{text-decoration-line:line-through}.ep-root .underline-offset-4{text-underline-offset:4px}.ep-root .opacity-30{opacity:.3}.ep-root .opacity-50{opacity:.5}.ep-root .shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.ep-root .shadow-lg,.ep-root .shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ep-root .shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.ep-root .outline-none{outline-offset:2px;outline:2px solid #0000}.ep-root .outline{outline-style:solid}.ep-root .ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.ep-root .blur{--tw-blur:blur(8px)}.ep-root .blur,.ep-root .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.ep-root .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ep-root .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ep-root .duration-150{transition-duration:.15s}.ep-root .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ep-root .ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.ep-root .zoom-in{--tw-enter-scale:0}.ep-root .zoom-out{--tw-exit-scale:0}.ep-root .duration-150{animation-duration:.15s}.ep-root .ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ep-root .ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.ep-root .running{animation-play-state:running}.ep-root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:221.2 83.2% 53.3%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:221.2 83.2% 53.3%;--radius:.5rem;--doc-bg:#f8f9fa;--doc-primary:#1a73e8;--doc-primary-hover:#1557b0;--doc-primary-light:#e8f0fe;--doc-text:#202124;--doc-text-muted:#5f6368;--doc-text-subtle:#9aa0a6;--doc-text-placeholder:#999;--doc-border:#e0e0e0;--doc-border-light:#dadce0;--doc-border-dark:#d0d0d0;--doc-border-input:#ccc;--doc-bg-subtle:#f5f5f5;--doc-bg-hover:#f1f3f4;--doc-bg-input:#f8f9fa;--doc-error:#c5221f;--doc-error-bg:#fce8e6;--doc-success:#34a853;--doc-success-bg:#e8f5e9;--doc-warning:#f9a825;--doc-warning-bg:#fff8e1;--doc-link:#0563c1}[contenteditable=true]{caret-color:#000;caret-shape:bar;outline:none}.docx-run-editable[contenteditable=true]{caret-color:#000;min-height:1em;display:inline}.docx-paragraph-empty [contenteditable=true]{min-width:1px;min-height:1em;display:inline-block}.docx-paragraph-editable{cursor:text}.docx-run-editable[contenteditable=true]:focus,.docx-paragraph-editable:focus-within{outline:none}.docx-run ::selection{color:inherit!important;background-color:#1a73e84d!important}.docx-run-editable ::selection{color:inherit!important;background-color:#1a73e84d!important}.docx-run-editable::selection{color:inherit!important;background-color:#1a73e84d!important}.docx-run::selection{color:inherit!important;background-color:#1a73e84d!important}[contenteditable=true] ::selection{color:inherit!important;background-color:#1a73e84d!important}[contenteditable=true]::selection{color:inherit!important;background-color:#1a73e84d!important}.docx-run ::-moz-selection{color:inherit!important;background-color:#1a73e84d!important}.docx-run-editable ::-moz-selection{color:inherit!important;background-color:#1a73e84d!important}.docx-run-editable::-moz-selection{color:inherit!important;background-color:#1a73e84d!important}.docx-run::-moz-selection{color:inherit!important;background-color:#1a73e84d!important}[contenteditable=true] ::-moz-selection{color:inherit!important;background-color:#1a73e84d!important}[contenteditable=true]::-moz-selection{color:inherit!important;background-color:#1a73e84d!important}.docx-paragraph ::selection{color:inherit!important;background-color:#1a73e84d!important}.docx-paragraph-editable ::selection{color:inherit!important;background-color:#1a73e84d!important}.docx-paragraph-editable::selection{color:inherit!important;background-color:#1a73e84d!important}.docx-paragraph::selection{color:inherit!important;background-color:#1a73e84d!important}.docx-paragraph ::-moz-selection{color:inherit!important;background-color:#1a73e84d!important}.docx-paragraph-editable ::-moz-selection{color:inherit!important;background-color:#1a73e84d!important}.docx-paragraph-editable::-moz-selection{color:inherit!important;background-color:#1a73e84d!important}.docx-paragraph::-moz-selection{color:inherit!important;background-color:#1a73e84d!important}.docx-hyperlink ::selection{color:inherit!important;background-color:#1a73e84d!important}.docx-hyperlink::selection{color:inherit!important;background-color:#1a73e84d!important}.docx-hyperlink ::-moz-selection{color:inherit!important;background-color:#1a73e84d!important}.docx-hyperlink::-moz-selection{color:inherit!important;background-color:#1a73e84d!important}.docx-run-highlighted ::selection{color:inherit!important;background-color:#1a73e880!important}.docx-run-highlighted::selection{color:inherit!important;background-color:#1a73e880!important}.docx-run-highlighted ::-moz-selection{color:inherit!important;background-color:#1a73e880!important}.docx-run-highlighted::-moz-selection{color:inherit!important;background-color:#1a73e880!important}.docx-run-dark-bg ::selection{color:inherit!important;background-color:#64b5f680!important}.docx-run-dark-bg::selection{color:inherit!important;background-color:#64b5f680!important}.docx-run-dark-bg ::-moz-selection{color:inherit!important;background-color:#64b5f680!important}.docx-run-dark-bg::-moz-selection{color:inherit!important;background-color:#64b5f680!important}.docx-run-bold ::selection{color:inherit!important;background-color:#1a73e84d!important}.docx-run-bold::selection{color:inherit!important;background-color:#1a73e84d!important}.docx-run-bold ::-moz-selection{color:inherit!important;background-color:#1a73e84d!important}.docx-run-bold::-moz-selection{color:inherit!important;background-color:#1a73e84d!important}.docx-run-italic ::selection{color:inherit!important;background-color:#1a73e84d!important}.docx-run-italic::selection{color:inherit!important;background-color:#1a73e84d!important}.docx-run-italic ::-moz-selection{color:inherit!important;background-color:#1a73e84d!important}.docx-run-italic::-moz-selection{color:inherit!important;background-color:#1a73e84d!important}.docx-find-highlight{border-radius:2px;background-color:#ffeb3b80!important}.docx-find-highlight-current{border-radius:2px;outline:2px solid #ff9800cc;background-color:#ff980099!important}.docx-ai-selection-preview{background-color:#9c27b033;border-bottom:2px dashed #9c27b099}.docx-selection-overlay-container{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.docx-selection-overlay-rect{pointer-events:none;-webkit-user-select:none;user-select:none;background-color:#4285f440;position:absolute}.docx-run-highlighted[contenteditable=true]{caret-color:#333}.docx-run-dark-bg[contenteditable=true]{caret-color:#fff}.docx-editor{cursor:default}.docx-editor-page{cursor:text}.docx-bookmark-end,.docx-bookmark-start,.docx-drawing-placeholder,.docx-field,.docx-list-marker,.docx-shape-placeholder{cursor:default;-webkit-user-select:none;user-select:none}.docx-run-has-variable [contenteditable=false]{cursor:default;-webkit-user-select:all;user-select:all}.layout-table-cell-selected{outline-offset:-2px;outline:2px solid #4285f499;position:relative}.layout-table-cell-selected:after{content:"";pointer-events:none;background-color:#4285f426;position:absolute;inset:0}.layout-table-resize-handle{background-color:#0000;transition:background-color .15s}.layout-table-resize-handle.dragging,.layout-table-resize-handle:hover{background-color:#4285f499}.layout-table-edge-handle-bottom,.layout-table-row-resize-handle{background-color:#0000;transition:background-color .15s}.layout-table-edge-handle-bottom.dragging,.layout-table-edge-handle-bottom:hover,.layout-table-row-resize-handle.dragging,.layout-table-row-resize-handle:hover{background-color:#4285f499}.layout-table-edge-handle-right{background-color:#0000;transition:background-color .15s}.layout-table-edge-handle-right.dragging,.layout-table-edge-handle-right:hover{background-color:#4285f499}.paged-editor--readonly .layout-table-edge-handle-bottom,.paged-editor--readonly .layout-table-edge-handle-right,.paged-editor--readonly .layout-table-resize-handle,.paged-editor--readonly .layout-table-row-resize-handle{display:none!important}.paged-editor--readonly .layout-page-footer,.paged-editor--readonly .layout-page-header{cursor:default;pointer-events:none}.paged-editor--readonly .layout-page-content{cursor:default}.docx-outline-heading-btn:hover{background-color:#f1f3f4}.layout-page-content{cursor:text}.layout-page-footer,.layout-page-header{cursor:pointer;transition:background-color .15s}.layout-page-footer:hover,.layout-page-header:hover{background-color:#2563eb0f}.layout-page-header:empty:hover:after{color:#9ca3af;content:"Double-click to add header";text-align:center;padding:4px 0;font-size:11px;display:block}.layout-page-footer:empty:hover:after{color:#9ca3af;content:"Double-click to add footer";text-align:center;padding:4px 0;font-size:11px;display:block}.hf-editor-pm .ProseMirror{outline:none;min-height:40px;padding:0}.hf-editor-pm .ProseMirror:focus{outline:none}.hf-editor-pm .ProseMirror p{white-space:pre-wrap;word-wrap:break-word;min-height:1em;display:block}.hf-editor-pm .ProseMirror p,.hf-editor-pm .ProseMirror td p,.hf-editor-pm .ProseMirror th p{padding-bottom:var(--docx-space-after,0);padding-left:0;padding-right:0;padding-top:var(--docx-space-before,0);margin:0!important;line-height:normal!important}.hf-editor-pm .ProseMirror td p,.hf-editor-pm .ProseMirror th p{min-height:auto}.hf-editor-pm .ProseMirror .tableWrapper{overflow:visible}.hf-editor-pm .ProseMirror table{margin:0;border-collapse:collapse!important;border-spacing:0!important;table-layout:fixed!important}.hf-editor-pm .ProseMirror td.docx-table-cell,.hf-editor-pm .ProseMirror th.docx-table-header{box-sizing:border-box!important}:is(.hf-editor-pm .ProseMirror td p:has(img),.hf-editor-pm .ProseMirror td p:has(span),.hf-editor-pm .ProseMirror th p:has(img),.hf-editor-pm .ProseMirror th p:has(span)){font-size:0!important;line-height:0!important}:is(.hf-editor-pm .ProseMirror td p span:not(:has(>span)),.hf-editor-pm .ProseMirror th p span:not(:has(>span))){position:relative;top:.4em}.paged-editor--hf-editing .layout-page-content{opacity:.4;pointer-events:none;transition:opacity .15s}.paged-editor--editing-header .layout-page-header{border-bottom:1px dotted #4285f4}.paged-editor--editing-footer .layout-page-footer{border-top:1px dotted #4285f4}.paged-editor--editing-footer .layout-page-footer>*,.paged-editor--editing-header .layout-page-header>*{visibility:hidden}.paged-editor--hf-editing .layout-page-footer:hover,.paged-editor--hf-editing .layout-page-header:hover{background-color:#0000}.docx-section-break{position:relative}.docx-section-break:after{border-top:1px dashed var(--doc-border,#d1d5db);color:var(--doc-text-muted,#9ca3af);content:"Section Break (" attr(data-section-break) ")";pointer-events:none;text-align:center;margin-top:4px;padding-top:2px;font-size:9px;display:block}.ep-hyperlink-popup__icon-btn:hover{background:#f1f3f4}.paged-editor__decoration-overlay{pointer-events:none;z-index:11;position:absolute;inset:0}.ProseMirror-yjs-cursor{pointer-events:none;word-break:normal;border-left:1px solid;border-right:1px solid;margin-left:-1px;margin-right:-1px;position:relative}.ProseMirror-yjs-cursor>div{color:#fff;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:3px 3px 3px 0;padding:2px 4px;font-size:11px;font-weight:600;line-height:1;position:absolute;top:-1.05em;left:-1px}.ep-root .first\:pl-0:first-child{padding-left:0}.ep-root .last\:border-r-0:last-child{border-right-width:0}.ep-root .hover\:border-slate-300:hover{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.ep-root .hover\:bg-accent:hover{background-color:hsl(var(--accent))}.ep-root .hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive)/.9)}.ep-root .hover\:bg-primary\/90:hover{background-color:hsl(var(--primary)/.9)}.ep-root .hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary)/.8)}.ep-root .hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.ep-root .hover\:bg-slate-100\/80:hover{background-color:#f1f5f9cc}.ep-root .hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.ep-root .hover\:bg-slate-800:hover{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.ep-root .hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.ep-root .hover\:text-slate-900:hover{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.ep-root .hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.ep-root .hover\:underline:hover{text-decoration-line:underline}.ep-root .focus\:bg-slate-100:focus{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.ep-root .focus\:bg-slate-100\/80:focus{background-color:#f1f5f9cc}.ep-root .focus\:bg-white:focus{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.ep-root .focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.ep-root .focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ep-root .focus\:ring-slate-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(203 213 225/var(--tw-ring-opacity,1))}.ep-root .focus\:ring-slate-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(148 163 184/var(--tw-ring-opacity,1))}.ep-root .focus-visible\:outline-none:focus-visible{outline-offset:2px;outline:2px solid #0000}.ep-root .focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ep-root .focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.ep-root .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.ep-root .disabled\:pointer-events-none:disabled{pointer-events:none}.ep-root .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.ep-root .disabled\:opacity-50:disabled{opacity:.5}.ep-root .data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.ep-root .data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:.25rem}.ep-root .data-\[side\=bottom\]\:translate-y-1[data-side=bottom],.ep-root .data-\[side\=top\]\:-translate-y-1[data-side=top]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ep-root .data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:-.25rem}.ep-root .data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.ep-root .data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.ep-root .data-\[state\=closed\]\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.ep-root .data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.ep-root .data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.ep-root .data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.ep-root .data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.ep-root .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-.5rem}.ep-root .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:.5rem}.ep-root :is(.\[\&\>span\]\:truncate>span){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.viewer-modal{background:#fff;border-radius:18px;flex-direction:column;width:90%;max-width:1000px;height:90vh;animation:.3s ease-out modalIn;display:flex;position:relative}.viewer-body{background:#f8fafc;border-radius:8px;flex:1;margin-top:15px;padding:20px;overflow:hidden}.unsupported-viewer{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;display:flex}.docx-viewer-wrapper .docx-sidebar,.docx-viewer-wrapper [class*=sidebar],.docx-viewer-wrapper [title*=Outline],.docx-outline-nav{display:none!important}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pdf-edit-modal{color:#fff;background:#1e293b;border-radius:12px;flex-direction:column;width:90vw;height:90vh;display:flex}.pdf-editor-container{background:#0f172a;flex:1;justify-content:center;padding:40px;display:flex;overflow:auto}.pdf-page-wrapper{height:fit-content;position:relative;box-shadow:0 10px 30px #00000080}.pdf-annotation{pointer-events:all;width:auto;height:auto;display:inline-block;position:absolute}.pdf-annotation div[contenteditable]{-webkit-text-decoration:inherit;text-decoration:inherit;white-space:nowrap}.pdf-annotation.active{background:#3b82f61a;border:1px dashed #3b82f6}.annotation-toolbar{z-index:100;background:#1e293b;border:1px solid #334155;border-radius:6px;align-items:center;gap:4px;height:36px;padding:4px 8px;display:flex;position:absolute;top:-55px;left:0;box-shadow:0 4px 12px #00000080;font-size:14px!important;line-height:1!important}.tool-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:14px;transition:all .2s;display:flex}.tool-btn:hover{color:#f8fafc;background:#334155}.tool-btn.active{color:#3b82f6;background:#3b82f626}.divider{background:#334155;width:1px;height:18px;margin:0 4px}.color-btn{cursor:pointer;color:#94a3b8;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:relative}.color-btn:hover{color:#f8fafc;background:#334155}.color-btn input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.header-actions{align-items:center;gap:12px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a99;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.vh-modal-container{background:#fff;border-radius:18px;flex-direction:column;width:95%;max-width:1350px;height:85vh;animation:.3s cubic-bezier(.34,1.56,.64,1) vhModalIn;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.vh-main-preview-area{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.vh-preview-header{background-color:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.vh-header-details h2{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:1.25rem;font-weight:600;display:flex}.vh-header-details p{color:#64748b;margin:4px 0 0;font-size:.85rem}.vh-history-badge{color:#0369a1;letter-spacing:.025em;background-color:#e0f2fe;border-radius:9999px;padding:4px 10px;font-size:.68rem;font-weight:600}.vh-header-actions{align-items:center;gap:12px;display:flex}.vh-preview-body{background:#f8fafc;flex-direction:row;flex:1;height:100%;display:flex;overflow:hidden}.vh-left-sidebar{background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;width:320px;height:100%;display:flex}.vh-sidebar-scroll-area{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.vh-sidebar-scroll-area::-webkit-scrollbar{width:6px}.vh-sidebar-scroll-area::-webkit-scrollbar-track{background:0 0}.vh-sidebar-scroll-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.vh-sidebar-scroll-area::-webkit-scrollbar-thumb:hover{background:#94a3b8}.vh-version-card{cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.vh-version-card:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.vh-version-card.active{background:#f0fdf4;border-color:#bbf7d0;box-shadow:0 4px 6px -1px #16a34a0d}.vh-card-icon{color:#94a3b8;flex-shrink:0;font-size:1.25rem}.vh-card-icon.current{color:#16a34a}.vh-card-meta{flex-direction:column;flex:1;gap:2px;display:flex;overflow:hidden}.vh-card-title{color:#334155;white-space:nowrap;text-overflow:ellipsis;justify-content:space-between;align-items:center;font-size:.88rem;font-weight:500;display:flex;overflow:hidden}.vh-version-card.active .vh-card-title{color:#14532d;font-weight:600}.vh-card-date{color:#64748b;font-size:.78rem}.vh-inline-badge{color:#d97706;background-color:#fef3c7;border-radius:6px;padding:2px 6px;font-size:.65rem;font-weight:600}.vh-preview-body>div:last-child{flex-direction:column;flex:1;height:100%;padding:24px;display:flex;overflow:hidden}.vh-preview-body iframe{background:#fff;border:none;border-radius:12px;width:100%;height:100%;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.vh-loader-text,.vh-empty-state-text{text-align:center;color:#94a3b8;padding:40px 16px;font-size:.9rem}.vh-unsupported-placeholder{color:#64748b;background:#fff;border:2px dashed #cbd5e1;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;font-size:.95rem;display:flex}@keyframes vhModalIn{0%{opacity:0;transform:scale(.95)translateY(15px)}to{opacity:1;transform:scale(1)translateY(0)}}.workspace-container{background-color:#f9fbfd;max-width:1600px;min-height:100vh;margin:0 auto;padding:2rem}.suggested-wrapper{background:#fff;border:1px solid #e3e8ee;border-radius:12px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 1px 3px #0000000a}.section-subtitle{color:#1e293b;letter-spacing:-.01em;align-items:center;margin-bottom:1.25rem;font-size:1rem;font-weight:600;display:flex}.suggested-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.suggested-card{cursor:pointer;background:#fff;border:1px solid #e3e8ee;border-radius:10px;align-items:center;padding:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.suggested-card:hover{background-color:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.suggested-icon{background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;margin-right:14px;display:flex}.suggested-info{flex-direction:column;display:flex;overflow:hidden}.suggested-name{color:#334155;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:500;overflow:hidden}.storage-embedded{margin-top:1rem}.storage-embedded .table-card{border:1px solid #e3e8ee;box-shadow:0 1px 3px #0000000a}.text-blue{color:#2563eb}.text-warning{color:#f59e0b}@media (width<=768px){.workspace-container{padding:1rem}.suggested-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}}.users-container{padding:4px 2px;animation:.3s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.data-table{border-collapse:collapse;width:100%;font-size:.92rem}.data-table thead{background:#f8fafc}.data-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;padding:14px 20px;font-size:.72rem;font-weight:600}.data-table td{vertical-align:middle;color:#334155;border-bottom:1px solid #00000008;padding:16px 20px}.data-table tr:hover{background-color:#fcfcfc}.user-info-cell{align-items:center;gap:14px;display:flex}.user-avatar-circle{color:#820d0d;background:#f1f5f9;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.user-name{color:#1e293b;font-weight:600;line-height:1.2;display:block}.user-email{color:#64748b;margin-top:2px;font-size:.8rem}.role-badge{text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-radius:20px;padding:5px 12px;font-size:.72rem;font-weight:700}.role-administrator{color:#820d0d;background:#fee2e2}.role-staff{color:#475569;background:#f1f5f9}.role-approver{color:#92400e;background:#fef3c7}.role-records-officer{color:#166534;background:#dcfce7}.dept-pos-cell{flex-direction:column;gap:4px;display:flex}.pos-text{color:#334155;font-size:.88rem;font-weight:500}.dept-subtext{color:#94a3b8;align-items:center;gap:5px;font-size:.78rem;display:flex}.status-container{align-items:center;gap:8px;display:flex}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.active{background-color:#22c55e;box-shadow:0 0 6px #22c55e66}.status-dot.inactive{background-color:#94a3b8}.status-text{color:#475569;font-size:.85rem;font-weight:500}.icon-btn.edit:hover{color:#2563eb;background:#f1f5f9}.user-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.full-width{grid-column:span 2}.form-input-styled{background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:10px 14px;font-size:.9rem;transition:all .2s}.form-select-styled{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper .form-input-styled{padding-right:45px}.password-toggle-btn{color:#64748b;cursor:pointer;z-index:5;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:1.1rem;transition:color .2s;display:flex;position:absolute;right:12px}.password-toggle-btn:hover{color:#820d0d}.form-input-styled:focus+.password-toggle-btn{color:#475569}@media (width<=768px){.user-form-grid{grid-template-columns:1fr}.full-width{grid-column:span 1}.table-toolbar{flex-direction:column;align-items:stretch;gap:12px}}.settings-page{padding:4px 2px}.settings-container{align-items:flex-start;gap:24px;display:flex}.settings-sidebar{flex-direction:column;gap:4px;width:240px;display:flex}.sidebar-item{color:#656565;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.sidebar-item:hover{color:#2f2f2f;background:#e0ddd566}.sidebar-item.active{color:#820d0d;background:#820d0d14;font-weight:600}.settings-content{flex:1;min-height:500px;padding:24px}.section-header-simple{border-bottom:1px solid #8985801a;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.text-muted{color:#6c757d;margin-top:4px;font-size:.9rem}.settings-group{margin-bottom:24px}.settings-group label{color:#2f2f2f;margin-bottom:12px;font-size:.9rem;font-weight:600;display:block}.logo-upload-area{align-items:center;gap:20px;display:flex}.logo-preview{background:#f8f9fa;border:2px dashed #8985804d;border-radius:8px;justify-content:center;align-items:center;width:120px;height:60px;display:flex;overflow:hidden}.logo-preview img{max-width:100%;max-height:100%}.logo-placeholder{color:#adb5bd;font-size:1rem;font-weight:800}.color-grid{gap:12px;margin-bottom:16px;display:flex}.color-option{cursor:pointer;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s;display:flex}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#2f2f2f;box-shadow:inset 0 0 0 2px #fff}.custom-color-picker{align-items:center;gap:10px;font-size:.85rem;display:flex}.custom-color-picker input{border:1px solid #8985804d;border-radius:6px;width:100px;padding:4px 8px}.form-input{border:1px solid #8985804d;border-radius:8px;width:100%;max-width:400px;padding:10px 14px;font-size:.9rem}.form-input:focus{border-color:#820d0d;outline:none}.password-input-box{background:#fff;border:1px solid #ddd;border-radius:10px;align-items:center;gap:10px;padding:0 12px;display:flex}.password-input-box svg{color:#820d0d;flex-shrink:0}.password-field{flex:1;box-shadow:none!important;border:none!important;padding-left:0!important}.password-eye-btn{color:#820d0d;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.instructions-container{padding:4px 2px;animation:.3s ease-in-out fadeIn}.tab-switcher{border-bottom:1px solid #0000000d;gap:20px;margin-top:10px;margin-bottom:20px;display:flex}.tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:8px 4px;font-size:.9rem;font-weight:600;transition:all .2s;position:relative}.tab-btn:hover{color:#1e293b}.tab-btn.active{color:#820d0d}.tab-btn.active:after{content:"";background:#820d0d;width:100%;height:2px;position:absolute;bottom:-1px;left:0}.routing-grid{grid-template-columns:320px 1fr;align-items:start;gap:24px;display:grid}.instruction-sidebar{background:#fff;border:1px solid #0000000d;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000008}.panel-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px;display:flex}.panel-header h3{color:#1e293b;margin:0;font-size:1.1rem;font-weight:700}.instruction-list{max-height:70vh;overflow-y:auto}.instruction-item{cursor:pointer;border-bottom:1px solid #f8fafc;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .2s;display:flex}.instruction-item:hover{background:#f8fafc}.instruction-item.active{background:#fff1f1;border-left:4px solid #820d0d}.inst-details{flex-direction:column;gap:4px;display:flex}.inst-name{color:#1e293b;font-size:.95rem;font-weight:600}.inst-desc{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.8rem;overflow:hidden}.mapping-panel{min-height:400px}.mapping-section-label{text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;margin-bottom:12px;padding:0 20px;font-size:.75rem;font-weight:700}.header-management-actions{gap:8px;display:flex}.actions-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:0 20px 20px;display:grid}.action-selector-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:16px;transition:all .2s;display:flex}.action-selector-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000a}.action-selector-card.selected{background:#fdf2f2;border-color:#820d0d}.card-main-info{cursor:pointer;align-items:center;gap:12px;display:flex}.check-icon{color:#cbd5e1;flex-shrink:0;font-size:1.2rem}.selected .check-icon{color:#820d0d}.card-info{flex-direction:column;gap:4px;display:flex}.action-label{color:#1e293b;font-size:.9rem;font-weight:600}.next-step-config{border-top:1px dashed #e2e8f0;flex-direction:column;gap:6px;margin-top:4px;padding-top:12px;display:flex}.next-step-config label{text-transform:uppercase;color:#64748b;font-size:.7rem;font-weight:700}.next-step-config select{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:8px;font-size:.85rem}.next-step-config select:focus{border-color:#820d0d}.empty-state{color:#94a3b8;background:#ffffff80;border:2px dashed #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:300px;display:flex}.secondary-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;display:flex}.icon-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.icon-btn:hover{color:#1e293b;background:#f1f5f9}.actions-container{padding:4px 2px;animation:.3s ease-in-out fadeIn}.table-card{background:#fff;border:1px solid #0000000d;border-radius:16px;margin-top:10px;overflow:hidden;box-shadow:0 4px 20px #00000008}.table-toolbar{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.table-responsive{overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th{text-transform:uppercase;color:#64748b;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #0000000d;padding:14px 20px;font-size:.75rem;font-weight:700}.custom-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #00000008;padding:14px 20px;font-size:.9rem}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:hover{background-color:#fcfcfc}.action-info-cell{align-items:center;gap:12px;display:flex}.action-icon-box{color:#64748b;background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.status-pill{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;justify-content:center;align-items:center;min-width:90px;padding:6px 12px;font-size:.7rem;font-weight:700;display:inline-flex}.status-pill.proceed{color:#166534;background-color:#dcfce7;border:1px solid #bbf7d0}.status-pill.terminate{color:#991b1b;background-color:#fee2e2;border:1px solid #fecaca}.status-pill.return{color:#c2410c;background-color:#fff7ed;border:1px solid #ffedd5}.status-pill.complete{color:#047857;background-color:#ecfdf5;border:1px solid #d1fae5}.primary-btn{color:#fff;cursor:pointer;background:#820d0d;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.primary-btn:hover{background:#6a0a0a;transform:translateY(-1px);box-shadow:0 4px 12px #820d0d33}.icon-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.icon-btn.delete:hover{color:#ef4444;background:#fee2e2}.actions-wrapper{justify-content:flex-end;gap:8px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:24px;display:flex}.modal-close-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.form-group input,.form-group select,.form-group textarea{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:12px 14px;font-size:.95rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#820d0d;outline:none;box-shadow:0 0 0 4px #820d0d0d}.modal-actions{gap:12px;margin-top:30px;display:flex}.secondary-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:12px;font-weight:600}.text-muted{color:#94a3b8;font-size:.85rem}.doc-modal-card-horizontal{background:#fcfcfc;border:1px solid #8985803d;border-radius:18px;width:min(920px,98%);animation:.2s modalFadeIn;overflow:hidden;box-shadow:0 24px 60px #2f2f2f33}.doc-form-horizontal{flex-direction:column;gap:16px;padding:18px;display:flex}.form-row{align-items:flex-start;gap:16px;display:flex}.form-row .form-group{flex-direction:column;flex:1;gap:6px;display:flex}.textarea-fixed{resize:none;height:100px}.file-upload-area-compact{height:100px}.file-drop-zone-compact{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:10px;transition:all .2s;display:flex}.file-drop-zone-compact:hover{background:#fff1f1;border-color:#820d0d}.file-drop-zone-compact.has-file{background:#f0fdf4;border-color:#10b981}.file-placeholder-compact{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.9rem;display:flex}.file-placeholder-compact svg{margin-bottom:2px;font-size:1.4rem}.file-selected-info{color:#166534;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;font-weight:500;display:flex}.file-name-truncate{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.85rem;display:block;overflow:hidden}.modal-actions-horizontal{justify-content:flex-end;align-items:center;gap:12px;margin-top:22px;display:flex}.icon-success{color:#10b981;font-size:1.5rem}.modal-actions-horizontal{justify-content:flex-end!important;align-items:center!important;gap:12px!important;display:flex!important}.modal-actions-horizontal .cancel-route-btn{flex:none!important;width:100px!important;min-width:100px!important;max-width:100px!important;padding:10px 14px!important}.modal-actions-horizontal .route-submit-btn{flex:none!important;width:auto!important;min-width:185px!important;padding:10px 20px!important}@media (width<=768px){.form-row{flex-direction:column}.doc-modal-card-horizontal{max-height:90vh;overflow-y:auto}}.docs-container{padding:4px 2px;animation:.3s ease-in-out fadeIn}.doc-info-cell{align-items:center;gap:12px;display:flex}.doc-icon-square{color:#820d0d;background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.doc-no{color:#64748b;font-size:.75rem;font-weight:600;display:block}.doc-title-text{color:#1e293b;font-weight:600}.meta-cell{flex-direction:column;display:flex}.type-text{color:#334155;font-size:.88rem;font-weight:500}.status-badge{border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600}.status-draft{color:#475569;background:#f1f5f9}.status-inprogress{color:#075985;background:#e0f2fe}.date-cell{color:#64748b;align-items:center;gap:6px;font-size:.85rem;display:flex}.swal2-container{z-index:2000!important}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-content.medium-modal{background:#fff;border-radius:16px;width:100%;max-width:650px;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:16px;padding:24px;display:flex}.modal-close-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;align-items:center;padding:8px;display:flex}.modal-close-btn:hover{color:#fff;background:#ef4444}.header-icon-container{color:#820d0d;background:#fee2e2;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.header-text{text-align:center}.header-text h3{color:#1e293b;margin:0;font-size:1.25rem;font-weight:700}.header-text p{color:#64748b;margin:2px 0 0;font-size:.875rem}.doc-preview-banner{color:#1e40af;background:#eff6ff;border-bottom:1px solid #dbeafe;align-items:center;gap:10px;padding:12px 24px;font-size:.9rem;display:flex}.doc-preview-banner strong{color:#1e3a8a}.modal-form{padding:24px}.form-row{gap:20px;margin-bottom:20px;display:flex}.flex-1{flex:1}.flex-2{flex:2}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#475569;align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex}.form-input-styled{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 14px;font-size:.95rem;transition:all .2s}.form-input-styled:focus{border-color:#820d0d;outline:none;box-shadow:0 0 0 3px #820d0d1a}.form-input-styled:disabled{cursor:not-allowed;background-color:#f1f5f9}.textarea-fixed{resize:none;min-height:100px}.modal-actions-horizontal{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;margin-top:10px;padding-top:20px;display:flex}.primary-btn{color:#fff;cursor:pointer;background:#820d0d;border:none;border-radius:8px;align-items:center;padding:10px 24px;font-weight:600;transition:all .2s;display:flex}.primary-btn:hover:not(:disabled){background:#a11111;transform:translateY(-1px)}.secondary-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 24px;font-weight:600;transition:all .2s}.secondary-btn:hover{color:#1e293b;background:#f8fafc}.animate-slide-up{animation:.3s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;margin-right:10px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=640px){.form-row{flex-direction:column;gap:16px}}.transactions-page{max-width:1400px;margin:0 auto;padding:24px;animation:.3s ease-in-out fadeIn}.trans-header{margin-bottom:30px}.header-title h1{color:#1e293b;margin:0 0 6px;font-size:1.75rem;font-weight:700}.header-title p{color:#64748b;margin:0;font-size:.95rem}.trans-table{border-collapse:collapse;text-align:left;width:100%}.trans-table th{color:#64748b;text-transform:uppercase;letter-spacing:.025em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 20px;font-size:.75rem;font-weight:700}.trans-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px 20px;font-size:.88rem}.trans-table tbody tr{transition:background-color .2s}.trans-table tbody tr:hover{background-color:#f8fafc}.row-direction-outgoing{background-color:#f8fafc66}.btn-icon-only{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;font-size:1.2rem;transition:all .2s;display:flex}.btn-icon-only:hover{color:#1e293b;background:#f1f5f9}.dir-indicator{letter-spacing:.05em;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:.65rem;font-weight:800;display:inline-flex}.dir-indicator.incoming{color:#166534;background:#dcfce7}.dir-indicator.outgoing{color:#075985;background:#e0f2fe}.doc-cell{cursor:pointer}.doc-info{flex-direction:column;display:flex}.doc-no{color:#1e293b;font-size:.85rem;font-weight:700}.doc-title{color:#64748b;font-size:.8rem}.file-icon-hint{opacity:.4;margin-left:6px}.user-info{align-items:center;gap:8px;font-weight:500;display:flex}.instruction-tag{color:#475569;background:#f1f5f9;border-radius:6px;padding:4px 10px;font-size:.78rem;font-weight:600}.history-row{background-color:#fcfdfe}.history-container{border-left:3px solid #f1f5f9;margin:10px 0 30px 40px;padding:20px 60px}.history-header{color:#94a3b8;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:24px;font-size:.75rem;font-weight:700;display:flex}.history-item{padding-bottom:24px;padding-left:25px;position:relative}.hist-dot{z-index:2;background:#cbd5e1;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:6px;left:-5px}.history-item:first-of-type .hist-dot{background:#820d0d;box-shadow:0 0 0 4px #820d0d1a}.hist-line{background:#e2e8f0;width:2px;position:absolute;top:6px;bottom:0;left:-1px}.history-item:last-child .hist-line{display:none}.hist-meta{justify-content:space-between;margin-bottom:4px;display:flex}.hist-status{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:700}.hist-date{color:#94a3b8;font-variant-numeric:tabular-nums;font-size:.75rem}.hist-details{color:#1e293b;font-size:.85rem;line-height:1.4}.hist-remarks{color:#64748b;background:#f8fafc;border-left:3px solid #e2e8f0;border-radius:6px;margin-top:6px;padding:6px 12px;font-size:.8rem;font-style:italic}.action-buttons-group{justify-content:flex-end;gap:8px;display:flex}.dynamic-action-btn{cursor:pointer;color:#fff;background-color:#820d0d;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.dynamic-action-btn.receive-btn{background-color:#3b82f6}.dynamic-action-btn:hover{filter:brightness(.9);transform:translateY(-1px)}.status-pill{border-radius:12px;align-items:center;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.status-pending{color:#92400e;background:#fef3c7}.status-completed{color:#166534;background:#dcfce7}.status-returned{color:#991b1b;background:#fee2e2}.status-received{color:#1e40af;background:#dbeafe}.text-end{text-align:right}.time-pill{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.time-pill.active{color:#16a34a;background:#f0fdf4;border:1px solid #dcfce7}.time-pill.warning{color:#d97706;background:#fffbeb;border:1px solid #fef3c7}.time-pill.overdue{color:#dc2626;background:#fef2f2;border:1px solid #fee2e2;animation:2s infinite pulse-red}.time-pill.done{color:#94a3b8;background:#f8fafc}.time-pill.none{color:#64748b;background:#f1f5f9;font-style:italic;font-weight:400}@keyframes pulse-red{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.docstatus-page{padding:4px 2px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.page-subtitle{color:#656565;margin:5px 0 0;font-size:.92rem}.primary-btn{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:.87rem;font-weight:600;transition:all .2s;display:inline-flex;color:#fcfcfc!important;background:#820d0d!important;border:1px solid #820d0d!important}.primary-btn:hover{transform:translateY(-1px);background:#650909!important;border-color:#650909!important}.secondary-btn{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:.87rem;font-weight:600;transition:all .2s;display:inline-flex;color:#656565!important;background:#fcfcfc!important;border:1px solid #d4d0c7!important}.secondary-btn:hover{transform:translateY(-1px);color:#2f2f2f!important;background:#e0ddd5!important;border-color:#c7c2b8!important}.table-card{background:#fcfcfc;border:1px solid #89858038;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #65656512}.table-toolbar{background:#e0ddd52e;border-bottom:1px solid #89858033;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.search-box{background:#fcfcfc;border:1px solid #89858047;border-radius:12px;align-items:center;gap:10px;width:min(380px,100%);padding:10px 12px;transition:all .2s;display:flex}.search-box:focus-within{border-color:#820d0d73;box-shadow:0 0 0 4px #820d0d14}.search-box input{color:#2f2f2f;background:0 0;border:0;outline:0;width:100%;font-size:.9rem}.record-count{color:#656565;font-size:.85rem}.table-responsive{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{color:#2f2f2f;text-transform:uppercase;letter-spacing:.04em;text-align:left;background:#e0ddd5;border-bottom:1px solid #89858047;padding:13px 16px;font-size:.78rem;font-weight:700}.data-table td{color:#656565;border-bottom:1px solid #89858024;padding:14px 16px;font-size:.9rem}.data-table tr:hover{background:#e0ddd540}.status-badge{border-radius:999px;align-items:center;padding:5px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.status-active{color:#820d0d;background:#820d0d14}.status-inactive{color:#656565;background:#8985802e}.action-buttons{justify-content:flex-end;gap:8px;display:flex}.icon-btn{cursor:pointer;background:#fcfcfc;border:1px solid #8985803d;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:inline-flex}.edit-btn:hover{color:#2f2f2f;background:#e0ddd5}.delete-btn{color:#d40000}.delete-btn:hover{background:#d4000014;border-color:#d4000047}.modal-overlay{z-index:1000;background:#2f2f2f47;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.category-modal{background:#fcfcfc;border-radius:18px;width:min(520px,100%);animation:.2s modalFadeIn;overflow:hidden;box-shadow:0 24px 60px #2f2f2f33}.modal-header{background:#e0ddd5;border-bottom:1px solid #89858038;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.modal-header h2{color:#2f2f2f;margin:0;font-size:1.1rem}.modal-close-btn{cursor:pointer;background:#fcfcfc;border:1px solid #89858040;border-radius:10px;width:34px;height:34px}.category-form{padding:22px}.form-group{margin-bottom:16px}.form-group label{color:#656565;margin-bottom:7px;font-size:.85rem;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{background:#fcfcfc;border:1px solid #89858059;border-radius:12px;outline:none;width:100%;padding:11px 13px;font-size:.92rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#820d0d80;box-shadow:0 0 0 4px #820d0d14}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.ai-checker-page{flex-direction:column;gap:22px;padding-bottom:28px;display:flex}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-title{color:#1f2937;margin:0;font-size:28px;font-weight:800}.page-subtitle{color:#6b7280;max-width:720px;margin:6px 0 0;font-size:14px}.action-buttons{align-items:center;gap:10px;display:flex}.primary-btn,.secondary-btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.primary-btn{color:#fff;background:#820d0d;box-shadow:0 10px 22px #820d0d2e}.primary-btn:hover{background:#6f0b0b;transform:translateY(-1px)}.primary-btn:disabled{cursor:not-allowed;opacity:.65;transform:none}.secondary-btn{color:#374151;background:#fff;border:1px solid #89858038;box-shadow:0 8px 20px #0f172a0a}.secondary-btn:hover{background:#f8f8f8}.ai-checker-grid{grid-template-columns:1.4fr .8fr;gap:18px;display:grid}.ai-upload-card,.ai-info-card,.ai-result-card,.ai-score-card{background:linear-gradient(#fffffffa,#f7f5f1eb);border:1px solid #89858029;border-radius:24px;box-shadow:0 10px 30px #0f172a0d,0 2px 6px #0f172a0a}.ai-upload-card,.ai-info-card,.ai-result-card{padding:22px}.ai-card-header{margin-bottom:18px}.card-kicker{color:#820d0d;text-transform:uppercase;letter-spacing:.8px;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.ai-card-header h3,.ai-info-card h3,.ai-result-card h3{color:#1f2937;margin:0;font-size:22px}.ai-upload-box{text-align:center;cursor:pointer;background:radial-gradient(circle at 0 0,#820d0d0e,#0000 36%),#ffffffc7;border:2px dashed #820d0d38;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:260px;padding:28px;transition:all .2s;display:flex}.ai-upload-box:hover,.ai-upload-box.has-file{background:radial-gradient(circle at 0 0,#820d0d14,#0000 36%),#fffffff5;border-color:#820d0d73}.ai-upload-icon{color:#820d0d;background:#820d0d14;border-radius:24px;place-items:center;width:70px;height:70px;font-size:30px;display:grid}.ai-upload-box h4{color:#1f2937;margin:0;font-size:18px}.ai-upload-box p{color:#6b7280;max-width:440px;margin:0;font-size:13px;line-height:1.6}.selected-file-box{background:#f8f8f8e6;border:1px solid #89858024;border-radius:18px;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;display:flex}.selected-file-box svg{color:#820d0d;background:#820d0d14;border-radius:14px;flex-shrink:0;width:38px;height:38px;padding:9px}.selected-file-box strong{color:#111827;font-size:14px;display:block}.selected-file-box span{color:#8c8c8c;margin-top:3px;font-size:12px;display:block}.ai-submit-btn{width:100%;margin-top:18px}.ai-progress-wrap{background:#820d0d09;border:1px solid #820d0d1f;border-radius:18px;margin-top:18px;padding:16px}.ai-progress-info{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.ai-progress-info span,.ai-progress-info strong{color:#820d0d;font-size:13px;font-weight:800}.ai-progress-bar{background:#8985802e;border-radius:999px;width:100%;height:10px;overflow:hidden}.ai-progress-bar div{background:#820d0d;border-radius:999px;height:100%;transition:width .3s}.ai-progress-wrap p{color:#6b7280;margin:10px 0 0;font-size:12px;line-height:1.5}.ai-step-list{flex-direction:column;gap:12px;margin-top:18px;display:flex}.ai-step-list div{background:#f8f8f8db;border:1px solid #89858024;border-radius:18px;grid-template-columns:38px 1fr;align-items:center;gap:12px;padding:14px;display:grid}.ai-step-list strong{color:#820d0d;background:#820d0d14;border-radius:14px;place-items:center;width:38px;height:38px;font-size:14px;display:grid}.ai-step-list span{color:#4b5563;font-size:14px;line-height:1.5}.ai-result-section{flex-direction:column;gap:18px;display:flex}.ai-score-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.ai-score-card{justify-content:space-between;align-items:center;padding:22px;display:flex;position:relative;overflow:hidden}.ai-score-card:after{content:"";background:#820d0d0a;border-radius:999px;width:120px;height:120px;position:absolute;top:-42px;right:-42px}.ai-score-card span{color:#6b7280;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.ai-score-card h2{color:#111827;margin:0;font-size:38px;line-height:1}.ai-score-card svg{z-index:1;font-size:36px}.ai-score-card.success svg{color:#15803d}.ai-score-card.danger svg{color:#b91c1c}.ai-result-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.ai-result-card p{color:#4b5563;margin:12px 0 0;font-size:14px;line-height:1.7}.recommendation-list{color:#4b5563;margin:14px 0 0;padding-left:20px}.recommendation-list li{margin-bottom:8px;font-size:14px;line-height:1.6}.source-list{flex-direction:column;gap:14px;margin-top:16px;display:flex}.source-item{background:#f8f8f8e0;border:1px solid #89858024;border-radius:20px;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:16px;transition:all .2s;display:grid}.source-item:hover{background:#820d0d08;border-color:#820d0d24}.source-item h4{color:#111827;margin:0 0 6px;font-size:15px}.source-item p{color:#6b7280;margin:0;font-size:13px;line-height:1.6}.source-item a{color:#820d0d;white-space:nowrap;background:#820d0d14;border-radius:14px;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.source-item a:hover{background:#820d0d21}.spin-icon{animation:1s linear infinite aiSpin}.scan-history-backdrop{z-index:9999;background:#2f26338c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.scan-history-modal{background:#fffaf7;border:1px solid #eadfd8;border-radius:22px;flex-direction:column;width:100%;max-width:1200px;max-height:88vh;display:flex;overflow:hidden;box-shadow:0 24px 70px #4b243838}.scan-history-header{border-bottom:1px solid #eadfd8;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.scan-history-header h3{color:#321827;margin:0;font-size:22px}.scan-history-header p{color:#6f6470;margin:6px 0 0;font-size:14px}.scan-history-close{color:#4b2438;cursor:pointer;background:#f1e7e1;border:none;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.scan-history-body{padding:22px;overflow:auto}.scan-history-table-wrap{width:100%;overflow-x:auto}.scan-history-table{border-collapse:collapse;width:100%;min-width:1100px}.scan-history-table th{text-align:left;color:#4b2438;white-space:nowrap;background:#f1e7e1;padding:14px 12px;font-size:13px;font-weight:700}.scan-history-table td{color:#2f2633;vertical-align:top;border-bottom:1px solid #eadfd8;padding:14px 12px;font-size:13px}.scan-history-recommendations{min-width:280px;margin:0;padding-left:18px}.scan-history-recommendations li{margin-bottom:6px;line-height:1.5}.four-column-kpi{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=1200px){.four-column-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.four-column-kpi{grid-template-columns:1fr}}@keyframes aiSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1180px){.ai-checker-grid,.ai-result-grid{grid-template-columns:1fr}}@media (width<=768px){.page-header{flex-direction:column}.action-buttons,.secondary-btn{width:100%}.ai-score-grid,.source-item{grid-template-columns:1fr}.source-item a{justify-content:center}.ai-upload-card,.ai-info-card,.ai-result-card,.ai-score-card{border-radius:20px}.ai-upload-card,.ai-info-card,.ai-result-card{padding:18px}.ai-upload-box{border-radius:20px;min-height:220px}}.roles-container{padding:4px 2px;animation:.3s ease-in-out fadeIn}.roles-title-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.roles-title-row h2{color:#1e293b;margin:0;font-size:1.55rem;font-weight:800}.roles-title-row p{color:#64748b;margin:4px 0 0;font-size:.9rem}.roles-main-card{background:#fff;border:1px solid #0000000d;border-radius:18px;grid-template-columns:330px 1fr;min-height:620px;display:grid;overflow:hidden;box-shadow:0 4px 20px #00000008}.roles-sidebar{background:#fbfcfd;border-right:1px solid #eef2f7}.roles-sidebar-header{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;height:68px;padding:0 18px;display:flex}.roles-sidebar-header h5{color:#1e293b;margin:0;font-size:.95rem;font-weight:800}.roles-sidebar-header span{color:#820d0d;background:#fff1f1;border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-size:.78rem;font-weight:800;display:flex}.roles-list{flex-direction:column;gap:8px;padding:12px;display:flex}.role-row{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;gap:12px;width:100%;padding:12px;transition:all .2s;display:flex}.role-row:hover{background:#fff;border-color:#e2e8f0}.role-row.active{background:#fff;border-color:#820d0d40;box-shadow:0 6px 18px #820d0d14}.role-icon{color:#820d0d;background:#f1f5f9;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.role-row.active .role-icon{color:#fff;background:#820d0d}.role-details strong{color:#1e293b;margin-bottom:3px;font-size:.92rem;font-weight:800;display:block}.role-details small{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.76rem;line-height:1.35;display:-webkit-box;overflow:hidden}.permissions-panel{background:#fff;flex-direction:column;min-width:0;display:flex}.permissions-topbar{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:14px;height:68px;padding:0 20px;display:flex}.permissions-topbar h4{color:#1e293b;margin:0;font-size:1.05rem;font-weight:800}.permissions-topbar p{color:#64748b;margin:3px 0 0;font-size:.8rem}.permission-search{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;width:280px;height:40px;padding:0 12px;display:flex}.permission-search input{color:#334155;border:0;outline:0;width:100%;font-size:.86rem}.permissions-content{padding:18px 20px 24px;overflow-y:auto}.permission-section{margin-bottom:24px}.permission-section-title{align-items:center;margin-bottom:10px;display:flex}.permission-section-title span{color:#64748b;letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:900}.permission-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.permission-row{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;gap:12px;min-height:76px;padding:12px;transition:all .2s;display:flex}.permission-row:hover{background:#f8fafc;border-color:#cbd5e1}.permission-row.enabled{background:#fff8f8;border-color:#820d0d47}.permission-check{color:#820d0d;border:1px solid #cbd5e1;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-top:1px;display:flex}.permission-row.enabled .permission-check{color:#fff;background:#820d0d;border-color:#820d0d}.permission-text strong{color:#1e293b;font-size:.86rem;font-weight:800;line-height:1.3;display:block}.permission-text small{color:#64748b;margin-top:4px;font-size:.76rem;line-height:1.35;display:block}.roles-empty{text-align:center;color:#64748b;padding:22px;font-size:.9rem}.roles-empty.large{justify-content:center;align-items:center;min-height:420px;display:flex}@media (width<=992px){.roles-main-card{grid-template-columns:1fr}.roles-sidebar{border-bottom:1px solid #eef2f7;border-right:0}.permissions-topbar{flex-direction:column;align-items:stretch;height:auto;padding:16px}.permission-search{width:100%}}@media (width<=768px){.permission-list{grid-template-columns:1fr}.roles-title-row h2{font-size:1.3rem}}