@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;max-width:100vw;min-height:100vh;overflow-x:hidden;width:100%}.page-container{box-sizing:border-box;margin-left:72px;max-width:calc(100vw - 72px);min-height:100vh;overflow-x:auto;padding:15px 20px;transition:margin-left .25s ease,width .25s ease,max-width .25s ease;width:calc(100vw - 72px)}@media (max-width:768px){.page-container{margin-left:0!important;max-width:100vw!important;overflow-x:hidden!important;padding:75px 12px 15px!important;width:100vw!important}}@media (min-width:769px){body.sidebar-expanded .container,body.sidebar-expanded .page-container{margin-left:250px!important;max-width:calc(100vw - 250px)!important;width:calc(100vw - 250px)!important}}h1{color:#fffc;font-size:clamp(24px,5vw,32px);font-weight:700;letter-spacing:-.5px;margin-bottom:16px}h2{align-items:center;color:#166534;display:flex;font-size:clamp(18px,4vw,24px);gap:8px;margin-bottom:12px}h2,h3{font-weight:600}h3{color:#2d6a4f;font-size:clamp(14px,3.5vw,18px)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{box-sizing:border-box;margin:0 0 0 72px;max-width:calc(100vw - 72px);min-height:100vh;overflow-x:auto;padding:15px 20px;transition:margin-left .25s ease,width .25s ease,max-width .25s ease;width:calc(100vw - 72px)}@media (max-width:768px){.container{margin-left:0!important;max-width:100vw!important;overflow-x:hidden!important;padding:75px 12px 15px!important;width:100vw!important}}@media (max-width:480px){.container{padding:70px 10px 12px!important}}.card{border:1px solid #e8f0e4;border-radius:10px;box-shadow:0 1px 4px #00280014,0 1px 2px #0028000a;box-sizing:border-box;margin-bottom:12px;padding:16px;transition:all .3s ease;width:100%}@media (max-width:768px){.card{border-radius:8px;margin-bottom:10px;padding:12px!important}}.card:hover{box-shadow:0 4px 12px #0028001a,0 2px 6px #0028000f;transform:translateY(-2px)}.btn{border:none;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.3px;padding:12px 24px;transition:all .2s ease}@media (max-width:768px){.btn{font-size:13px;padding:10px 16px}}.btn:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 2px 4px #16a34a4d}.btn-primary:hover{background:linear-gradient(135deg,#15803d,#14532d);box-shadow:0 4px 8px #16a34a66}.btn-success{background:linear-gradient(135deg,#11998e,#38ef7d);box-shadow:0 2px 4px #11998e4d;color:#fff}.btn-success:hover{background:linear-gradient(135deg,#0e8378,#2fd46a);box-shadow:0 4px 8px #11998e66;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#eb3349,#f45c43);box-shadow:0 2px 4px #eb33494d;color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#d42b3f,#dd4a3a);box-shadow:0 4px 8px #eb334966;transform:translateY(-1px)}.btn-secondary{background:linear-gradient(135deg,#868f96,#596164);box-shadow:0 2px 4px #6c757d4d;color:#fff}.btn-secondary:hover{background:linear-gradient(135deg,#757d84,#4a5153);box-shadow:0 4px 8px #6c757d66;transform:translateY(-1px)}.form-group{margin-bottom:15px}.form-group label{color:#166534;letter-spacing:.2px}.form-control{background-color:#f8fcf8;border:2px solid #d4e8d4}select.form-control{cursor:pointer}textarea.form-control{min-height:100px;resize:vertical}.table{margin-top:20px}.table td,.table th{border-bottom:1px solid #e2e8f0;padding:16px;text-align:left}.table th{background:linear-gradient(180deg,#f0f9f4,#e8f5ee);color:#14532d;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.table tr:hover{background-color:#f0f9f4;transition:background-color .2s ease}@media (max-width:768px){.table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;white-space:nowrap}.table td,.table th{font-size:13px;padding:8px}}.badge{border-radius:8px;box-shadow:0 1px 2px #0000000d;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.3px;padding:5px 12px;text-transform:uppercase}.badge-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #b1dfbb;color:#155724}.badge-warning{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffe8a1;color:#856404}.badge-danger{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #f1b0b7;color:#721c24}.badge-info{background:linear-gradient(135deg,#d1ecf1,#bee5eb);border:1px solid #abdde5;color:#0c5460}.alert{align-items:center;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;font-weight:500;gap:12px;margin-bottom:20px;padding:16px 20px}.alert:before{font-size:20px}.alert-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #b1dfbb;border-left:4px solid #28a745;color:#155724}.alert-success:before{content:"✓"}.alert-error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #f1b0b7;border-left:4px solid #dc3545;color:#721c24}.alert-error:before{content:"✕"}.alert-info{background:linear-gradient(135deg,#d1ecf1,#bee5eb);border:1px solid #abdde5;border-left:4px solid #17a2b8;color:#0c5460}.alert-info:before{content:"ℹ"}.modal{animation:slideUp .3s ease;background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:600px;overflow-y:auto;padding:28px;width:90%}@media (max-width:768px){.modal{max-height:85vh;padding:15px;width:95%}}.modal-header{margin-bottom:24px;padding-bottom:16px}.modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#16a34a,#14532d);-webkit-background-clip:text;background-clip:text;color:#14532d;font-size:22px;font-weight:700}.close-btn{color:#94a3b8;font-size:28px}.close-btn:hover{background:#f0f9f4;color:#14532d}.grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}@media (max-width:768px){.grid{gap:15px;grid-template-columns:1fr}}.stat-card{background:#fff;border:1px solid #e8f0e4;border-radius:12px;box-shadow:0 2px 12px #00280012;color:#1a2e1a;padding:20px;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 20px #0028001f;transform:translateY(-4px)}.stat-card h3{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.8px;margin-bottom:10px;opacity:1;text-transform:uppercase}.stat-card p{color:#14532d;font-size:32px;font-weight:700;text-shadow:none}.checkbox-container{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-container input[type=checkbox]{cursor:pointer;height:18px;width:18px}.flex{display:flex;gap:10px}.flex-between{align-items:center;display:flex;justify-content:space-between}.flex-end{display:flex;gap:10px;justify-content:flex-end}@media (max-width:768px){.flex-between{align-items:flex-start;flex-direction:column;gap:15px}.flex-between>*,.flex-end{width:100%}.flex-end{justify-content:stretch}.flex-end>button{flex:1 1}}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.loading{color:#64748b;font-size:16px;font-weight:500;padding:60px 40px;text-align:center}.loading:before{animation:spin .8s linear infinite;border:4px solid #d4eedd;border-radius:50%;border-top-color:#16a34a;content:"";display:inline-block;height:40px;margin-bottom:16px;width:40px}.btn-block{display:block}@media (max-width:768px){.card{margin-bottom:15px;padding:15px}.btn{font-size:13px;padding:10px 15px}table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;white-space:nowrap}.form-control{font-size:16px}.flex-between{flex-wrap:wrap;gap:10px}.modal{max-height:90vh;max-width:95vw;overflow-y:auto}}@media (max-width:480px){.container{padding:10px}.card{padding:12px}.btn{font-size:12px;padding:8px 12px}}.broadcast-page-wrapper{grid-gap:16px;background:#fff;box-sizing:border-box;display:grid;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;gap:16px;grid-template-columns:1fr 280px;height:100vh;margin-left:72px;overflow:hidden;padding:8px 20px 16px}@media (min-width:769px){body.sidebar-expanded .broadcast-page-wrapper{margin-left:250px}}@media (max-width:1024px){.broadcast-page-wrapper{grid-template-columns:1fr}.broadcast-sidebar-right{display:none}}@media (max-width:968px){.broadcast-page-wrapper{grid-template-columns:1fr;margin-left:0;padding:16px}}.broadcast-main-content{display:flex;flex-direction:column;gap:2px;height:100%;min-width:0;overflow-x:hidden;overflow-y:auto;padding-right:4px;scrollbar-width:none}.broadcast-main-content::-webkit-scrollbar{display:none}.page-header{background:#0000;border-radius:0;box-shadow:none;justify-content:space-between;padding:1px 0}.page-header,.page-title-wrap{align-items:center;display:flex}.page-title-wrap{gap:9px}.page-title{-webkit-text-fill-color:#111827!important;background:none!important;-webkit-background-clip:border-box!important;background-clip:initial!important;color:#111827!important;font-family:Inter,sans-serif;font-size:18px!important;letter-spacing:-.3px;line-height:1!important;margin:0!important}.page-actions{align-items:center;display:flex;gap:12px}.filter-select-wrapper{align-items:center;display:inline-flex;position:relative}.filter-icon{color:#6b7280;flex-shrink:0;left:5px;pointer-events:none;position:absolute;z-index:1}.filter-select-wrapper .filter-select{padding-left:18px}.filter-select{background:#fff;border:1px solid #e5e7eb;border-radius:5px;color:#6b7280;font-size:10px;min-width:72px;padding:2px 6px;transition:all .2s}.filter-select:hover{border-color:#d1d5db}.filter-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.admin-toggle-icon{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.admin-toggle-icon:hover{background:#f9fafb;border-color:#d1d5db}.admin-toggle-icon.active{background:#6366f1;border-color:#6366f1;color:#fff}.create-announcement-box{align-items:center;background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000f;display:flex;gap:10px;margin-top:0;padding:10px 14px}.user-avatar .avatar-circle{align-items:center;background:#166534;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:34px;justify-content:center;width:34px}.create-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#9ca3af;cursor:pointer;flex:1 1;font-size:13px;padding:8px 12px;transition:all .2s}.create-input:hover{background:#f3f4f6;border-color:#d1d5db}.search-live-input{background:#fff!important;color:#111827!important;cursor:text!important}.search-live-input:focus{background:#fff!important;border-color:#166534!important;box-shadow:0 0 0 2px #1665341a;outline:none}.search-live-input::placeholder{color:#9ca3af}.create-actions{align-items:center;display:flex;gap:8px}.create-action-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:12px;gap:5px;isolation:isolate;overflow:hidden;padding:6px 10px;position:relative;transition:all .2s}.btn-generate:before,.create-action-btn:before{background:linear-gradient(90deg,#a8e63d,#9fdd39 52%,#94d82d);content:"";inset:0;pointer-events:none;position:absolute;transform:translateX(-110%);transition:transform .55s cubic-bezier(.22,.61,.36,1);z-index:0}.btn-generate:after,.create-action-btn:after{background:radial-gradient(circle at 30% 50%,#ffffff4d 0 28%,#fff0 58%),radial-gradient(circle at 58% 38%,#ffffff38 0 24%,#fff0 56%),radial-gradient(circle at 62% 68%,#ffffff29 0 18%,#fff0 52%);border-radius:44% 56% 58% 42%;content:"";height:170%;left:-38%;opacity:.95;pointer-events:none;position:absolute;top:-35%;transform:translateX(-145%) rotate(8deg);transition:transform .8s cubic-bezier(.22,.61,.36,1);width:62%;z-index:0}.create-action-btn:hover{background:#fff;border-color:#a8e63d;color:#1f2937}.btn-generate:hover:before,.create-action-btn:hover:before{transform:translateX(0)}.btn-generate:hover:after,.create-action-btn:hover:after{transform:translateX(255%) rotate(8deg)}.btn-generate>*,.create-action-btn>*{position:relative;z-index:1}.btn-generate:hover svg,.create-action-btn:hover svg{color:#1f2937}.create-action-btn svg{color:#9ca3af;transition:color .35s ease}.btn-generate{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:5px;isolation:isolate;overflow:hidden;padding:6px 12px;position:relative;transition:all .2s}.btn-generate:hover{background:#fff;border-color:#a8e63d;color:#1f2937}.announcements-feed{display:flex;flex-direction:column;gap:10px;margin-top:10px}.announcement-post{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000f;padding:14px 16px;transition:all .2s}.announcement-post:hover{box-shadow:0 4px 12px #00000014}.post-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.post-author{gap:10px}.author-avatar,.post-author{align-items:center;display:flex}.author-avatar{background:#166534;border-radius:50%;color:#fff;flex-shrink:0;font-size:15px;font-weight:600;height:38px;justify-content:center;width:38px}.author-info{display:flex;flex-direction:column;gap:2px}.author-name{align-items:center;color:#111827;display:flex;font-weight:600;gap:5px;letter-spacing:-.01em;margin:0}.author-name,.pin-icon{font-size:14px}.author-meta{color:#9ca3af;font-size:12px;font-weight:400;margin:0}.post-menu{flex-shrink:0;gap:2px}.pin-btn,.post-menu{align-items:center;display:flex}.pin-btn{background:#0000!important;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;height:28px;justify-content:center;transition:all .2s;width:28px}.pin-btn--active,.pin-btn:hover{background:#0000!important;color:#a8e63d}.menu-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.menu-btn:hover{background:#f3f4f6;color:#6b7280}.menu-btn-wrapper{position:relative}.post-dropdown-menu{animation:dropdownFadeIn .15s ease;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 16px #0000001f;min-width:130px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:100}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.post-dropdown-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:9px 14px;text-align:left;transition:background .15s;width:100%}.post-dropdown-item:hover{background:#f9fafb}.post-dropdown-item--danger{color:#ef4444}.post-dropdown-item--danger:hover{background:#fef2f2}.pin-icon{display:none}.post-badge{align-items:center;background:#0000;border-radius:0;color:#15803d;display:inline-flex;font-size:12px;font-weight:500;gap:6px;margin-bottom:8px;padding:0}.post-badge--header{margin-bottom:0;margin-right:4px}.badge-dot{background:#22c55e;border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px}.post-content{margin-bottom:10px}.post-title{color:#111827;font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.4;margin:0 0 6px}.post-message{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#374151;display:-webkit-box;font-size:13px;line-height:1.6;margin:0;overflow:hidden}.post-stats{border-bottom:1px solid #f3f4f6;font-size:12px;justify-content:space-between;margin-bottom:4px;padding:8px 0}.post-stats,.stat-reactions{align-items:center;color:#6b7280;display:flex}.stat-reactions{gap:5px}.stat-engagement{color:#9ca3af;font-size:12px}.post-actions{align-items:center;display:flex;gap:6px;margin-top:8px;padding-top:2px}.post-actions .action-btn{--liquid-base:#3b775e;--liquid-text:#fff;--liquid-hover-text:#1f2937;align-items:center;background:var(--liquid-base)!important;border:none;border-radius:6px;color:var(--liquid-text);cursor:pointer;display:flex;flex:none;font-size:11px;font-weight:600;gap:4px;isolation:isolate;justify-content:center;letter-spacing:.01em;overflow:hidden;padding:5px 10px;position:relative;transition:color .35s ease;white-space:nowrap}.post-actions .action-btn:before{background:linear-gradient(90deg,#a8e63d,#9fdd39 52%,#94d82d);content:"";inset:0;pointer-events:none;position:absolute;transform:translateX(-110%);transition:transform .55s cubic-bezier(.22,.61,.36,1);z-index:0}.post-actions .action-btn:after{background:radial-gradient(circle at 30% 50%,#ffffff4d 0 28%,#fff0 58%),radial-gradient(circle at 58% 38%,#ffffff38 0 24%,#fff0 56%),radial-gradient(circle at 62% 68%,#ffffff29 0 18%,#fff0 52%);border-radius:44% 56% 58% 42%;content:"";height:170%;left:-38%;opacity:.95;pointer-events:none;position:absolute;top:-35%;transform:translateX(-145%) rotate(8deg);transition:transform .8s cubic-bezier(.22,.61,.36,1);width:62%;z-index:0}.post-actions .action-btn:hover{background:var(--liquid-base)!important;color:#1f2937;color:var(--liquid-hover-text,#1f2937)}.post-actions .react-btn.is-liked,.post-actions .react-btn.is-liked:hover{background:#e11d48!important;border-color:#e11d48!important;color:#fff!important}.post-actions .react-btn.is-liked:after,.post-actions .react-btn.is-liked:before{display:none!important}.post-actions .action-btn:hover:before{transform:translateX(0)}.post-actions .action-btn:hover:after{transform:translateX(255%) rotate(8deg)}.post-actions .action-btn>*{position:relative;z-index:1}.post-actions .action-btn svg{flex-shrink:0;height:11px;width:11px}.post-actions .action-btn-primary{--liquid-base:#3b775e;--liquid-text:#fff;--liquid-hover-text:#1f2937}.post-actions .action-btn-primary:hover{color:#1f2937!important;color:var(--liquid-hover-text,#1f2937)!important}.comments-section{border-top:1px solid #f3f4f6;margin-top:16px;padding-top:16px}.comments-title{color:#1f2937;font-size:14px;font-weight:600;margin:0 0 12px}.comments-list{display:flex;flex-direction:column;gap:12px;margin-bottom:12px;max-height:200px;overflow-y:auto}.comment-item{align-items:flex-start;display:flex;gap:10px}.comment-avatar{align-items:center;background:#166534;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:32px;justify-content:center;width:32px}.comment-content{background:#f9fafb;border-radius:8px;color:#4b5563;flex:1 1;font-size:13px;padding:8px 12px}.comment-author{color:#1f2937;font-weight:600;margin-right:6px}.comment-text{color:#6b7280}.comment-input-wrap{display:flex;gap:8px}.comment-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;flex:1 1;font-size:13px;padding:8px 12px;transition:all .2s}.comment-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.btn-post-comment{--liquid-base:#166534;--liquid-text:#fff;--liquid-hover-text:#1f2937;background:var(--liquid-base)!important;border:none;border-radius:6px;color:var(--liquid-text);cursor:pointer;font-size:13px;font-weight:600;isolation:isolate;overflow:hidden;padding:8px 16px;position:relative;transition:color .35s ease}.btn-post-comment:before{background:linear-gradient(90deg,#a8e63d,#9fdd39 52%,#94d82d);inset:0;transform:translateX(-110%);transition:transform .55s cubic-bezier(.22,.61,.36,1)}.btn-post-comment:after,.btn-post-comment:before{content:"";pointer-events:none;position:absolute;z-index:0}.btn-post-comment:after{background:radial-gradient(circle at 30% 50%,#ffffff4d 0 28%,#fff0 58%),radial-gradient(circle at 58% 38%,#ffffff38 0 24%,#fff0 56%),radial-gradient(circle at 62% 68%,#ffffff29 0 18%,#fff0 52%);border-radius:44% 56% 58% 42%;height:170%;left:-38%;opacity:.95;top:-35%;transform:translateX(-145%) rotate(8deg);transition:transform .8s cubic-bezier(.22,.61,.36,1);width:62%}.btn-post-comment:hover{background:var(--liquid-base)!important;color:#1f2937;color:var(--liquid-hover-text,#1f2937)}.btn-post-comment:hover:before{transform:translateX(0)}.btn-post-comment:hover:after{transform:translateX(255%) rotate(8deg)}.btn-post-comment>*{position:relative;z-index:1}.empty-state{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:60px 40px;text-align:center}.empty-state svg{color:#d1d5db;margin-bottom:16px}.empty-state h3{color:#4b5563;font-size:16px;font-weight:600;margin:0 0 8px}.empty-state p{color:#9ca3af;font-size:14px;margin:0}.broadcast-sidebar-right{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f;box-sizing:border-box;height:100%;overflow-x:hidden;overflow-y:auto;padding:20px;scrollbar-width:none}.broadcast-sidebar-right::-webkit-scrollbar{display:none}.pinned-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.pinned-header h3{color:#1f2937;font-size:15px;font-weight:600;margin:0}.btn-pinned-menu{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:18px;line-height:1;padding:4px}.btn-pinned-menu:hover{color:#6b7280}.pinned-list{display:flex;flex-direction:column;gap:16px}.pinned-item{border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;padding:14px;position:relative;transition:all .2s}.pinned-item:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000f}.pinned-author{align-items:center;display:flex;gap:10px;margin-bottom:0}.pinned-item-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.pinned-avatar{align-items:center;background:#166534;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:32px;justify-content:center;width:32px}.pinned-info{flex:1 1;min-width:0}.pinned-name{color:#1f2937;font-size:13px;font-weight:600;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pinned-badge{color:#6366f1;display:flex;font-size:11px;gap:4px}.pinned-badge,.pinned-category{align-items:center;font-weight:500}.pinned-category{background:#0000;border-radius:0;color:#16a34a;display:inline-flex;font-size:12px;gap:6px;margin-bottom:8px;padding:0}.pinned-menu-wrapper{flex-shrink:0}.pinned-more-btn{height:24px;width:24px}.pinned-dropdown-menu{min-width:132px;right:0}.pinned-dropdown-menu .post-dropdown-item{font-size:12px;gap:6px;padding:7px 10px}.pinned-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;color:#1f2937;display:-webkit-box;font-size:13px;font-weight:600;line-height:1.4;margin:0 0 6px;overflow:hidden}.pinned-preview{color:#6b7280;font-size:12px;line-height:1.5;margin:0 0 10px}.btn-view-post{background:#0000;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;font-size:12px;font-weight:500;isolation:isolate;overflow:hidden;padding:6px 12px;position:relative;transition:all .2s;width:100%}.btn-view-post:before{background:linear-gradient(90deg,#a8e63d,#9fdd39 52%,#94d82d);inset:0;transform:translateX(-110%);transition:transform .55s cubic-bezier(.22,.61,.36,1)}.btn-view-post:after,.btn-view-post:before{content:"";pointer-events:none;position:absolute;z-index:0}.btn-view-post:after{background:radial-gradient(circle at 30% 50%,#ffffff4d 0 28%,#fff0 58%),radial-gradient(circle at 58% 38%,#ffffff38 0 24%,#fff0 56%),radial-gradient(circle at 62% 68%,#ffffff29 0 18%,#fff0 52%);border-radius:44% 56% 58% 42%;height:170%;left:-38%;opacity:.95;top:-35%;transform:translateX(-145%) rotate(8deg);transition:transform .8s cubic-bezier(.22,.61,.36,1);width:62%}.btn-view-post:hover{background:#0000;border-color:#a8e63d;color:#1f2937}.btn-view-post:hover:before{transform:translateX(0)}.btn-view-post:hover:after{transform:translateX(255%) rotate(8deg)}.btn-view-post>*{position:relative;z-index:1}.modal-overlay{animation:fadeIn .2s ease-out;background:#0f172a80}.bc-modal{max-width:420px!important}.vp-main-content{display:flex;flex-direction:column;gap:2px;grid-column:1/-1;height:100%;min-width:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.vp-main-content::-webkit-scrollbar{display:none}.vp-post-card{flex:1 1}.vp-fullpage{grid-column:1/-1;height:100%;overflow:hidden}.vp-fullpage-inner{display:flex;flex-direction:column;height:100%;min-height:0}.vp-layout{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 290px}.vp-card,.vp-layout{height:100%;min-height:0}.vp-card{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000f;overflow-x:hidden;overflow-y:auto;padding:14px 16px;scrollbar-width:none}.vp-card::-webkit-scrollbar{display:none}.vp-back-btn{--liquid-base:#166534;--liquid-text:#fff;--liquid-hover-text:#1f2937;align-items:center;background:var(--liquid-base)!important;border:1px solid #14532d;border-radius:10px 10px 0 0;color:var(--liquid-text);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;isolation:isolate;justify-content:center;margin-bottom:0;overflow:hidden;padding:6px 10px;position:relative;transition:color .35s ease,border-color .35s ease;width:100%}.vp-back-btn:before{background:linear-gradient(90deg,#a8e63d,#9fdd39 52%,#94d82d);inset:0;transform:translateX(-110%);transition:transform .55s cubic-bezier(.22,.61,.36,1)}.vp-back-btn:after,.vp-back-btn:before{content:"";pointer-events:none;position:absolute;z-index:0}.vp-back-btn:after{background:radial-gradient(circle at 30% 50%,#ffffff4d 0 28%,#fff0 58%),radial-gradient(circle at 58% 38%,#ffffff38 0 24%,#fff0 56%),radial-gradient(circle at 62% 68%,#ffffff29 0 18%,#fff0 52%);border-radius:44% 56% 58% 42%;height:170%;left:-38%;opacity:.95;top:-35%;transform:translateX(-145%) rotate(8deg);transition:transform .8s cubic-bezier(.22,.61,.36,1);width:62%}.vp-back-btn:hover{background:var(--liquid-base)!important;border-color:#a8e63d;color:#1f2937;color:var(--liquid-hover-text,#1f2937)}.vp-back-btn:hover:before{transform:translateX(0)}.vp-back-btn:hover:after{transform:translateX(255%) rotate(8deg)}.vp-back-btn>*{position:relative;z-index:1}.vp-announcement-sidebar{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;height:100%;min-height:0}.vp-announcement-sidebar-header{border-bottom:1px solid #f3f4f6;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:500;padding:12px 14px}.vp-announcement-list{display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;padding:10px;scrollbar-width:none}.vp-announcement-list::-webkit-scrollbar{display:none}.vp-announcement-pagination{align-items:center;border-top:1px solid #f3f4f6;display:flex;gap:8px;justify-content:space-between;padding:8px 10px 10px}.vp-pagination-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:12px;font-weight:500;padding:4px 10px}.vp-pagination-btn:hover:not(:disabled){background:#f3f4f6}.vp-pagination-btn:disabled{cursor:not-allowed;opacity:.45}.vp-pagination-info{color:#6b7280;font-size:12px;font-weight:500}.vp-announcement-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:10px;text-align:left;transition:all .15s}.vp-announcement-item:hover{background:#f3f4f6;border-color:#d1d5db}.vp-announcement-item.active{background:#f0fdf4;border-color:#166534;box-shadow:inset 0 0 0 1px #16653414}.vp-announcement-item-title{color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:400;line-height:1.4;margin:0 0 4px}.vp-announcement-item-meta{color:#6b7280;font-size:11px;margin:0}.vp-announcement-empty{color:#9ca3af;font-size:12px;margin:0;padding:12px;text-align:center}@media (max-width:1024px){.vp-layout{grid-template-columns:1fr;height:auto}.vp-announcement-sidebar{max-height:260px}}.vp-full-message{color:#374151;font-size:14px;line-height:1.8;margin:0;white-space:pre-wrap}.vp-card-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;margin-bottom:14px;padding-bottom:12px}.vp-author,.vp-card-header{align-items:center;display:flex;gap:12px}.vp-author-name{color:#111827;font-size:15px;font-weight:600;margin:0 0 2px}.vp-author-meta{color:#9ca3af;font-size:12px;margin:0}.vp-badge{align-items:center;color:#15803d;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:500;gap:6px;justify-content:center;margin:0}.vp-title{color:#111827;font-size:18px;font-weight:700;line-height:1.4;margin:0 0 10px}.vp-message{color:#374151;font-size:14px;line-height:1.7;margin:0 0 16px;white-space:pre-wrap}.vp-stats{align-items:center;border-bottom:1px solid #f3f4f6;border-top:1px solid #f3f4f6;color:#6b7280;display:flex;font-size:12px;justify-content:space-between;margin-bottom:16px;padding:10px 0}.vp-comments-section{display:flex;flex-direction:column;gap:10px}.vp-comments-title{color:#1f2937;font-size:14px;font-weight:600;margin:0}.vp-comments-list{display:flex;flex-direction:column;gap:10px;max-height:240px;overflow-y:auto;scrollbar-color:#e5e7eb #0000;scrollbar-width:thin}.vp-no-comments{color:#9ca3af;font-size:13px;margin:0;padding:16px 0;text-align:center}.bc-modal{animation:slideUp .25s ease-out;background:#fff;border-radius:16px;box-shadow:0 24px 48px #00000024;max-width:480px;overflow:hidden;width:100%}.bc-modal-header{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:20px 22px 18px}.bc-modal-title-wrap{align-items:center;display:flex;gap:12px}.bc-modal-icon{align-items:center;background:#166534;border-radius:10px;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.bc-modal-title{color:#0f172a;font-size:16px;font-weight:700;letter-spacing:-.2px;margin:0}.bc-modal-subtitle{color:#94a3b8;font-size:12px;font-weight:400;margin:2px 0 0}.bc-modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .15s;width:30px}.bc-modal-close:hover{background:#e2e8f0;color:#1e293b}.bc-modal-body{display:flex;flex-direction:column;gap:16px;padding:20px 22px}.bc-priority-tabs{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:6px;padding:4px}.bc-tab-btn{background:#0000;border:none;border-radius:7px;color:#64748b;cursor:pointer;flex:1 1;font-size:12px;font-weight:500;padding:6px 10px;transition:all .15s}.bc-tab-btn:hover{color:#1e293b}.bc-tab-active{background:#fff!important;box-shadow:0 1px 4px #0000001a;color:#166534!important;font-weight:600}.bc-form-group{display:flex;flex-direction:column;gap:6px}.bc-label{align-items:center;color:#1e293b;display:flex;font-size:15px;font-weight:600;gap:2px}.bc-label-optional{color:#94a3b8;font-size:11px;font-weight:400}.bc-label-required{color:#ef4444;font-weight:600}.react-btn{position:relative;transition:color .35s ease,transform .2s ease,box-shadow .25s ease,background .2s ease,border-color .2s ease!important}.react-icon{align-items:center;display:flex;justify-content:center;line-height:1;position:relative}.react-btn.is-animating .react-icon svg{animation:reactHeartPop .5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes reactHeartPop{0%{transform:scale(1)}20%{transform:scale(.8)}55%{transform:scale(1.75)}80%{transform:scale(.95)}to{transform:scale(1)}}.react-burst{height:0;left:50%;pointer-events:none;position:absolute;top:50%;width:0;z-index:20}.burst-particle{animation:burstFade .65s ease-out forwards;border-radius:50%;height:7px;opacity:0;position:absolute;width:7px}.burst-particle--1{--tx:22px;--ty:-8px;animation-delay:0s;background:#f43f5e}.burst-particle--2{--tx:14px;--ty:-22px;animation-delay:.03s;background:#fb923c}.burst-particle--3{--tx:-6px;--ty:-24px;animation-delay:.06s;background:#facc15}.burst-particle--4{--tx:-24px;--ty:-6px;animation-delay:.02s;background:#f43f5e}.burst-particle--5{--tx:-16px;--ty:14px;animation-delay:.05s;background:#fb7185}.burst-particle--6{--tx:12px;--ty:18px;animation-delay:.04s;background:#f97316}@keyframes burstFade{0%{opacity:1;transform:translate(0) scale(1.3)}60%{opacity:.8}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(0)}}.bc-input{background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:13px;padding:9px 13px;transition:border-color .2s,box-shadow .2s;width:100%}.bc-input:focus{border-color:#166534;box-shadow:0 0 0 3px #16653414;outline:none}.bc-input::placeholder{color:#94a3b8}.bc-textarea{min-height:90px;resize:none}.bc-modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:14px 22px 18px}.bc-btn-cancel{background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;padding:9px 20px;transition:all .2s}.bc-btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1;color:#334155}.bc-btn-submit{background:#166534;border:none;border-radius:9px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.01em;padding:9px 22px;transition:all .2s}.bc-btn-submit:hover{background:#14532d;box-shadow:0 4px 12px #16653440}.modal-header{border-bottom:1px solid #f3f4f6}.modal-header h2{color:#1f2937;font-size:18px;font-weight:600}.modal-header button{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:24px;line-height:1;padding:0;transition:color .15s}.modal-header button:hover{color:#6b7280}.form-group{margin-bottom:18px}.form-control{background:#fafbfc;border:1px solid #e5e7eb;transition:all .2s}.form-control:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.modal-footer{background-color:#fafbfc;border-top:1px solid #f3f4f6;gap:10px;padding:16px 24px}.modal-footer .btn-action{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.modal-footer .btn-action:hover{background:#f9fafb;color:#1f2937}.modal-footer .btn-new-broadcast{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.modal-footer .btn-new-broadcast:hover{background:#4f46e5}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{animation:shimmer 1.4s linear infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);border-radius:4px;display:block}.skeleton-card{pointer-events:none}.skeleton-avatar{border-radius:50%;flex-shrink:0;height:38px;width:38px}.skeleton-line{border-radius:4px;height:12px;width:100%}.skeleton-btn{border-radius:7px;flex:1 1;height:34px}.dashboard-container{box-sizing:border-box;margin-left:72px;max-width:calc(100vw - 72px);overflow-x:hidden;padding:15px 20px;transition:margin-left .25s ease,width .25s ease,max-width .25s ease;width:calc(100vw - 72px)}body.sidebar-expanded .dashboard-container{margin-left:240px;max-width:calc(100vw - 240px);width:calc(100vw - 240px)}@media (max-width:768px){.dashboard-container{margin-left:0!important;max-width:100vw!important;overflow-x:hidden!important;padding:15px 12px!important;width:100vw!important}.stats-grid{gap:10px!important;grid-template-columns:repeat(2,1fr)!important;width:100%!important}.stat-card{min-width:0!important;width:100%!important}.attendance-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.attendance-stat-value{font-size:clamp(16px,4vw,20px)}.attendance-card{border-radius:10px;padding:16px}.quick-links-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.quick-link{font-size:13px;padding:10px}.dashboard-charts-section{gap:15px;grid-template-columns:1fr!important}.activities-sidebar{border-left:none;border-top:2px solid #e5e7eb;margin-top:10px;padding-left:0;padding-top:15px}.dashboard-bottom-grid{gap:12px;grid-template-columns:1fr!important}.card{box-sizing:border-box!important;margin-bottom:10px;padding:12px!important;width:100%!important}.dashboard-welcome{font-size:20px!important}.chart-wrapper{overflow-x:auto;width:100%!important}canvas{max-width:100%!important}}.employee-dashboard-shell{background:#f4f7f0;box-sizing:border-box;font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden;padding:20px 24px;transition:padding .25s ease}.employee-dashboard-frame{box-shadow:none;margin:0 auto;max-width:none;width:100%}.employee-dashboard-frame,.employee-dashboard-grid{background:#0000;border-radius:0;box-sizing:border-box;padding:0}.employee-dashboard-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(260px,320px) minmax(0,1fr)}.employee-dashboard-main,.employee-dashboard-sidebar{grid-gap:18px;align-content:start;display:grid;gap:18px}@keyframes flipInX{0%{opacity:0;transform:perspective(400px) rotateX(-90deg)}60%{transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{opacity:1;transform:perspective(400px) rotateX(0deg)}}@keyframes flipInY{0%{opacity:0;transform:perspective(400px) rotateY(-90deg)}60%{transform:perspective(400px) rotateY(8deg)}80%{transform:perspective(400px) rotateY(-4deg)}to{opacity:1;transform:perspective(400px) rotateY(0deg)}}@keyframes scalePopIn{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.employee-profile-card{background:linear-gradient(135deg,#14532d,#166534);border:none;border-radius:12px;box-shadow:0 4px 12px #14532d47,0 10px 30px #14532d33;color:#fff;isolation:isolate;overflow:hidden;padding:24px 20px;position:relative;transition:transform .18s ease,box-shadow .18s ease}.employee-profile-card:hover{box-shadow:0 6px 16px #14532d59,0 12px 35px #14532d40;transform:translateY(-2px)}.employee-profile-card:before{animation:bubble-float-large 5.5s ease-in-out infinite;bottom:-40px;height:140px;opacity:.15;right:-40px;width:140px}.employee-profile-card:after,.employee-profile-card:before{background:#a8e63d;border-radius:50%;content:"";pointer-events:none;position:absolute;z-index:-1}.employee-profile-card:after{animation:bubble-float-small 4.2s ease-in-out infinite;bottom:-30px;height:80px;opacity:.1;right:60px;width:80px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.employee-profile-top{align-items:center;display:flex;gap:14px;margin-bottom:10px}.employee-avatar{animation:scalePopIn .55s cubic-bezier(.34,1.56,.64,1) both;background:linear-gradient(135deg,#a8e63d,#fff);box-shadow:0 4px 14px #a8e63d73;color:#14532d;display:grid;font-size:32px;font-weight:800;height:80px;place-items:center;transition:transform .35s ease;width:80px}.employee-profile-card:hover .employee-avatar{transform:scale(1.08) rotate(5deg)}.employee-profile-copy h1{animation:flipInX .5s ease .1s both;color:#fff;font-size:20px;font-weight:700;letter-spacing:-.3px;line-height:1.15;margin:2px 0}.employee-profile-copy h1,.employee-profile-copy p{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-profile-copy p{animation:flipInX .5s ease .18s both;color:#ffffffd9;font-size:11.5px;font-weight:500;margin:0}.employee-overline{animation:flipInX .5s ease .05s both;color:#ffffffb3;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.13em;margin-bottom:1px;text-transform:uppercase}.employee-overline.dark{color:#6b7280}.employee-status-row{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.employee-status-pill{align-items:center;animation:flipInY .5s ease .25s both;border-radius:999px;display:inline-flex;font-size:13px;font-weight:700;justify-content:center;letter-spacing:.02em;min-height:38px;padding:0 18px;transition:transform .2s ease,box-shadow .2s ease}.employee-profile-card:hover .employee-status-pill{transform:translateY(-2px) scale(1.05)}.employee-status-pill.live,.employee-status-pill.present{background:#a8e63d;border:none;box-shadow:0 2px 8px #a8e63d66;color:#14532d}.employee-status-pill.offline{background:#fff3;border:1px solid #ffffff4d;color:#fff}.employee-status-copy{color:#ffffffd9;font-size:11px;font-weight:600}.employee-profile-stats{grid-gap:10px 10px;display:grid;gap:10px 10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}.employee-profile-stat{align-items:flex-start;animation:flipInX .5s ease both;background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:6px;min-width:0;padding:0;text-align:left;transition:none}.employee-profile-stat:first-child{animation-delay:.3s}.employee-profile-stat:nth-child(2){animation-delay:.38s}.employee-profile-stat:nth-child(3){animation-delay:.46s}.employee-profile-stat:nth-child(4){animation-delay:.54s}.employee-profile-stat:hover{background:#0000;box-shadow:none;transform:none}.employee-profile-stat span{color:#ffffffb8;display:block;font-size:9px;font-weight:600;letter-spacing:.13em;line-height:1;margin-bottom:0;opacity:1;text-transform:uppercase;white-space:nowrap}.employee-profile-stat strong{font-feature-settings:"tnum","tnum";align-items:center;background:#a8e63d;border-radius:999px;box-shadow:0 2px 10px #a8e63d59;box-sizing:border-box;color:#14532d;display:inline-flex;font-size:12.5px;font-variant-numeric:tabular-nums;font-weight:700;justify-content:center;letter-spacing:-.1px;line-height:1;margin-bottom:0;max-width:100%;min-height:32px;overflow:hidden;padding:7px 10px;text-align:center;text-overflow:ellipsis;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;white-space:nowrap;width:100%}.employee-profile-stat strong:hover{background:#b8f74d;box-shadow:0 4px 14px #a8e63d73;transform:translateY(-2px) scale(1.05)}.employee-profile-stat small{display:none}.employee-callout{border:1px solid;border-radius:10px;font-size:13px;font-weight:600;margin-top:18px;padding:12px 14px}.employee-callout.warning{background:#fef3c7;border-color:#fde68a;color:#92400e}.employee-callout.info,.employee-callout.success{background:#ffffff26;border-color:#ffffff40;color:#fff}.employee-error-card,.employee-kpi-card,.employee-panel,.employee-sidebar-card,.employee-state-card,.employee-topbar-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 5px #00000012,0 3px 12px #0000000a;overflow:hidden;position:relative;transition:transform .18s ease,box-shadow .18s ease}.employee-kpi-card:hover,.employee-panel:hover,.employee-sidebar-card:hover,.employee-topbar-card:hover{box-shadow:0 10px 28px #0000001f;transform:translateY(-2px)}.employee-error-card,.employee-panel,.employee-sidebar-card,.employee-state-card,.employee-topbar-card{padding:16px}.employee-card-head{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px;padding-bottom:12px;position:relative}.employee-card-head:after{display:none}.employee-card-head h3,.employee-topbar-card h2{color:#111827;font-size:16px;font-weight:700;letter-spacing:-.3px;line-height:1.1;margin:0}.employee-live-badge,.employee-panel-badge,.employee-text-link{align-items:center;border:1px solid;border-radius:999px;display:inline-flex;font-size:11px;font-weight:600;justify-content:center;min-height:32px;padding:0 12px}.employee-live-badge,.employee-panel-badge{background:#a8e63d26;border-color:#a8e63d73;color:#14532d}.employee-text-link{background:#f5f3ff;border-color:#ede9fe;color:#7c3aed}.employee-focus-list{grid-gap:12px;display:grid;gap:12px}.employee-focus-item{grid-gap:10px;align-items:center;background:#f9fafb;border:1px solid #f3f4f6;border-radius:10px;display:grid;gap:10px;grid-template-columns:38px minmax(0,1fr) auto;padding:12px;transition:all .2s ease}.employee-focus-item:hover{background:#f3f4f6;transform:translateX(2px)}.employee-focus-icon,.employee-kpi-icon,.employee-support-icon{border-radius:10px;color:#fff;display:grid;height:34px;place-items:center;width:34px}.tone-primary{--tone-color:#14532d;--tone-soft:#dcfce7}.tone-sky{--tone-color:#0891b2;--tone-soft:#cffafe}.tone-teal{--tone-color:#0f766e;--tone-soft:#ccfbf1}.tone-amber{--tone-color:#d97706;--tone-soft:#fef3c7}.tone-rose{--tone-color:#e11d48;--tone-soft:#ffe4e6}.tone-violet{--tone-color:#6d28d9;--tone-soft:#ede9fe}.tone-emerald{--tone-color:#059669;--tone-soft:#d1fae5}.employee-focus-icon,.employee-kpi-card .employee-kpi-icon,.employee-support-icon{background:var(--tone-color)}.employee-focus-copy span{color:#111827;font-size:13px;font-weight:600}.employee-focus-copy small{font-size:11px;font-weight:500;margin-top:2px}.employee-focus-item strong{color:#111827;font-size:22px;font-weight:700;letter-spacing:-.5px}.employee-search-box{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;font-family:Inter,sans-serif;min-height:40px;padding:0 14px;transition:all .2s ease}.employee-search-box:focus{border-color:#a8e63d;box-shadow:0 0 0 3px #a8e63d1a;outline:none}.employee-refresh-btn{background:linear-gradient(135deg,#14532d,#166534);border-radius:10px;box-shadow:0 4px 12px #14532d47;font-family:Inter,sans-serif;font-size:12px;font-weight:600;gap:6px;letter-spacing:.2px;min-height:40px;transition:all .2s ease}.employee-refresh-btn:hover:not(:disabled){box-shadow:0 6px 16px #14532d59;transform:translateY(-1px)}.employee-refresh-btn:disabled{opacity:.55}.employee-error-card,.employee-state-card{font-size:13px;font-weight:500}.employee-error-card{border-color:#fca5a5;color:#dc2626}.employee-kpi-grid{grid-gap:14px;gap:14px;grid-auto-rows:auto}.employee-kpi-card{animation:fadeInUp .5s ease-out forwards;display:flex;flex-direction:column;justify-content:space-between;opacity:0;padding:16px 18px 14px}.employee-kpi-card.with-bubbles{overflow:hidden}.employee-kpi-card .employee-kpi-icon{align-items:center;border-radius:8px;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.card-bubble{border-radius:50%;pointer-events:none;position:absolute;z-index:0}.card-bubble-1{animation:bubble-float-card-1 6s ease-in-out infinite;bottom:-15px;height:60px;opacity:.06;right:-15px;width:60px}.card-bubble-1,.card-bubble-2{background:#14532d;background:var(--tone-color,#14532d)}.card-bubble-2{animation:bubble-float-card-2 5s ease-in-out infinite;height:35px;opacity:.08;right:40px;top:10px;width:35px}@keyframes bubble-float-card-1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-8px,-8px) scale(1.1)}}@keyframes bubble-float-card-2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(5px,5px) scale(.9)}}.employee-dashboard-panels{grid-gap:16px;gap:16px;grid-template-columns:minmax(0,1fr)}.employee-chart-panel{grid-column:1/-1}.employee-chart-wrapper{height:360px}.employee-activity-list{grid-gap:10px;gap:10px;max-height:348px;overflow-y:auto;padding-right:4px;scrollbar-color:#d1d5db #f9fafb;scrollbar-width:thin}.employee-activity-list::-webkit-scrollbar{width:4px}.employee-activity-list::-webkit-scrollbar-track{background:#f9fafb;border-radius:999px}.employee-activity-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:999px}.employee-activity-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.employee-activity-item{background:#f9fafb;border:1px solid #f3f4f6;border-radius:10px;padding:12px;transition:all .2s ease}.employee-activity-item:hover{background:#f3f4f6;transform:translateX(2px)}.employee-activity-time{font-size:10px;font-weight:600;margin-bottom:8px}.employee-activity-body{grid-gap:10px;gap:10px;grid-template-columns:34px minmax(0,1fr)}.employee-activity-icon{border-radius:10px;font-size:16px;height:34px;width:34px}.employee-activity-body h4{color:#111827;font-size:13px;font-weight:600}.employee-activity-body p{color:#6b7280;font-size:11px;font-weight:500}.employee-dashboard-bottom{grid-gap:16px;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.employee-chart-panel,.employee-dashboard-main,.employee-panel,.employee-side-panel,.employee-support-panel,.employee-table-panel{min-width:0}body.sidebar-expanded .employee-dashboard-shell{padding-left:24px;padding-right:24px}@media (min-width:769px){body:not(.sidebar-expanded) .employee-dashboard-shell{padding-left:20px;padding-right:24px}body.sidebar-expanded .employee-dashboard-shell{padding-left:24px;padding-right:24px}}.employee-support-grid{grid-gap:14px;gap:14px}.employee-support-card{grid-gap:8px;border:1px solid;border-color:color-mix(in srgb,var(--tone-color) 20%,#0000);border-radius:10px;gap:8px;padding:14px;transition:all .2s ease}.employee-support-card:hover{box-shadow:0 10px 28px #00000014;transform:translateY(-2px)}.employee-support-card span{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.employee-support-card strong{color:#111827;font-size:24px;font-weight:350;letter-spacing:-.5px}.employee-table th{font-size:10px;font-weight:600}.employee-table td{border-top:1px solid #f3f4f6;color:#111827;font-weight:500}.employee-status-badge{border:1px solid;font-weight:600;min-height:26px}.employee-status-badge.approved{background:#a8e63d26;border-color:#a8e63d73;color:#14532d}.employee-status-badge.pending{border-color:#fde68a}.employee-status-badge.rejected{border-color:#fca5a5;color:#dc2626}@media (max-width:1280px){.employee-dashboard-bottom,.employee-dashboard-panels{grid-template-columns:1fr}.employee-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1024px){.employee-dashboard-grid{grid-template-columns:1fr}.employee-search-box{min-width:200px}}@media (max-width:768px){.employee-dashboard-shell{padding:20px 16px}.employee-dashboard-frame,.employee-dashboard-grid{padding:0}.employee-dashboard-grid{gap:14px}.employee-status-row,.employee-topbar-card{align-items:flex-start;flex-direction:column}.employee-topbar-actions{flex-direction:column;width:100%}.employee-refresh-btn,.employee-search-box{width:100%}.employee-kpi-grid,.employee-profile-stats,.employee-support-grid{grid-template-columns:1fr}.employee-profile-stat strong{font-size:14px;min-height:32px;padding:7px 14px}}.employee-kpi-card .employee-kpi-icon,.employee-support-icon{background:var(--tone-color)}.employee-focus-copy small,.employee-focus-copy span{display:block}.employee-focus-copy span{color:#203223;font-size:14px;font-weight:700}.employee-focus-copy small{color:#6b7280;font-size:12px;margin-top:4px}.employee-focus-item strong{color:#102417;font-size:28px}.employee-topbar-card{align-items:center;display:flex;gap:16px;justify-content:space-between}.employee-topbar-actions{align-items:center;display:flex;gap:12px}.employee-search-box{background:#fbfcfa;border:1px solid #edf2eb;border-radius:14px;color:#9ca3af;display:flex;font-size:13px;min-width:280px}.employee-refresh-btn,.employee-search-box{align-items:center;min-height:44px;padding:0 16px}.employee-refresh-btn{background:linear-gradient(135deg,#16a34a,#14532d);border:none;border-radius:14px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:8px}.employee-refresh-btn:disabled{cursor:not-allowed;opacity:.6}.employee-error-card,.employee-state-card{align-items:center;color:#64748b;display:flex;gap:12px;justify-content:center}.employee-error-card{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.employee-kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.employee-kpi-card{grid-gap:10px;display:grid;gap:10px;overflow:hidden;padding:18px;position:relative}.employee-kpi-card:after{background:var(--tone-color);content:"";height:4px;inset:auto 0 0 0;position:absolute}.employee-kpi-card span{color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.employee-kpi-card strong{color:#102417;font-size:34px;line-height:1}.employee-kpi-card small{color:var(--tone-color);font-size:12px;font-weight:700}.employee-dashboard-panels{grid-gap:18px;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(290px,.9fr)}.employee-chart-wrapper{height:280px}.employee-activity-list{grid-gap:12px;display:grid;gap:12px}.employee-activity-item{background:#fafcf8;border:1px solid #edf2eb;border-radius:18px;padding:14px}.employee-activity-time{color:#7c3aed;font-size:11px;font-weight:700;margin-bottom:10px}.employee-activity-body{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:42px minmax(0,1fr)}.employee-activity-icon{border-radius:14px;color:#fff;display:grid;font-size:18px;height:42px;place-items:center;width:42px}.employee-activity-body h4{color:#15291d;font-size:14px;margin:0 0 4px}.employee-activity-body p{color:#64748b;font-size:12px;line-height:1.45;margin:0}.employee-dashboard-bottom{grid-gap:18px;display:grid;gap:18px;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr)}.employee-support-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.employee-support-card{grid-gap:10px;background:var(--tone-soft);border-radius:18px;display:grid;gap:10px;padding:16px}.employee-support-card span{color:#334155;font-size:13px;font-weight:700}.employee-support-card strong{color:#102417;font-size:30px;line-height:1}.employee-table-wrap{overflow:auto}.employee-table{border-collapse:collapse;min-width:420px;width:100%}.employee-table td,.employee-table th{padding:12px 10px;text-align:left}.employee-table th{color:#6b7280;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.employee-table td{border-top:1px solid #eef2ec;color:#1f2937;font-size:13px}.employee-status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:700;justify-content:center;min-height:28px;padding:0 10px;text-transform:capitalize}.employee-status-badge.approved{background:#dcfce7;color:#166534}.employee-status-badge.pending{background:#fef3c7;color:#a16207}.employee-status-badge.rejected{background:#fee2e2;color:#b91c1c}.employee-empty-state{color:#94a3b8;font-size:13px;padding:22px 0;text-align:center}@media (max-width:1280px){.employee-dashboard-bottom,.employee-dashboard-panels{grid-template-columns:1fr}.employee-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1024px){.employee-dashboard-grid{grid-template-columns:1fr}.employee-search-box{min-width:200px}.employee-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.employee-dashboard-shell{padding:14px}.employee-dashboard-frame,.employee-dashboard-grid{padding:12px}.employee-status-row,.employee-topbar-card{align-items:flex-start;flex-direction:column}.employee-topbar-actions{flex-direction:column;width:100%}.employee-refresh-btn,.employee-search-box{width:100%}.employee-kpi-grid,.employee-profile-stats,.employee-support-grid{grid-template-columns:1fr}}@media (max-width:480px){.dashboard-container{padding:12px 10px!important}.stats-grid{gap:8px!important;grid-template-columns:repeat(2,1fr)!important}.attendance-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.attendance-stat-value{font-size:16px}.attendance-card{border-radius:8px;padding:12px}.attendance-warning{flex-direction:column;font-size:11px;padding:10px 12px}.quick-links-grid{grid-template-columns:1fr 1fr}.stat-card{min-height:70px!important;padding:10px!important}.stat-card h3{font-size:9px!important;margin-bottom:3px!important}.stat-card p{font-size:18px!important}.stat-card small{font-size:8px!important}.leave-table-container .table{font-size:11px}.leave-table-container .table td,.leave-table-container .table th{padding:6px 4px}.dashboard-welcome{font-size:18px!important}h2{font-size:14px!important}}@media (max-width:360px){.stats-grid{gap:6px!important;grid-template-columns:repeat(2,1fr)!important}.attendance-grid{gap:6px;grid-template-columns:1fr 1fr}.quick-links-grid{grid-template-columns:1fr}.stat-card{min-height:65px!important;padding:8px!important}.stat-card h3{font-size:8px!important}.stat-card p{font-size:16px!important}.stat-card small{font-size:7px!important}}.employee-dashboard-shell .employee-kpi-grid{gap:12px!important}.employee-dashboard-shell .employee-kpi-card{align-content:center;column-gap:14px!important;grid-template-columns:34px minmax(0,1fr)!important;min-height:115px!important;padding:12px 14px!important;row-gap:4px!important}.employee-dashboard-shell .employee-kpi-card .employee-kpi-icon{border-radius:10px;height:34px;width:34px}.employee-dashboard-shell .employee-kpi-card span{font-size:10px!important;letter-spacing:.08em!important}.employee-dashboard-shell .employee-kpi-card strong{font-size:22px!important}.employee-dashboard-shell .employee-kpi-card small{font-size:10px!important}.employee-skeleton{animation:employee-skeleton-shimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%);background-size:800px 100%;border-radius:6px;overflow:hidden;position:relative}@keyframes employee-skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.employee-skeleton-grid .employee-skeleton-card{grid-column-gap:10px;grid-row-gap:4px;align-items:center;border-bottom:none;column-gap:10px;display:grid;grid-template-columns:34px minmax(0,1fr);row-gap:4px}.employee-skeleton-grid .employee-skeleton-card .employee-skeleton-icon{grid-column:1;grid-row:1/span 3}.employee-skeleton-grid .employee-skeleton-card .employee-skeleton-line{grid-column:2}.employee-skeleton-grid .employee-skeleton-card,.employee-skeleton-panel .employee-skeleton-item{background:#0000!important;border:none!important;box-shadow:none!important;padding:0!important}.employee-skeleton-panel{border-color:#edf2eb}.employee-skeleton-icon{border-radius:12px;height:40px;width:40px}.employee-skeleton-avatar{border-radius:26px;flex-shrink:0;height:82px;width:82px}.employee-skeleton-line{height:12px}.employee-skeleton-line.xs{width:32%}.employee-skeleton-line.sm{width:46%}.employee-skeleton-line.md{width:66%}.employee-skeleton-line.lg{border-radius:12px;height:30px;width:38%}.employee-skeleton-pill{border-radius:999px;height:34px;width:78px}.employee-skeleton-callout{border-radius:16px;height:56px;margin-top:16px;width:100%}.employee-skeleton-search{border-radius:14px;height:44px;width:280px}.employee-skeleton-button{border-radius:14px;height:44px;width:120px}.employee-skeleton-chart{border-radius:16px;height:340px;width:100%}.employee-skeleton-item{background:#f9fbf8;border-color:#edf2eb}.employee-skeleton-table{grid-gap:10px;display:grid;gap:10px}.employee-skeleton-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:768px){.employee-skeleton-button,.employee-skeleton-search{width:100%}}:root{--sd-bg:#f4f7f0;--sd-card:#fff;--sd-text:#111827;--sd-text-muted:#4b5563;--sd-text-light:#6b7280;--sd-border:#dbe6d5;--sd-primary:#14532d;--sd-primary-dark:#166534;--sd-radius:10px;--sd-radius-sm:8px;--sd-shadow:0 1px 5px #00000012,0 3px 12px #0000000a;--sd-shadow-md:0 4px 12px #14532d2e;--sd-shadow-lg:0 10px 24px #14532d33;--sd-font:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;--sd-transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.sd-container{background:#f4f7f0;background:var(--sd-bg);box-sizing:border-box;color:#111827;color:var(--sd-text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-family:var(--sd-font);margin-left:72px;max-width:calc(100% - 72px);min-height:100vh;overflow-x:hidden;padding:20px;transition:margin-left .25s ease,width .25s ease,max-width .25s ease;width:calc(100% - 72px)}.sd-loading{align-items:center;color:#4b5563;color:var(--sd-text-muted);display:flex;flex-direction:column;font-size:15px;font-weight:500;gap:20px;justify-content:center;min-height:60vh}.sd-loading-spinner{animation:sd-spin .8s linear infinite;border:4px solid #dbe6d5;border-top-color:#14532d;border:4px solid var(--sd-border);border-radius:8px;border-top-color:var(--sd-primary);height:48px;width:48px}@keyframes sd-spin{to{transform:rotate(1turn)}}.sd-header{align-items:flex-start;border-bottom:2px solid #dbe6d5;border-bottom:2px solid var(--sd-border);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.sd-title{color:#111827;color:var(--sd-text);font-size:26px;font-weight:700;letter-spacing:-.5px;line-height:1.1;margin:0}.sd-subtitle{color:#4b5563;color:var(--sd-text-muted);font-weight:500;margin:6px 0 0}.sd-header-right{align-items:center;display:flex;gap:10px}.sd-date-badge{background:#fff;background:var(--sd-card);border:1px solid #dbe6d5;border:1px solid var(--sd-border);border-radius:10px;border-radius:var(--sd-radius);box-shadow:0 1px 5px #00000012,0 3px 12px #0000000a;box-shadow:var(--sd-shadow);color:#111827;color:var(--sd-text);font-size:12px;font-weight:600;padding:8px 14px;white-space:nowrap}.sd-btn-refresh{background:linear-gradient(135deg,#14532d,#166534);border:none;border-radius:10px;border-radius:var(--sd-radius);box-shadow:0 4px 12px #14532d2e;box-shadow:var(--sd-shadow-md);color:#fff;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.5px;padding:8px 18px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--sd-transition)}.sd-btn-refresh:hover{background:linear-gradient(135deg,#166534,#15803d);box-shadow:0 10px 24px #14532d33;box-shadow:var(--sd-shadow-lg)}.sd-btn-refresh:active{transform:translateY(1px)}.sd-stats-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.sd-stat-card{align-items:flex-start;background:#fff;background:var(--sd-card);border:1.5px solid #dbe6d5;border-radius:10px;border-radius:var(--sd-radius);box-shadow:0 1px 5px #00000012,0 3px 12px #0000000a;box-shadow:var(--sd-shadow);display:flex;gap:12px;overflow:hidden;padding:16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--sd-transition)}.sd-stat-card:hover{box-shadow:0 10px 24px #14532d33;box-shadow:var(--sd-shadow-lg);transform:translateY(-2px)}.sd-stat-card:before{background:#dbe6d5;content:"";height:3px;left:0;position:absolute;top:0;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--sd-transition);width:100%}.sd-stat-card:first-child:hover{border-color:#14532d}.sd-stat-card:first-child:hover:before{background:#14532d}.sd-stat-card:nth-child(2):hover{border-color:#166534}.sd-stat-card:nth-child(2):hover:before{background:#166534}.sd-stat-card:nth-child(3):hover{border-color:#15803d}.sd-stat-card:nth-child(3):hover:before{background:#15803d}.sd-stat-card:nth-child(4):hover{border-color:#65a30d}.sd-stat-card:nth-child(4):hover:before{background:#65a30d}.sd-stat-icon{align-items:center;display:flex;flex-shrink:0;height:48px;justify-content:center;position:relative;width:48px}.sd-stat-icon svg{transition:stroke .3s ease}.sd-stat-body{flex:1 1;min-width:0}.sd-stat-label{color:#4b5563;color:var(--sd-text-muted);display:block;font-size:10px;font-weight:600;letter-spacing:.8px;margin-bottom:6px;text-transform:uppercase}.sd-stat-value{color:#111827;color:var(--sd-text);display:block;font-size:26px;font-weight:700;letter-spacing:-.5px;line-height:1;margin-bottom:4px}.sd-stat-sub{color:#6b7280;color:var(--sd-text-light);display:block;font-size:12px;font-weight:500}.sd-stat-mini{align-items:flex-end;align-self:flex-end;display:flex;gap:3px;height:40px}.sd-mini-bar{min-height:4px;transition:height .4s cubic-bezier(.4,0,.2,1);width:6px}.sd-stat-gauge{align-self:center;flex-shrink:0;width:52px}.sd-gauge-svg{height:auto;width:100%}.sd-charts-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1.5fr 1fr;margin-bottom:20px}.sd-chart-card{background:#fff;background:var(--sd-card);border:1px solid #dbe6d5;border:1px solid var(--sd-border);border-radius:10px;border-radius:var(--sd-radius);box-shadow:0 1px 5px #00000012,0 3px 12px #0000000a;box-shadow:var(--sd-shadow);padding:18px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--sd-transition)}.sd-chart-card:hover{box-shadow:0 10px 24px #14532d33;box-shadow:var(--sd-shadow-lg)}.sd-chart-head{align-items:center;border-bottom:2px solid #dbe6d5;border-bottom:2px solid var(--sd-border);display:flex;justify-content:space-between;margin-bottom:14px;padding-bottom:12px}.sd-chart-head h3{margin:0}.sd-chart-head h3,.sd-chart-title{color:#111827;color:var(--sd-text);font-size:16px;font-weight:700;letter-spacing:-.3px}.sd-chart-title{border-bottom:2px solid #dbe6d5;border-bottom:2px solid var(--sd-border);margin:0 0 14px;padding-bottom:12px}.sd-chart-badge{background:#ecfdf3;border:1px solid #bbf7d0;border-radius:8px;border-radius:var(--sd-radius-sm);color:#14532d;font-size:10px;font-weight:700;letter-spacing:.5px;padding:5px 12px;text-transform:uppercase}.sd-chart-body,.sd-chart-wrap{height:220px;position:relative}.sd-doughnut-wrap{height:200px}.sd-bottom-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1.5fr 1fr;margin-bottom:20px}.sd-card{background:#fff;background:var(--sd-card);border:1px solid #dbe6d5;border:1px solid var(--sd-border);border-radius:10px;border-radius:var(--sd-radius);box-shadow:0 1px 5px #00000012,0 3px 12px #0000000a;box-shadow:var(--sd-shadow);overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--sd-transition)}.sd-card:hover{box-shadow:0 10px 24px #14532d33;box-shadow:var(--sd-shadow-lg)}.sd-card-head{align-items:center;background:#f8faf6;border-bottom:2px solid #dbe6d5;border-bottom:2px solid var(--sd-border);display:flex;justify-content:space-between;padding:16px 20px}.sd-card-head h3{color:#111827;color:var(--sd-text);font-size:16px;font-weight:700;letter-spacing:-.3px;margin:0}.sd-badge-count{background:#14532d;background:var(--sd-primary);border-radius:8px;border-radius:var(--sd-radius-sm);color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;padding:5px 10px;text-transform:uppercase}.sd-table-wrap{max-height:320px;overflow-x:auto;overflow-y:auto}.sd-table{border-collapse:collapse;font-size:13px;width:100%}.sd-table thead th{background:#f8faf6;border-bottom:2px solid #dbe6d5;border-bottom:2px solid var(--sd-border);color:#111827;color:var(--sd-text);font-size:10px;font-weight:700;letter-spacing:.8px;padding:12px 16px;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.sd-table tbody tr{border-bottom:1px solid #eef3ea;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--sd-transition)}.sd-table tbody tr:hover{background:#f5fbf3}.sd-table tbody td{padding:12px 16px;vertical-align:middle}.sd-lead-name{color:#111827;color:var(--sd-text);font-size:13px;font-weight:700}.sd-lead-sub{color:#6b7280;color:var(--sd-text-light);font-size:11px;font-weight:500;margin-top:2px}.sd-lead-phone{color:#111827;color:var(--sd-text);font-size:13px;font-weight:600}.sd-source-badge{background:#f1f5f9;border:1px solid #dbe6d5;border:1px solid var(--sd-border);border-radius:8px;border-radius:var(--sd-radius-sm);color:#4b5563;color:var(--sd-text-muted)}.sd-source-badge,.sd-status-pill{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.sd-status-pill{border:1px solid;border-radius:8px;border-radius:var(--sd-radius-sm)}.sd-date-cell{color:#4b5563;color:var(--sd-text-muted);font-size:12px;font-weight:600;white-space:nowrap}.sd-empty-row{color:#6b7280;color:var(--sd-text-light);font-size:13px;font-weight:500;padding:30px 0!important;text-align:center}.sd-activity-card{display:flex;flex-direction:column}.sd-activity-list{flex:1 1;max-height:320px;overflow-y:auto;padding:10px 16px 16px}.sd-activity-item{align-items:flex-start;border-bottom:1px solid #eef3ea;display:flex;gap:12px;padding:10px 0}.sd-activity-item:last-child{border-bottom:none}.sd-activity-dot{align-items:center;border:2px solid;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.sd-activity-content{flex:1 1;min-width:0}.sd-activity-title{color:#111827;color:var(--sd-text);font-size:13px;font-weight:700;line-height:1.4;margin:0 0 3px;word-break:break-word}.sd-activity-time{font-size:11px;font-weight:600}.sd-activity-time,.sd-empty-activity{color:#6b7280;color:var(--sd-text-light)}.sd-empty-activity{font-size:13px;font-weight:500;padding:40px 0;text-align:center}.sd-perf-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.sd-perf-card{align-items:center;background:#fff;background:var(--sd-card);border:1px solid #dbe6d5;border:1px solid var(--sd-border);box-shadow:0 1px 5px #00000012,0 3px 12px #0000000a;box-shadow:var(--sd-shadow);display:flex;flex-wrap:wrap;gap:12px;padding:16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--sd-transition)}.sd-perf-card:hover{border-color:#14532d;border-color:var(--sd-primary);box-shadow:0 10px 24px #14532d33;box-shadow:var(--sd-shadow-lg)}.sd-perf-icon{font-size:24px}.sd-perf-info{flex:1 1;min-width:0}.sd-perf-val{color:#111827;color:var(--sd-text);display:block;font-size:24px;font-weight:700;letter-spacing:-.5px;line-height:1}.sd-perf-label{color:#4b5563;color:var(--sd-text-muted);display:block;font-size:10px;font-weight:600;letter-spacing:.8px;margin-top:5px;text-transform:uppercase}.sd-perf-bar{background:#f1f5f9;border:1px solid #dbe6d5;border:1px solid var(--sd-border);height:5px;overflow:hidden;width:100%}.sd-perf-fill{height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.sd-attendance-card{background:#fff;background:var(--sd-card);border:1px solid #dbe6d5;border:1px solid var(--sd-border);box-shadow:0 1px 5px #00000012,0 3px 12px #0000000a;box-shadow:var(--sd-shadow);margin-bottom:20px;padding:18px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--sd-transition)}.sd-attendance-card:hover{box-shadow:0 10px 24px #14532d33;box-shadow:var(--sd-shadow-lg)}.sd-att-title{border-bottom:2px solid #dbe6d5;border-bottom:2px solid var(--sd-border);color:#111827;color:var(--sd-text);font-size:16px;font-weight:700;letter-spacing:-.3px;margin-bottom:16px;padding-bottom:12px}.sd-att-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.sd-att-item{background:#f8faf6;border:1px solid #dbe6d5;border:1px solid var(--sd-border);padding:14px;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--sd-transition)}.sd-att-item:hover{background:#fff;border-color:#14532d;border-color:var(--sd-primary)}.sd-att-label{color:#4b5563;color:var(--sd-text-muted);display:block;font-size:10px;font-weight:600;letter-spacing:.8px;margin-bottom:8px;text-transform:uppercase}.sd-att-val{color:#111827;color:var(--sd-text);display:block;font-size:22px;font-weight:700;letter-spacing:-.5px}.sd-att-sub{color:#6b7280;color:var(--sd-text-light);display:block;font-size:11px;font-weight:600;margin-top:5px}.sd-att-warn{background:#fef3c7;border:2px solid #fbbf24;color:#92400e}.sd-att-info,.sd-att-warn{font-size:13px;font-weight:700;grid-column:1/-1;margin-top:6px;padding:12px 16px}.sd-att-info{background:#ecfdf3;border:2px solid #86efac;color:#14532d}.sd-general-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:20px}.sd-gen-card{align-items:center;border:2px solid #fff3;box-shadow:0 4px 12px #14532d2e;box-shadow:var(--sd-shadow-md);color:#fff;display:flex;gap:12px;overflow:hidden;padding:14px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--sd-transition)}.sd-gen-card:before{background:#ffffff80;content:"";height:3px;left:0;position:absolute;right:0;top:0}.sd-gen-card:hover{box-shadow:0 10px 24px #14532d33;box-shadow:var(--sd-shadow-lg);transform:translateY(-2px)}.sd-gen-card[data-card=projects]:hover{border-color:#fa709a}.sd-gen-card[data-card=projects]:hover .sd-gen-icon svg{stroke:#fa709a}.sd-gen-card[data-card=deadlines]:hover{border-color:#4facfe}.sd-gen-card[data-card=deadlines]:hover .sd-gen-icon svg{stroke:#4facfe}.sd-gen-card[data-card=goals]:hover{border-color:#30cfd0}.sd-gen-card[data-card=goals]:hover .sd-gen-icon svg{stroke:#30cfd0}.sd-gen-card[data-card=broadcasts]:hover{border-color:#f59e0b}.sd-gen-card[data-card=broadcasts]:hover .sd-gen-icon svg{stroke:#f59e0b}.sd-gen-card[data-card=approvals]:hover{border-color:#ff9a56}.sd-gen-card[data-card=approvals]:hover .sd-gen-icon svg{stroke:#ff9a56}.sd-gen-card[data-card=leaves]:hover{border-color:#ec4899}.sd-gen-card[data-card=leaves]:hover .sd-gen-icon svg{stroke:#ec4899}.sd-gen-icon{align-items:center;display:flex;flex-shrink:0;font-size:28px;justify-content:center}.sd-gen-icon svg{transition:stroke .3s ease}.sd-gen-content{flex:1 1;min-width:0}.sd-gen-val{display:block;font-size:24px;font-weight:700;letter-spacing:-.5px;line-height:1;margin-bottom:4px}.sd-gen-label{font-size:10px;font-weight:700;letter-spacing:.6px;line-height:1.2;opacity:.95;text-transform:uppercase}.sd-leaves-section{background:#fff;background:var(--sd-card);border:1px solid #dbe6d5;border:1px solid var(--sd-border);box-shadow:0 1px 5px #00000012,0 3px 12px #0000000a;box-shadow:var(--sd-shadow);margin-bottom:20px;padding:18px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--sd-transition)}.sd-leaves-section:hover{box-shadow:0 10px 24px #14532d33;box-shadow:var(--sd-shadow-lg)}.sd-section-title{border-bottom:2px solid #dbe6d5;border-bottom:2px solid var(--sd-border);color:#111827;color:var(--sd-text);font-size:16px;font-weight:700;letter-spacing:-.3px;margin-bottom:16px;padding-bottom:12px}.sd-leaves-table-wrap{overflow-x:auto}.sd-leaves-table{border-collapse:collapse;width:100%}.sd-leaves-table th{background:#f8faf6;border-bottom:2px solid #dbe6d5;border-bottom:2px solid var(--sd-border);font-size:10px;font-weight:700;letter-spacing:.8px;text-align:left;text-transform:uppercase}.sd-leaves-table td,.sd-leaves-table th{color:#111827;color:var(--sd-text);padding:12px 14px}.sd-leaves-table td{border-bottom:1px solid #eef3ea;font-size:13px;font-weight:600}.sd-leaves-table tbody tr:hover{background:#f5fbf3}.sd-leave-badge{border:2px solid;border-radius:8px;border-radius:var(--sd-radius-sm);display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.sd-leave-pending{background:#fef3c7;color:#92400e}.sd-leave-approved{background:#dcfce7;color:#166534}.sd-leave-rejected{background:#fee2e2;color:#991b1b}@media (min-width:769px){body.sidebar-expanded .sd-container{margin-left:240px!important;max-width:calc(100vw - 240px)!important;width:calc(100vw - 240px)!important}}@media (min-width:1441px){.sd-container{padding:24px 32px}}@media (max-width:1440px){.sd-container{padding:20px 24px}}@media (max-width:1200px){.sd-stats-row{gap:14px;grid-template-columns:repeat(2,1fr)}.sd-bottom-row,.sd-charts-row{grid-template-columns:1fr}.sd-perf-row{grid-template-columns:repeat(2,1fr)}.sd-att-grid,.sd-general-stats{grid-template-columns:repeat(3,1fr)}.sd-container{padding:18px 20px}}@media (max-width:1024px){.sd-stats-row{gap:12px;grid-template-columns:repeat(2,1fr)}.sd-stat-card{padding:14px}.sd-stat-value{font-size:24px}.sd-chart-body,.sd-chart-wrap{height:200px}.sd-general-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sd-container{margin-left:0!important;max-width:100vw!important;padding:76px 16px 16px;width:100vw!important}.sd-header{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:20px;padding-bottom:16px}.sd-title{font-size:24px}.sd-subtitle{font-size:13px}.sd-header-right{flex-direction:row;justify-content:space-between;width:100%}.sd-date-badge{flex:1 1;text-align:center}.sd-btn-refresh{flex:1 1}.sd-stats-row{gap:12px;grid-template-columns:1fr 1fr}.sd-stat-card{padding:14px 12px}.sd-stat-icon{height:40px;width:40px}.sd-stat-value{font-size:22px}.sd-stat-label{font-size:9px}.sd-stat-sub{font-size:11px}.sd-stat-mini{display:none}.sd-stat-gauge{width:48px}.sd-chart-body,.sd-chart-wrap{height:220px}.sd-chart-card{padding:16px}.sd-perf-row{gap:12px;grid-template-columns:1fr 1fr}.sd-general-stats{gap:12px}.sd-att-grid,.sd-general-stats{grid-template-columns:repeat(2,1fr)}.sd-attendance-card,.sd-leaves-section{padding:16px}.sd-leaves-table td,.sd-leaves-table th{font-size:12px;padding:10px 8px}.sd-bottom-row,.sd-charts-row{gap:16px}}@media (max-width:480px){.sd-container{padding:70px 12px 12px}.sd-title{font-size:20px}.sd-subtitle{font-size:12px}.sd-stats-row{gap:10px;grid-template-columns:1fr}.sd-stat-card{flex-direction:row;padding:14px}.sd-stat-icon{height:44px;width:44px}.sd-stat-value{font-size:24px}.sd-stat-label{font-size:9px;margin-bottom:4px}.sd-header-right{flex-direction:column;gap:8px}.sd-btn-refresh,.sd-date-badge{justify-content:center;text-align:center;width:100%}.sd-perf-row{gap:10px;grid-template-columns:1fr}.sd-chart-body,.sd-chart-wrap{height:200px}.sd-doughnut-wrap{height:180px}.sd-general-stats{gap:10px}.sd-att-grid,.sd-general-stats{grid-template-columns:1fr}.sd-gen-val,.sd-perf-val{font-size:22px}.sd-attendance-card,.sd-chart-card,.sd-leaves-section{padding:14px}.sd-chart-head h3,.sd-chart-title{font-size:15px}.sd-leaves-table{font-size:11px}.sd-leaves-table td,.sd-leaves-table th{padding:8px 6px}}.sd-container{background:radial-gradient(circle at top left,#84cc161f,#0000 28%),linear-gradient(180deg,#eef4e8,#f7faf4 48%,#edf3e7);padding:24px}.sd-shell{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) minmax(250px,290px)}.sd-rail{grid-gap:18px;display:grid;gap:18px;order:2}.sd-main{grid-gap:20px;display:grid;gap:20px;order:1}.sd-main-profile-slot{display:block}.sd-kpi-card,.sd-panel,.sd-profile-card,.sd-side-card{background:#ffffffeb;border:1px solid #14532d14;border-radius:24px;box-shadow:0 18px 40px #14532d14;isolation:isolate;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.sd-panel:hover,.sd-side-card:hover{border-color:#84cc1647;box-shadow:0 14px 30px #14532d29;transform:translateY(-3px)}.sd-panel:after,.sd-side-card:after{background:radial-gradient(ellipse at center,#a3e63547 0,#84cc1624 48%,#14532d00 100%);border-radius:999px;bottom:-32px;content:"";filter:blur(14px);height:46px;left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%) scale(.92);transition:opacity .28s ease,transform .28s ease;width:72%;z-index:-1}.sd-panel:hover:after,.sd-side-card:hover:after{opacity:.65;transform:translateX(-50%) scale(1)}.sd-kpi-card,.sd-panel,.sd-side-card{position:relative}.sd-panel,.sd-profile-card,.sd-side-card{padding:20px}.sd-profile-card{background:linear-gradient(180deg,#143c2b,#184f37);color:#fff;min-height:500px;overflow:hidden;perspective:1200px;position:relative}.sd-profile-card:after{background:radial-gradient(circle,#fff3,#0000 68%);content:"";height:140px;inset:auto -40px -40px auto;position:absolute;width:140px}.sd-profile-flip{min-height:500px;position:relative;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.22,1,.36,1)}.sd-profile-card:hover .sd-profile-flip{transform:rotateY(180deg)}.sd-profile-face{backface-visibility:hidden;inset:0;position:absolute}.sd-profile-front{transform:rotateY(0deg)}.sd-profile-back{display:flex;flex-direction:column;gap:14px;transform:rotateY(180deg)}.sd-profile-back-head h3{font-size:24px;line-height:1;margin:4px 0 0}.sd-profile-back-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.sd-profile-back-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-radius:18px;padding:14px}.sd-profile-back-item small,.sd-profile-back-item span{display:block}.sd-profile-back-item span{font-size:11px;letter-spacing:.08em;opacity:.75;text-transform:uppercase}.sd-profile-back-item strong{display:block;font-size:22px;line-height:1.1;margin:8px 0 4px}.sd-profile-back-item small{font-size:12px;opacity:.76}.sd-profile-back-tip{background:#dcfce7;border-radius:16px;color:#166534;font-size:13px;font-weight:600;margin-top:auto;padding:12px 14px}.sd-profile-top{align-items:center;display:flex;gap:14px;margin-bottom:18px}.sd-avatar{background:linear-gradient(135deg,#fff,#dff0d3);border-radius:22px;box-shadow:0 12px 30px #05100a33;color:#14532d;display:grid;font-size:24px;font-weight:800;height:68px;place-items:center;width:68px}.sd-profile-copy h2{font-size:24px;line-height:1;margin:4px 0 6px}.sd-profile-copy p{color:#ffffffb8;font-size:13px;margin:0}.sd-overline{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.2em;opacity:.8;text-transform:uppercase}.sd-presence-strip{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:18px}.sd-presence-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;letter-spacing:.04em;padding:8px 14px}.sd-presence-pill.is-present{background:#dcfce7;color:#166534}.sd-presence-pill.is-live{background:#fef3c7;color:#92400e}.sd-presence-pill.is-offline{background:#ffffff29;color:#fff}.sd-presence-note{color:#ffffffbf;font-size:12px}.sd-profile-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.sd-profile-metric{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-radius:18px;padding:14px}.sd-profile-metric small,.sd-profile-metric span{display:block}.sd-profile-metric span{font-size:11px;letter-spacing:.08em;opacity:.75;text-transform:uppercase}.sd-profile-metric strong{display:block;font-size:21px;line-height:1.1;margin:8px 0 4px}.sd-profile-metric small{font-size:12px;opacity:.72}.sd-callout{border-radius:16px;font-size:13px;font-weight:600;margin-top:16px;padding:12px 14px}.sd-callout-warn{background:#fef3c7;color:#92400e}.sd-callout-info{background:#dcfce7;color:#166534}.sd-panel-head,.sd-side-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:18px}.sd-panel-head h3,.sd-side-head h3{font-size:20px;line-height:1.1;margin:4px 0 0}.sd-panel-badge,.sd-side-badge{align-items:center;background:#edf7e6;border-radius:999px;color:#14532d;display:inline-flex;font-size:11px;font-weight:700;justify-content:center;letter-spacing:.08em;min-height:32px;padding:8px 12px;text-transform:uppercase}.sd-focus-list,.sd-progress-list{grid-gap:12px;display:grid;gap:12px}.sd-focus-item{align-items:center;background:#f7fbf3;border:1px solid #0000;border-radius:18px;display:flex;justify-content:space-between;padding:14px 16px;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.sd-focus-item:hover{background:#f0f8ec;border-color:#d3e7cd;transform:translateY(-2px)}.sd-focus-item span{color:#5f6d62;font-size:13px;font-weight:600}.sd-focus-item strong{color:#15291d;font-size:20px}.sd-progress-item{grid-gap:8px;border:1px solid #0000;border-radius:12px;display:grid;gap:8px;padding:8px 10px;transition:border-color .2s ease,background-color .2s ease}.sd-progress-item:hover{background:#f7fbf4;border-color:#d4e6ce}.sd-progress-copy{align-items:center;display:flex;gap:10px;justify-content:space-between}.sd-progress-copy span{color:#4b5563;font-size:13px;font-weight:600}.sd-progress-copy strong{color:#111827;font-size:18px}.sd-progress-bar{background:#e5ece0;border-radius:999px;height:8px;overflow:hidden}.sd-progress-fill{border-radius:inherit;height:100%;transition:width .35s ease}.sd-header{border:0;margin-bottom:0;padding:0}.sd-title{font-size:clamp(30px,4vw,44px);letter-spacing:-.06em;margin:6px 0 8px}.sd-subtitle{font-size:14px;line-height:1.6;margin:0;max-width:620px}.sd-header-right{gap:12px}.sd-date-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;border-radius:999px;padding:10px 16px}.sd-btn-refresh{border-radius:999px;box-shadow:0 10px 24px #14532d2e;min-height:42px;padding:10px 20px}.sd-kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.sd-kpi-card{align-items:center;background:#fff;border:1px solid #dbe6d5;border-radius:16px;box-shadow:0 6px 16px #0f231614;display:flex;gap:14px;justify-content:space-between;min-height:128px;overflow:hidden;padding:18px 20px;position:relative;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.sd-kpi-card:before{background:#14532d;background:var(--sd-primary);border-radius:0;content:"";height:100%;inset:0 auto 0 0;position:absolute;width:4px}.sd-kpi-card.tone-dark{background:#f7fbf8;border-color:#cfe3d4}.sd-kpi-card.tone-primary{background:#f8fcfa;border-color:#d4eadb}.sd-kpi-card.tone-success{background:#f7fcf9;border-color:#d1ead9}.sd-kpi-card.tone-lime{background:#fbfcf6;border-color:#deebc8}.sd-kpi-card.tone-dark:before{background:#14532d}.sd-kpi-card.tone-primary:before{background:#15803d}.sd-kpi-card.tone-success:before{background:#16a34a}.sd-kpi-card.tone-lime:before{background:#84cc16}.sd-kpi-card:hover{border-color:#c9dbce;box-shadow:0 10px 20px #0f23161f,0 0 24px #a3e6352e;transform:translateY(-2px)}.sd-kpi-copy{grid-gap:6px;display:grid;gap:6px;position:relative;z-index:1}.sd-kpi-copy span{color:#5f6e62;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sd-kpi-copy strong{color:#102417;font-size:clamp(30px,3vw,40px);letter-spacing:-.03em;line-height:1}.sd-kpi-copy small{color:#4b5f53;font-size:13px;font-weight:500}.sd-kpi-visual{display:flex;justify-content:flex-end;min-width:64px;opacity:.9;position:relative;transition:transform .22s ease,opacity .22s ease;z-index:1}.sd-kpi-visual:after{background:radial-gradient(circle,#ffffffd9 0,#bef26461 42%,#bef26400 72%);border-radius:50%;content:"";filter:blur(1px);height:58px;opacity:0;pointer-events:none;position:absolute;right:-8px;top:50%;transform:translateY(-50%) scale(.72);transition:transform .28s ease,opacity .28s ease;width:58px;z-index:-1}.sd-kpi-bars{align-items:end;display:flex;gap:4px;height:40px}.sd-kpi-bars span{background:linear-gradient(180deg,#22c55e,#166534);border-radius:999px;box-shadow:none;transition:transform .2s ease;width:8px}.sd-kpi-card:hover .sd-kpi-bars span:nth-child(odd){transform:translateY(-2px)}.sd-kpi-card:hover .sd-kpi-bars span:nth-child(2n){transform:translateY(1px)}.sd-kpi-ring{height:54px;width:54px}.sd-kpi-ring svg{height:100%;transform:rotate(-90deg);width:100%}.sd-kpi-ring-track,.sd-kpi-ring-value{fill:none;stroke-width:5}.sd-kpi-ring-track{stroke:#e6eee0}.sd-kpi-ring-value{stroke:#166534;stroke-linecap:round;transition:stroke-dasharray .4s ease}.sd-kpi-card:hover .sd-kpi-ring-value{stroke:#15803d}.sd-kpi-card:after{background:linear-gradient(110deg,#0000 34%,#ffffff94 50%,#0000 66%);content:"";inset:-35% -120%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-38%) rotate(8deg);z-index:0}.sd-kpi-card:hover:after{animation:sd-kpi-sheen .75s ease;opacity:1}.sd-kpi-card:hover .sd-kpi-visual{opacity:1;transform:translateY(-1px)}.sd-kpi-card:hover .sd-kpi-visual:after{opacity:1;transform:translateY(-50%) scale(1)}@keyframes sd-kpi-sheen{0%{transform:translateX(-52%) rotate(8deg)}to{transform:translateX(50%) rotate(8deg)}}.sd-feature-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:minmax(0,1.55fr) minmax(300px,.95fr)}.sd-kpi-card,.sd-panel,.sd-side-card{position:relative}.sd-panel-hero{background:linear-gradient(180deg,#fffffff5,#f8fbf5f5),linear-gradient(140deg,#14532d12,#0000 55%)}.sd-chart-body-lg{height:310px}.sd-hero-footer{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.sd-hero-footer div{background:#f5faf1;border-radius:18px;padding:14px 16px}.sd-hero-footer span{color:#66745f;display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sd-hero-footer strong{color:#0f1f15;display:block;font-size:22px;margin-top:8px}.sd-stage-layout{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}.sd-stage-chart{height:240px}.sd-stage-list{grid-gap:10px;display:grid;gap:10px}.sd-stage-item{align-items:center;background:#f8fbf5;border:1px solid #0000;border-radius:16px;display:flex;justify-content:space-between;padding:12px 14px;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.sd-stage-item:hover{background:#f0f8ec;border-color:#d4e6ce;transform:translateY(-2px)}.sd-stage-item span{color:#56635b;font-size:13px;font-weight:600}.sd-stage-item strong{color:#13271c;font-size:18px}.sd-stage-empty{background:#f8fbf5;border-radius:16px;color:#64748b;font-size:13px;padding:16px}.sd-content-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.95fr)}.sd-content-grid,.sd-panel-stack{grid-gap:18px;display:grid;gap:18px}.sd-chart-medium{height:220px}.sd-activity-list-compact{max-height:none;padding:0}.sd-activity-item{padding:12px 0;transition:transform .2s ease}.sd-activity-item:hover{transform:translateX(2px)}.sd-activity-dot{border:0;border-radius:14px;box-shadow:0 10px 18px #14532d26;color:#fff;transition:transform .2s ease,box-shadow .2s ease}.sd-activity-item:hover .sd-activity-dot{box-shadow:0 12px 22px #14532d38;transform:scale(1.04)}.sd-leaves-table-wrap,.sd-table-wrap{max-height:none}.sd-leaves-table th,.sd-table thead th{background:#f4f8f0}.sd-leaves-table tbody tr:hover,.sd-table tbody tr:hover{background:#f8fbf4}.sd-date-badge,.sd-panel-badge,.sd-side-badge{transition:transform .2s ease,box-shadow .2s ease}.sd-date-badge:hover,.sd-panel-badge:hover,.sd-side-badge:hover{box-shadow:0 6px 14px #14532d24;transform:translateY(-1px)}.sd-skeleton-shell{pointer-events:none}.sd-skeleton,.sd-skeleton-card{position:relative}.sd-skeleton{background:#e7eee3;border-radius:10px;overflow:hidden}.sd-skeleton:after{animation:sd-skeleton-shimmer 1.3s infinite;background:linear-gradient(90deg,#fff0,#ffffffb3,#fff0);content:"";height:100%;left:-140px;position:absolute;top:0;width:140px}@keyframes sd-skeleton-shimmer{to{left:calc(100% + 140px)}}.sd-skeleton-group{grid-gap:8px;display:grid;gap:8px}.sd-skel-avatar{border-radius:22px;height:68px;width:68px}.sd-skel-overline{height:10px;width:90px}.sd-skel-title{height:22px;width:190px}.sd-skel-subtitle{height:18px;width:150px}.sd-skel-hero-title{border-radius:12px;height:44px;width:280px}.sd-skel-line{height:12px;width:210px}.sd-skel-line-lg{height:14px;max-width:100%;width:420px}.sd-skel-line-sm{height:11px;width:120px}.sd-skel-line-xs{height:10px;width:80px}.sd-skel-value{height:22px;width:64px}.sd-skel-value-sm{height:16px;width:46px}.sd-skel-kpi-value{height:30px;width:72px}.sd-skel-badge{border-radius:999px;height:30px;width:74px}.sd-skel-date{width:190px}.sd-skel-btn,.sd-skel-date{border-radius:999px;height:42px}.sd-skel-btn{width:138px}.sd-skel-ring{border-radius:50%;height:52px;width:52px}.sd-skel-chart{border-radius:16px;height:220px;width:100%}.sd-skeleton-metric{min-height:88px}.sd-skeleton-item{border:1px solid #dde8d8}.sd-panel-leaves{padding-bottom:8px}@media (max-width:1280px){.sd-content-grid,.sd-feature-grid,.sd-shell{grid-template-columns:1fr}.sd-main-profile-slot{margin-top:-2px}.sd-rail{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:980px){.sd-kpi-grid,.sd-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.sd-main-profile-slot{margin-top:-4px}.sd-profile-card{grid-column:1/-1}.sd-hero-footer{grid-template-columns:1fr}}@media (max-width:768px){.sd-container{margin-left:0;max-width:100%;padding:78px 16px 16px;width:100%}.sd-content-grid,.sd-feature-grid,.sd-kpi-grid,.sd-main,.sd-panel-stack,.sd-rail,.sd-shell{gap:16px}.sd-kpi-grid,.sd-rail{grid-template-columns:1fr}.sd-profile-grid{grid-template-columns:1fr 1fr}.sd-header-right{flex-direction:column;justify-content:stretch;width:100%}.sd-btn-refresh,.sd-date-badge{justify-content:center;text-align:center;width:100%}.sd-profile-card,.sd-profile-flip{min-height:auto}.sd-profile-card{padding-top:14px;perspective:none;transform:none!important}.sd-profile-flip{display:block;min-height:auto!important;transform:none!important;transform-style:flat;width:100%}.sd-profile-face{backface-visibility:visible;display:flex;flex-direction:column;gap:14px;inset:auto;justify-content:flex-start;min-height:auto;position:relative;width:100%}.sd-profile-back,.sd-profile-face,.sd-profile-front{transform:none!important}.sd-profile-back{display:none!important}.sd-profile-top{align-items:flex-start;margin-bottom:0;width:100%}.sd-profile-copy{flex:1 1;min-width:0;padding-top:2px}.sd-presence-strip{align-items:flex-start;margin-bottom:0}.sd-callout{margin-top:0}.sd-profile-grid,.sd-profile-metric{width:100%}.sd-profile-back-head h3,.sd-profile-top h2{font-size:20px}.sd-kpi-copy strong{font-size:clamp(26px,7vw,32px)}.sd-stage-item{padding:10px 12px}.sd-profile-card:hover .sd-profile-flip{transform:none!important}}@media (max-width:520px){.sd-container{padding:72px 12px 12px}.sd-main-profile-slot,.sd-main-profile-slot .sd-profile-card,.sd-rail .sd-profile-card{max-width:100%;min-width:0;width:100%}.sd-profile-grid{grid-template-columns:1fr}.sd-panel-head,.sd-presence-strip,.sd-side-head{align-items:flex-start;flex-direction:column}.sd-profile-top{align-items:center;flex-direction:row;gap:12px}.sd-avatar{border-radius:18px;flex-shrink:0;font-size:20px;height:58px;width:58px}.sd-profile-copy h2{font-size:22px;line-height:1.05}.sd-profile-copy p{font-size:15px}.sd-kpi-card{align-items:center;flex-direction:row;min-height:102px;padding:14px 14px 14px 16px}.sd-kpi-visual{justify-content:flex-end}.sd-chart-body-lg,.sd-chart-medium,.sd-stage-chart{height:200px}.sd-hero-footer{gap:8px}.sd-hero-footer div{border-radius:14px;padding:10px 12px}.sd-panel,.sd-profile-card,.sd-side-card{border-radius:18px;padding:14px}.sd-panel-head h3,.sd-side-head h3{font-size:18px}.sd-title{font-size:clamp(24px,8vw,30px)}.sd-subtitle{font-size:13px;line-height:1.5}}@media (max-width:640px){.sd-leaves-table-wrap,.sd-table-wrap{overflow:visible}.sd-leaves-table,.sd-table{border-collapse:initial;border-spacing:0;width:100%}.sd-leaves-table thead,.sd-table thead{display:none}.sd-leaves-table tbody,.sd-leaves-table tr,.sd-table tbody,.sd-table tr{display:block;width:100%}.sd-leaves-table tbody tr,.sd-table tbody tr{background:#fbfdf9;border:1px solid #dce8d8;border-radius:14px;margin-bottom:12px;padding:10px}.sd-leaves-table tbody td,.sd-table tbody td{grid-gap:8px;align-items:start;border:0;border-bottom:1px dashed #e5eee1;display:grid;font-size:12px;gap:8px;grid-template-columns:88px minmax(0,1fr);padding:8px 0;width:100%}.sd-leaves-table tbody td:last-child,.sd-table tbody td:last-child{border-bottom:0;padding-bottom:0}.sd-leaves-table tbody td:before,.sd-table tbody td:before{color:#5f6d62;content:"";font-size:10px;font-weight:700;letter-spacing:.08em;padding-top:2px;text-transform:uppercase}.sd-table tbody td:first-child:before{content:"Name"}.sd-table tbody td:nth-child(2):before{content:"Contact"}.sd-table tbody td:nth-child(3):before{content:"Source"}.sd-table tbody td:nth-child(4):before{content:"Status"}.sd-table tbody td:nth-child(5):before{content:"Date"}.sd-leaves-table tbody td:first-child:before{content:"Employee"}.sd-leaves-table tbody td:nth-child(2):before{content:"Type"}.sd-leaves-table tbody td:nth-child(3):before{content:"From"}.sd-leaves-table tbody td:nth-child(4):before{content:"To"}.sd-leaves-table tbody td:nth-child(5):before{content:"Status"}.sd-empty-row{display:block!important;padding:12px 8px!important;text-align:center}.sd-empty-row:before{content:none!important}}.admin-dashboard{background:#0000;font-family:Inter,sans-serif;min-height:100%;padding:0}.admin-dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.admin-dashboard-title{align-items:center;display:flex;gap:9px}.admin-dashboard-title h2{color:#111827;font-size:18px;font-weight:700;letter-spacing:-.3px;margin:0}.admin-refresh-btn{align-items:center;background:linear-gradient(135deg,#14532d,#166534);border:none;border-radius:10px;box-shadow:0 4px 12px #14532d47;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:12px;font-weight:600;gap:6px;letter-spacing:.2px;padding:8px 16px;transition:all .2s}.admin-refresh-btn:disabled{cursor:not-allowed;opacity:.55}.admin-refresh-btn:hover:not(:disabled){box-shadow:0 6px 16px #14532d59;transform:translateY(-1px)}.admin-error{background:#fee2e2;border:1px solid #fca5a5;border-radius:10px;color:#dc2626;font-size:13px;margin-bottom:16px;padding:11px 15px}.admin-outer-layout{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-template-columns:1fr 235px}@media (max-width:1150px){.admin-outer-layout{grid-template-columns:1fr}}.admin-left-col{display:flex;flex-direction:column;gap:14px;min-width:0}.admin-stats-grid{grid-gap:14px;align-items:stretch;display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}body.sidebar-expanded .admin-stats-grid{grid-template-columns:repeat(2,1fr)}@media (max-width:900px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:580px){.admin-stats-grid{gap:8px;grid-template-columns:repeat(2,1fr)}}.admin-stat-card{align-items:stretch;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 5px #00000012,0 3px 12px #0000000a;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;isolation:isolate;min-height:115px;overflow:hidden;padding:12px 14px;position:relative;transition:transform .18s ease,box-shadow .18s ease}@keyframes bubble-float-large{0%{transform:translate(0) scale(1)}30%{transform:translate(-5px,-7px) scale(1.04)}60%{transform:translate(4px,-4px) scale(.97)}to{transform:translate(0) scale(1)}}@keyframes bubble-float-small{0%{transform:translate(0) scale(1)}35%{transform:translate(6px,-9px) scale(1.06)}65%{transform:translate(-4px,-3px) scale(.95)}to{transform:translate(0) scale(1)}}@keyframes sparkBarGrow{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes sparkBarBounce{0%{transform:scaleY(1)}50%{transform:scaleY(1.15)}to{transform:scaleY(1)}}.spark-bar{animation:sparkBarGrow .6s ease-out 0s both;animation:sparkBarGrow .6s ease-out var(--spark-delay,0s) both;transition:opacity .2s ease}.spark-bar:hover{animation:sparkBarBounce .4s ease-out!important;opacity:1!important}.admin-stat-card:before{animation:bubble-float-large 5.5s ease-in-out infinite;bottom:-26px;height:90px;opacity:.07;right:-26px;width:90px}.admin-stat-card:after,.admin-stat-card:before{background:#14532d;background:var(--bubble-color,#14532d);border-radius:50%;content:"";pointer-events:none;position:absolute;z-index:-1}.admin-stat-card:after{animation:bubble-float-small 4.2s ease-in-out infinite;bottom:-20px;height:54px;opacity:.05;right:36px;width:54px}.admin-stat-card:hover{box-shadow:0 10px 28px #0000001f;transform:scale(1.03);z-index:2}.admin-stat-card--featured{background:linear-gradient(135deg,#14532d,#166534);border:none;box-shadow:0 4px 16px #14532d47;min-height:115px}.admin-stat-card--featured:hover{box-shadow:0 8px 24px #14532d61;transform:scale(1.03);z-index:2}.admin-stat-card--featured:before{animation:bubble-float-large 5.5s ease-in-out infinite;background:#a8e63d;bottom:-26px;height:90px;opacity:.15;right:-26px;width:90px}.admin-stat-card--featured:after{animation:bubble-float-small 4.2s ease-in-out infinite;background:#a8e63d;bottom:-20px;height:54px;opacity:.1;right:36px;width:54px}.admin-card-top{align-items:flex-start;display:flex;justify-content:space-between}.admin-card-label{color:#6b7280;font-size:10px;font-weight:600;letter-spacing:.1px}.admin-stat-card--featured .admin-card-label{color:#ffffffd9}.admin-card-icon{align-items:center;background:#a8e63d;border-radius:50%;box-shadow:0 2px 8px #a8e63d4d;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.admin-card-icon--featured{background:#a8e63d;border:none;box-shadow:0 2px 8px #a8e63d59}.admin-card-value{font-size:16px;font-weight:800;letter-spacing:-.6px;line-height:1;margin:0}.admin-card-loading{align-items:center;display:flex;height:28px}@keyframes admin-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.admin-skeleton{border-radius:6px}.admin-skeleton,.admin-stat-card--featured .admin-skeleton{animation:admin-shimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%);background-size:800px 100%}.admin-card-trend{display:flex}.admin-card-trend,.admin-card-trend--pill{align-items:center;font-size:9.5px;font-weight:600;gap:3px}.admin-card-trend--pill{background:#a8e63d33;border:1px solid #a8e63d80;border-radius:20px;display:inline-flex;padding:2px 7px;width:fit-content}.admin-card-trend-suffix{color:#9ca3af;font-weight:500;margin-left:1px}.admin-stat-card--featured .admin-card-trend span{color:#a8e63d!important}.admin-card-badge{align-items:center;background:#ffffff2e;border-radius:20px;color:#fff;display:inline-flex;font-size:9.5px;font-weight:600;gap:3px;padding:3px 8px;width:fit-content}.admin-card-bottom-bar{border-radius:0 0 16px 16px;bottom:0;height:3px;left:0;position:absolute;right:0}.admin-chart-card{background:#f9fafb;border:1px solid #0000000d;border-radius:18px;box-shadow:0 1px 4px #0000000a,0 4px 18px #0000000d;padding:22px 24px}.admin-chart-card--expanded{flex:1 1;min-width:0}.admin-chart-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:16px}.admin-chart-title{color:#111827;font-size:16px;font-weight:700;margin:0 0 2px}.admin-chart-subtitle{color:#9ca3af;font-size:12px;margin:0}.admin-chart-summary{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:12px;gap:16px}.admin-chart-summary b{color:#111827}.admin-chart-wrapper{height:240px;position:relative;width:100%}.admin-chart-wrapper--expanded{height:320px}.admin-chart-wrapper canvas{height:100%!important;width:100%!important}.admin-chart-empty,.admin-chart-loading{align-items:center;color:#9ca3af;display:flex;font-size:13px;height:260px;justify-content:center}.admin-right-panel{display:flex;flex-direction:column;gap:14px;height:100%}.admin-right-card--grow{display:flex;flex-direction:column;margin-top:auto;max-height:320px;min-height:0}.admin-right-card--grow .admin-activity-scroll{flex:1 1;min-height:0;overflow-y:auto}.admin-right-card{background:#fff;border:1px solid #0000000f;border-radius:12px;box-shadow:0 1px 6px #0000000f,0 4px 16px #0000000a;padding:8px 13px 10px}.admin-right-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.admin-right-card-title{color:#111827;font-size:12px;font-weight:700;margin:0}.admin-right-card-dots{align-items:center;cursor:pointer;display:flex;gap:3px;padding:4px}.admin-right-card-dots span{background:#9ca3af;border-radius:50%;display:block;height:4px;width:4px}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.admin-pie-chart-wrap{display:flex;justify-content:center;margin-bottom:0}.admin-donut-legend{display:flex;flex-direction:column;gap:4px;width:100%}.admin-donut-legend-row{align-items:center;color:#374151;display:flex;font-size:10.5px;font-weight:500;padding:0 2px}.admin-donut-legend-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:6px;margin-right:8px;width:6px}.admin-donut-legend-label{color:#4b5563;flex:1 1;font-size:10px}.admin-donut-legend-value{color:#111827;font-size:10.5px;font-weight:700}.admin-attendance-summary{display:flex;flex-direction:column;gap:10px}.admin-attendance-row{align-items:center;display:flex;font-size:10px;justify-content:space-between}.admin-attendance-label{align-items:center;color:#4b5563;display:flex;font-weight:500;gap:8px}.admin-attendance-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.admin-attendance-bar-wrap{background:#f3f4f6;border-radius:99px;flex:1 1;height:6px;margin:0 12px;overflow:hidden}.admin-attendance-bar{border-radius:99px;height:100%;transition:width .4s ease}.admin-attendance-pct{color:#111827;font-size:10px;font-weight:700;min-width:28px;text-align:right}.spin{animation:adminSpin 1s linear infinite}@keyframes adminSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{appearance:button;cursor:pointer;overflow:visible;text-transform:none}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column}.rbc-m-b-negative-3{margin-bottom:-3px}.rbc-h-full{height:100%}.rbc-calendar *,.rbc-calendar :after,.rbc-calendar :before{box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.rbc-ellipsis,.rbc-event-label,.rbc-row-segment .rbc-event-content,.rbc-show-more{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{border-bottom:1px solid #ddd;flex:1 0;font-size:90%;min-height:0;overflow:hidden;padding:0 3px;text-align:center;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{background:none;border:none;color:inherit;cursor:pointer;margin:0;padding:0;-webkit-user-select:text;user-select:text}.rbc-row-content{position:relative;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:flex;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{-ms-overflow-style:none;height:100%;overflow-y:scroll;scrollbar-width:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-today{background-color:#eaf6ff}.rbc-toolbar{align-items:center;display:flex;flex-wrap:wrap;font-size:16px;justify-content:center;margin-bottom:10px}.rbc-toolbar .rbc-toolbar-label{flex-grow:1;padding:0 10px;text-align:center}.rbc-toolbar button{background:none;background-image:none;border:1px solid #ccc;border-radius:4px;color:#373a3c;display:inline-block;line-height:normal;margin:0;padding:.375rem 1rem;text-align:center;vertical-align:middle;white-space:nowrap}.rbc-toolbar button.rbc-active,.rbc-toolbar button:active{background-color:#e6e6e6;background-image:none;border-color:#adadad;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.rbc-toolbar button.rbc-active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button:active:hover{background-color:#d4d4d4;border-color:#8c8c8c;color:#373a3c}.rbc-toolbar button:focus,.rbc-toolbar button:hover{background-color:#e6e6e6;border-color:#adadad;color:#373a3c}.rbc-toolbar button:hover{cursor:pointer}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group>button:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:4px;border-bottom-left-radius:0;border-top-left-radius:0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px;border-bottom-right-radius:0;border-top-right-radius:0}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}@media (max-width:767px){.rbc-toolbar{flex-direction:column}}.rbc-day-slot .rbc-background-event,.rbc-event{background-color:#3174ad;border:none;border-radius:5px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;margin:0;padding:2px 5px;text-align:left;width:100%}.rbc-day-slot .rbc-slot-selecting .rbc-background-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-slot-selecting .rbc-event{cursor:inherit;pointer-events:none}.rbc-day-slot .rbc-selected.rbc-background-event,.rbc-event.rbc-selected{background-color:#265985}.rbc-day-slot .rbc-background-event:focus,.rbc-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{box-shadow:-1px 1px 5px 0 #33333380}.rbc-event-continues-prior{border-bottom-left-radius:0;border-top-left-radius:0}.rbc-event-continues-after{border-bottom-right-radius:0;border-top-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:flex;flex-direction:row}.rbc-row-segment{padding:0 1px 1px}.rbc-selected-cell{background-color:#0000001a}.rbc-show-more{background-color:#ffffff4d;color:#3174ad;font-size:85%;font-weight:700;height:auto;line-height:normal;z-index:4}.rbc-show-more:focus,.rbc-show-more:hover{color:#265985}.rbc-month-view{border:1px solid #ddd;display:flex;flex:1 0;flex-direction:column;height:100%;position:relative;user-select:none;-webkit-user-select:none;width:100%}.rbc-month-header{display:flex;flex-direction:row}.rbc-month-row{display:flex;flex:1 0;flex-basis:0px;flex-direction:column;height:100%;overflow:hidden;position:relative}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{flex:1 1;min-width:0;padding-right:5px;text-align:right}.rbc-date-cell.rbc-now{font-weight:700}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{display:flex;flex:1 0;flex-direction:row;overflow:hidden;right:1px}.rbc-day-bg{flex:1 0}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{background-color:#fff;border:1px solid #e5e5e5;box-shadow:0 5px 15px #00000040;padding:10px;position:absolute;z-index:5}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{display:flex;flex:1 0;flex-direction:column;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{border:1px solid #ddd;border-collapse:collapse;border-spacing:0;width:100%}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{border-bottom:1px solid #ddd;padding:3px 5px;text-align:left}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:flex;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{flex:1 1}.rbc-timeslot-group{border-bottom:1px solid #ddd;display:flex;flex-flow:column nowrap;min-height:40px}.rbc-header-gutter,.rbc-time-gutter{flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{bottom:0;left:0;margin-right:10px;position:absolute;right:0;top:0}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-event{align-items:flex-start;border:1px solid #265985;display:flex;flex-flow:column wrap;max-height:100%;min-height:20px;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{word-wrap:break-word;flex:1 1;height:100%;line-height:1;min-height:1em;width:100%}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{background-color:#fff;border-right:1px solid #ddd;left:0;margin-right:-1px;position:sticky;z-index:10}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{flex:1 0;flex-basis:0px;min-width:auto}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-day-bg,.rbc-time-view-resources .rbc-header{flex:1 1;flex-basis:0 px;width:140px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{flex:1 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{background-color:#00000080;color:#fff;font-size:75%;padding:3px;position:absolute;width:100%;z-index:10}.rbc-slot-selecting{cursor:move}.rbc-time-view{border:1px solid #ddd;display:flex;flex:1 1;flex-direction:column;min-height:0;width:100%}.rbc-time-view .rbc-time-gutter{text-align:right;white-space:nowrap}.rbc-time-view .rbc-allday-cell{box-sizing:initial;height:100%;position:relative;width:100%}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{box-sizing:border-box;min-height:20px}.rbc-time-header{display:flex;flex:0 0 auto;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-left:1px solid #ddd;border-right-width:0}.rbc-time-header>.rbc-row.rbc-row-resource,.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{border-left:1px solid #ddd;display:flex;flex:1 1;flex-direction:column;min-width:0}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;flex-shrink:0}.rbc-time-content{align-items:flex-start;border-top:2px solid #ddd;display:flex;flex:1 0;overflow-y:auto;position:relative;width:100%}.rbc-time-content>.rbc-time-gutter{flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{user-select:none;-webkit-user-select:none;width:100%}.rbc-current-time-indicator{background-color:#74ad31;height:1px;left:0;pointer-events:none;position:absolute;right:0;z-index:3}.rbc-resource-grouping.rbc-time-header-content{display:flex;flex-direction:column}.rbc-resource-grouping .rbc-row .rbc-header{width:141px}.calendar-container{background-color:#f8fafc;box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,sans-serif;height:100vh;margin-left:72px;overflow:hidden;padding:14px 20px;transition:margin-left .25s ease,width .25s ease;width:calc(100vw - 72px)}@media (min-width:769px){body.sidebar-expanded .calendar-container{margin-left:250px!important;width:calc(100vw - 250px)!important}}@media (max-width:768px){.calendar-container{margin-left:0;padding-top:80px;width:100%}}.calendar-header{align-items:center;background:#fff;border:1px solid #f0f2f5;border-radius:12px;box-shadow:none;display:flex;justify-content:space-between;margin-bottom:14px;padding:16px 22px}.calendar-header-left{align-items:center;display:flex;gap:11px}.calendar-header-icon{align-items:center;background:#3b775e17;border-radius:9px;display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.calendar-header h2{-webkit-text-fill-color:unset;background:none;-webkit-background-clip:unset;background-clip:initial;color:#111827;font-family:Inter,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.3px;margin:0}.calendar-breadcrumb{color:#9ca3af;font-family:Inter,sans-serif;font-size:11.5px;font-weight:400;margin-top:2px}.add-event-btn{align-items:center;background:#3b775e;border:none;border-radius:7px;box-shadow:none;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.01em;padding:7px 14px;transition:background .2s ease}.add-event-btn:hover{background:#2f6350}.add-event-btn:active{background:#265446}.calendar-legend{align-items:center;background:#fff;border:1px solid #f0f2f5;border-radius:10px;box-shadow:none;display:flex;gap:10px;justify-content:space-between;margin-bottom:14px;padding:11px 18px}.calendar-legend-items{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.calendar-open-btn{align-items:center;background:#f7faf8;border:1px solid #d9e6e0;border-radius:8px;color:#3b775e;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:7px 12px;transition:all .18s ease;white-space:nowrap}.calendar-open-btn:hover{background:#eef7f2;border-color:#bfd5ca}.calendar-open-btn--active{background:#3b775e;border-color:#3b775e;color:#fff}.calendar-open-btn--active:hover{background:#2f6350;border-color:#2f6350}.calendar-open-btn:active{transform:scale(.98)}.calendar-main{height:440px;min-height:440px}.calendar-card-wrap{margin:0 auto;position:relative;width:calc(100% - 20px)}.legend-item{align-items:center;background:#f9fafb;border:1px solid #f0f2f5;border-radius:20px;color:#4b5563;display:flex;font-family:Inter,sans-serif;font-size:12px;font-weight:500;gap:6px;padding:4px 10px;transition:background .15s}.legend-item:hover{background:#f3f4f6}.legend-color{border-radius:50%;box-shadow:none;flex-shrink:0;height:8px;width:8px}.rbc-calendar{background:#fff;border:1px solid #e2e8f099;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;height:100%;padding:18px 18px 48px}.rbc-header{background:#c8ef7d;border-bottom:2px solid #f1f5f9;color:#162a16;font-size:12px;font-weight:700;letter-spacing:.5px;padding:15px 0;text-transform:uppercase}.rbc-month-view{border:1px solid #f1f5f9;border-radius:12px;overflow:hidden}.rbc-day-bg,.rbc-day-bg+.rbc-day-bg{border-left:1px solid #f1f5f9}.rbc-month-row+.rbc-month-row{border-top:1px solid #f1f5f9}.rbc-off-range-bg{background-color:#f8fafc}.rbc-today{background-color:#fff}.calendar-date-today{align-items:center;background:#3b775e;border-radius:50%;color:#fff;display:inline-flex;font-weight:700;height:26px;justify-content:center;line-height:1;width:26px}.rbc-today .calendar-date-dots .calendar-event-dot{box-shadow:none}.rbc-event{border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:12px;font-weight:500;padding:4px 8px;transition:transform .2s,box-shadow .2s}.calendar-event-dot-wrap{align-items:center;display:flex;justify-content:center;min-height:14px;width:100%}.calendar-event-dot{border-radius:50%;box-shadow:0 0 0 2px #ffffffe6;display:inline-block;height:8px;width:8px}.calendar-event-dot--holiday{background:#10b981}.calendar-event-dot--meeting{background:#3b82f6}.calendar-event-dot--deadline{background:#ef4444}.calendar-event-dot--leave{background:#f59e0b}.calendar-event-dot--event,.calendar-event-dot--task{background:#8b5cf6}.calendar-date-cell-head{align-items:flex-end;cursor:default;display:flex;flex-direction:column;gap:4px}.calendar-date-dots{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;max-width:100%}.calendar-date-dots .calendar-event-dot{box-shadow:none;height:7px;width:7px}.calendar-hover-card{background:#fff;border:1.5px solid #d1d5db;border-radius:12px;box-shadow:0 10px 40px #0003,0 2px 8px #00000014;max-width:260px;min-width:190px;padding:12px;pointer-events:auto;position:fixed;transition:opacity .15s ease,transform .15s ease;z-index:9999}.calendar-hover-card-date{color:#374151;font-size:13px;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}.calendar-hover-item{align-items:center;color:#111827;display:flex;font-size:13px;font-weight:500;gap:8px;line-height:1.4;margin-bottom:6px}.calendar-hover-item:last-child{margin-bottom:0}.rbc-event:hover{box-shadow:0 4px 8px #00000026;transform:scale(1.02);z-index:10}.rbc-month-view .rbc-event,.rbc-month-view .rbc-event.event-deadline,.rbc-month-view .rbc-event.event-holiday,.rbc-month-view .rbc-event.event-leave,.rbc-month-view .rbc-event.event-meeting,.rbc-month-view .rbc-event.event-task{align-items:center;background:#0000!important;border:none!important;box-shadow:none!important;display:flex;justify-content:center;margin:1px auto!important;min-height:12px;padding:0!important;width:100%}.rbc-month-view .rbc-event:hover{box-shadow:none;transform:none}.rbc-month-view .rbc-event-content{align-items:center;display:flex;justify-content:center}.rbc-month-view .rbc-row-content .rbc-row:nth-child(n+2){display:none}.rbc-event-label{display:none!important}.rbc-toolbar{margin-bottom:20px}.rbc-toolbar .rbc-btn-group:first-child button:nth-child(2),.rbc-toolbar .rbc-btn-group:first-child button:nth-child(3){display:none}.rbc-toolbar-label{color:#334155;font-size:18px;font-weight:700}.calendar-filter-btn,.calendar-filter-wrap,.rbc-toolbar .calendar-filter-btn{align-items:center;display:inline-flex;position:relative}.calendar-filter-btn,.rbc-toolbar .calendar-filter-btn{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#6b7280;cursor:pointer;justify-content:center;line-height:1;padding:4px;transition:color .18s ease}.calendar-filter-btn:hover,.rbc-toolbar .calendar-filter-btn:hover{background:#0000!important;color:#3b775e}.calendar-filter-btn:active,.rbc-toolbar .calendar-filter-btn:active{color:#2f6350;transform:none!important}.calendar-filter-dot{background:#3b775e;border:1.5px solid #eef7f2;border-radius:50%;height:6px;position:absolute;right:4px;top:4px;width:6px}.calendar-filter-menu{background:#fff;border:1px solid #e4ece8;border-radius:14px;box-shadow:0 8px 24px #0000001c;min-width:220px;padding:14px 14px 12px;position:absolute;right:0;top:calc(100% + 10px);z-index:20}.calendar-filter-menu-label{color:#9ca3af;font-size:10px;font-weight:700;letter-spacing:.08em;margin-bottom:10px;padding-left:2px;text-transform:uppercase}.calendar-filter-menu-pills{display:flex;flex-wrap:wrap;gap:7px}.calendar-filter-item,.rbc-toolbar .calendar-filter-item{background:#f9fafb;border:1.5px solid #e2e8f0;border-radius:999px!important;color:#4b5563;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:600;line-height:1.4;padding:5px 14px;transition:all .15s ease;white-space:nowrap}.calendar-filter-item:hover,.rbc-toolbar .calendar-filter-item:hover{background:#eef7f2;border-color:#b7d3c8;color:#2f6350}.calendar-filter-item--active,.rbc-toolbar .calendar-filter-item--active{background:#3b775e!important;border-color:#3b775e!important;color:#fff!important}.calendar-filter-item--active:hover,.rbc-toolbar .calendar-filter-item--active:hover{background:#2f6350!important;border-color:#2f6350!important}.rbc-btn-group button{background:#fff;border:1px solid #e2e8f0;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.rbc-btn-group button:first-child{border-bottom-left-radius:8px;border-top-left-radius:8px}.rbc-btn-group button:last-child{border-bottom-right-radius:8px;border-top-right-radius:8px}.rbc-btn-group button:hover{background-color:#f8fafc;color:#334155}.rbc-btn-group button.rbc-active{background-color:#3b775e;border-color:#3b775e;box-shadow:none;color:#fff}.rbc-btn-group button:focus{outline:none}.rbc-toolbar .rbc-btn-group:first-child button:first-child{background:#3b775e;border:1px solid #3b775e;border-radius:999px;box-shadow:none;color:#fff;font-weight:700;padding:8px 16px}.rbc-toolbar .rbc-btn-group:first-child button:first-child:hover{background:#2f6350;color:#fff}.calendar-bottom-nav{align-items:center;bottom:10px;display:flex;justify-content:space-between;left:10px;pointer-events:none;position:absolute;right:10px;z-index:4}.calendar-arrow-btn{align-items:center;background:#fff;border:1px solid #d8e2df;border-radius:50%;color:#3b775e;cursor:pointer;display:inline-flex;height:34px;justify-content:center;pointer-events:auto;transition:all .18s ease;width:34px}.calendar-arrow-btn:hover{background:#f0faf5;border-color:#b7cec3}.calendar-arrow-btn:active{transform:scale(.96)}.event-holiday{background:linear-gradient(135deg,#10b981,#059669)}.event-meeting{background:linear-gradient(135deg,#3b82f6,#2563eb)}.event-deadline{background:linear-gradient(135deg,#ef4444,#dc2626)}.event-leave{background:linear-gradient(135deg,#f59e0b,#d97706)}.event-task{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.modal-overlay{background:#0f172a99}.modal-content{border:1px solid #eaecf0;box-shadow:0 4px 24px #0000001a;padding:0}.cal-modal,.modal-content{animation:modalSlideUp .22s cubic-bezier(.16,1,.3,1);max-width:460px;overflow:hidden}.cal-modal{background:#fff;border:1px solid #e8edf0;border-radius:16px;box-shadow:0 4px 28px #00000017;font-family:Inter,sans-serif;width:100%}.cal-modal-hd{align-items:center;background:#fafafa;border-bottom:1px solid #f1f3f5;display:flex;gap:12px;padding:18px 20px 16px}.cal-modal-hd-icon{align-items:center;background:#3b775e17;border-radius:9px;display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.cal-modal-title{color:#111827;font-size:14px;font-weight:700;letter-spacing:-.01em;line-height:1.3}.cal-modal-sub{color:#9ca3af;font-size:11.5px;font-weight:400;line-height:1.3;margin-top:2px;text-transform:capitalize}.cal-close-btn{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;margin-left:auto;transition:background .15s,color .15s;width:28px}.cal-close-btn:hover{background:#e5e7eb;color:#111827}.cal-modal-body{padding:20px}.cal-form{display:flex;flex-direction:column;gap:14px}.cal-seg-wrap{grid-gap:2px;background:#f3f4f6;border-radius:10px;display:grid;gap:2px;grid-template-columns:repeat(5,1fr);padding:3px}.cal-seg-btn{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-family:Inter,sans-serif;font-size:11.5px;font-weight:500;letter-spacing:.01em;padding:8px 4px;transition:all .16s}.cal-seg-btn:hover:not(.cal-seg-btn--on){background:#fff9;color:#374151}.cal-seg-btn--on{background:#fff;box-shadow:0 1px 4px #00000017;color:#3b775e;font-weight:700}.cal-field{display:flex;flex-direction:column;gap:5px}.cal-lbl{color:#374151;font-size:11.5px;font-weight:600;letter-spacing:.02em}.cal-optional{color:#c4c9d4;font-size:11px;font-weight:400;margin-left:4px}.cal-input{background:#fff;border:1.5px solid #e5e7eb;border-radius:9px;box-sizing:border-box;color:#111827;font-family:Inter,sans-serif;font-size:13px;padding:9px 12px;transition:border-color .15s,box-shadow .15s;width:100%}.cal-input:focus{border-color:#3b775e;box-shadow:0 0 0 3px #3b775e17;outline:none}.cal-input::placeholder{color:#c4c9d4;font-size:12.5px}.cal-input-wrap{align-items:center;display:flex;position:relative}.cal-input-icon{flex-shrink:0;left:10px;pointer-events:none;position:absolute}.cal-input--dt{font-size:12px;padding-left:30px}.cal-textarea{line-height:1.55;min-height:76px;resize:none}.cal-date-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.cal-footer{border-top:1px solid #f1f3f5;display:flex;gap:8px;justify-content:flex-end;margin-top:4px;padding-top:14px}.cal-btn-ghost{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:500;padding:8px 16px;transition:all .15s}.cal-btn-ghost:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.cal-btn-primary{background:#3b775e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:600;padding:8px 20px;transition:background .15s}.cal-btn-primary:hover{background:#2f6350}.cal-detail-row{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;gap:16px;padding:10px 0}.cal-detail-row:last-of-type{border-bottom:none}.cal-detail-lbl{color:#9ca3af;flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.06em;min-width:38px;padding-top:2px;text-transform:uppercase}.cal-detail-val{color:#1e293b;font-size:13px;font-weight:500;line-height:1.45;text-transform:capitalize}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{border-bottom:1px solid #e2e8f0;margin-bottom:20px;padding-bottom:20px}.modal-header h3{color:#1e293b;font-size:17px;font-weight:700;letter-spacing:-.01em;margin:0}.close-btn{background:#f1f5f9;border-radius:50%;color:#64748b;font-size:20px;height:32px;transition:all .2s;width:32px}.close-btn:hover{background:#e2e8f0;color:#334155}.form-group label{color:#4b5563;font-weight:500;letter-spacing:.01em}.form-group input,.form-group select,.form-group textarea{background-color:#f9fafb;border:1.5px solid #d1d9e0;color:#1e293b;font-family:Inter,sans-serif;font-size:14px;padding:10px 14px;transition:border-color .18s,background .18s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#fff;border-color:#3b775e;box-shadow:0 0 0 3px #3b775e1a}.modal-footer{border-top:1px solid #e2e8f0;margin-top:30px}.btn-cancel{border:1px solid #e2e8f0;padding:10px 20px;transition:all .2s}.btn-submit{background:#3b775e;box-shadow:none;font-size:14px;padding:10px 24px;transition:background .18s}.btn-submit:hover{background:#2f6350}.calendar-hover-delete-btn,.calendar-hover-edit-btn{align-items:center;display:flex;height:18px;justify-content:center;opacity:.7;transition:opacity .15s;width:18px}.calendar-hover-delete-btn:hover,.calendar-hover-edit-btn:hover{opacity:1}.success-popup-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a80;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.success-popup{align-items:center;animation:popupSlideUp .3s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #e8edf0;border-radius:50px;box-shadow:0 12px 40px #0003,0 4px 12px #0000001a;display:flex;gap:12px;max-width:320px;padding:14px 24px}.success-popup--success{border-left:3px solid #3b775e}.success-popup--error{border-left:3px solid #ef4444}.success-popup-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.success-popup--success .success-popup-icon{color:#3b775e}.success-popup--error .success-popup-icon{color:#ef4444}.success-popup-message{color:#1e293b;flex:1 1;font-size:14px;font-weight:600;letter-spacing:-.01em;line-height:1.4}@keyframes popupSlideUp{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.login-container{align-items:center;background:linear-gradient(135deg,#14532d,#052e16);display:flex;justify-content:center;margin-left:0!important;min-height:100vh;overflow:hidden;position:relative}.login-container:before{animation:drift 20s linear infinite;background:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:50px 50px;content:"";height:200%;position:absolute;width:200%}@keyframes drift{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:440px;padding:48px;position:relative;width:100%;z-index:1}.login-card h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#16a34a,#15803d);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:700;letter-spacing:-1px;margin-bottom:12px;text-align:center}.login-card h2{color:#64748b;font-size:16px;font-weight:500;margin-bottom:32px;text-align:center}.btn-block{box-shadow:0 4px 14px #16a34a66;font-size:16px;font-weight:600;letter-spacing:.5px;margin-top:20px;padding:14px;width:100%}.btn-block:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.login-info{background:#f8fafc;border-radius:12px;border-top:2px solid #e2e8f0;color:#64748b;font-size:13px;margin:32px -48px -48px;padding:20px}.login-info p{line-height:1.6;margin:6px 0}.login-info strong{color:#1e293b;font-weight:600}.login-info .note{color:#94a3b8;font-size:11px;font-style:italic;line-height:1.5;margin-top:12px}.navbar{background:#162a16;border-right:1px solid #ffffff0d;display:flex;flex-direction:column;height:100vh;left:0;overflow:visible;position:fixed;top:0;transition:width .25s ease,transform .3s ease;width:72px;will-change:width;z-index:100}.navbar.expanded{width:240px}.navbar.expanded .navbar-brand{justify-content:space-between;padding:0 14px 14px}.navbar.expanded .brand-text-full{display:flex}.navbar.expanded .navbar-menu{align-items:stretch;overflow-x:hidden;padding:4px 10px}.navbar.expanded .nav-item{border-radius:10px;box-sizing:border-box;gap:12px;height:44px;justify-content:flex-start;padding:0 14px;transition:color .18s ease,background .18s ease,width .25s ease,padding .25s ease;width:100%}.navbar.expanded .nav-label{color:inherit;display:block;font-size:14px;font-weight:500;max-width:160px;opacity:1;overflow:hidden;text-overflow:ellipsis;transition:opacity .15s ease,max-width .25s ease;white-space:nowrap}.navbar.expanded .nav-role-badge{align-self:flex-start;font-size:11px;max-width:180px;padding-left:14px;text-align:left}.navbar.expanded .nav-dropdown-wrapper{flex-direction:column;gap:0;height:auto;min-height:44px;padding:0;width:100%}.navbar.expanded .nav-dropdown-wrapper>svg{align-self:flex-start;flex-shrink:0;margin-bottom:0;margin-left:14px;margin-top:12px}.navbar.expanded .nav-dropdown-wrapper>.nav-label{margin-left:-20px;padding:12px 14px 12px 0}.navbar.expanded .nav-sub-menu{background:#0003;border:none;border-left:2px solid #22c55e33;border-radius:0 0 8px 8px;box-shadow:none;margin-left:32px;margin-top:2px;min-width:0;min-width:auto;padding:4px;position:static!important;width:calc(100% - 32px)}.navbar.expanded .navbar-user{align-items:stretch;padding:10px}.navbar.expanded .navbar-user .nav-item{justify-content:flex-start;width:100%}.navbar-container{display:flex;flex-direction:column;height:100%;overflow:visible;padding:14px 0}.navbar *{outline:none!important}.navbar-brand{border-bottom:1px solid #ffffff12;flex-shrink:0;margin-bottom:8px;padding:0 0 14px}.brand-link,.navbar-brand{align-items:center;display:flex;gap:10px;justify-content:center;overflow:hidden}.brand-link{text-decoration:none}.brand-text-icon{align-items:center;background:#ffffff0a;border-radius:10px;display:flex;flex-shrink:0;height:38px;justify-content:center;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease;width:38px}.brand-logo-image{border-radius:10px;display:block;height:100%;object-fit:cover;width:100%}.navbar:not(.expanded) .brand-text-icon:hover{box-shadow:0 0 0 3px #a8e63d4d;transform:scale(1.08)}.brand-text-full{display:none;flex-direction:column;line-height:1.2;white-space:nowrap}.brand-text-main{color:#fff;font-size:15px;font-weight:700;letter-spacing:.3px}.brand-text-sub{color:#a8e63d;font-size:10px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase}.sidebar-toggle{align-items:center;background:#0000;border:none;border-radius:8px;color:#7aad7a;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;opacity:0;overflow:hidden;padding:0;pointer-events:none;transition:width .25s ease,opacity .2s ease,background .18s ease;width:0}.navbar.expanded .sidebar-toggle{background:#ffffff0f;border:1px solid #ffffff1f;opacity:1;padding:0 4px;pointer-events:auto;width:28px}.sidebar-toggle:hover{background:#ffffff1f;color:#a8e63d}.navbar-menu{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:3px;overflow-x:hidden;overflow-y:auto;padding:4px 14px;scrollbar-width:none}.navbar-menu::-webkit-scrollbar{display:none}.nav-item{align-items:center;background:#0000;border:none!important;border-radius:12px;box-shadow:none!important;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;height:44px;justify-content:center;outline:none!important;position:relative;text-decoration:none;transition:color .18s ease,background .18s ease;width:44px}.nav-item:active,.nav-item:focus,.nav-item:focus-visible,.nav-item:focus-within,a.nav-item:active,a.nav-item:focus,a.nav-item:focus-visible{border:none!important;box-shadow:none!important;outline:none!important}.nav-item:hover{background:#a8e63d1a;color:#a8e63d}.nav-item-active{background:#a8e63d1a!important;box-shadow:none;color:#a8e63d!important;position:relative}.nav-item-active:before{background:#a8e63d;border-radius:0 3px 3px 0;content:"";height:28px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.navbar.expanded .nav-item-active{background:#a8e63d!important;color:#1a2e1a!important}.navbar.expanded .nav-item-active:before{display:none}.nav-label{display:block;max-width:0;opacity:0;overflow:hidden;pointer-events:none;transition:opacity .1s ease,max-width .25s ease;white-space:nowrap}.nav-badge{animation:badge-pulse 2s infinite;background:#ef4444;border:1.5px solid #162a16;border-radius:9px;color:#fff;font-size:9px;font-weight:700;line-height:13px;min-width:15px;padding:1px 4px;pointer-events:none;position:absolute;right:5px;text-align:center;top:7px}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.nav-dropdown-wrapper{align-items:center;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;position:relative;width:44px}.nav-dropdown-arrow{margin-left:auto;max-width:0;opacity:0;transition:transform .18s ease,opacity .18s ease,max-width .18s ease}.nav-dropdown-arrow.open{transform:rotate(180deg)}.navbar.expanded .nav-dropdown-arrow{max-width:16px;opacity:1}.nav-sub-menu{background:#132517;border:1px solid #a8e63d1f;border-radius:14px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;gap:4px;left:82px;min-width:210px;padding:10px;position:fixed;z-index:500}.nav-sub-menu-head{align-items:center;display:flex;justify-content:space-between;padding:6px 8px 10px}.nav-sub-menu-title{color:#f8fafc;font-size:13px;font-weight:700;letter-spacing:.02em}.nav-sub-menu-badge{background:#fbbf24;border-radius:999px;color:#162a16;font-size:10px;font-weight:700;padding:2px 7px;text-transform:uppercase}.nav-sub-menu a{border-radius:8px;color:#f8fafc;display:block;font-size:13px;font-weight:500;padding:10px 12px;text-decoration:none;transition:all .15s ease}.nav-sub-menu a:hover{background:#ffffff14;color:#fff}.nav-sub-menu a.nav-item-active{background:#a8e63d29;color:#a8e63d}.recruit-sub-link{align-items:center;display:flex!important;gap:9px}.recruit-sub-icon{align-items:center;display:flex;flex-shrink:0;opacity:.75}.recruit-sub-link.nav-item-active .recruit-sub-icon{opacity:1}.recruit-section{border-top:1px solid #ffffff12;flex-direction:column;gap:2px;margin-top:4px;padding-top:6px}.recruit-section,.recruit-section-label{align-items:center;display:flex;width:100%}.recruit-section-label{color:#4b6b4b;gap:6px;height:22px;justify-content:center;pointer-events:none}.recruit-nav-item{border-radius:8px!important;color:#6b7280;height:36px!important;width:36px!important}.navbar.expanded .recruit-section{align-items:stretch;padding-left:0;padding-right:0}.navbar.expanded .recruit-section-label{color:#4b6b4b;font-size:10px;font-weight:700;height:24px;justify-content:flex-start;letter-spacing:.08em;padding:0 16px;text-transform:uppercase}.navbar.expanded .recruit-nav-item{border-radius:8px!important;font-size:13px;gap:10px!important;height:40px!important;justify-content:flex-start!important;padding:0 14px 0 30px!important;width:100%!important}.navbar-user{align-items:center;border-top:1px solid #ffffff12;display:flex;flex-direction:column;flex-shrink:0;gap:4px;margin-top:auto;padding:10px 14px}.nav-user-avatar{background:#a8e63d1f!important;color:#a8e63d!important}.nav-role-badge{color:#6b7280;font-size:9px;font-weight:700;letter-spacing:.7px;max-width:44px;overflow:hidden;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.nav-logout:hover{background:#ef444424!important;color:#f87171!important}.hamburger,.mobile-header,.mobile-overlay{display:none}@media (max-width:768px){.mobile-header{align-items:center;background:#162a16;border-bottom:1px solid #ffffff12;box-shadow:0 2px 12px #0000004d;display:flex;justify-content:space-between;left:0;padding:12px 20px;position:fixed;right:0;top:0;z-index:101}.mobile-header h2{color:#a8e63d;font-size:18px;font-weight:700;margin:0}.hamburger{align-items:center;background:none;border:none;border-radius:8px;color:#a8e63d;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:background .2s}.hamburger:hover{background:#a8e63d1a}.navbar{overflow:visible;transform:translateX(-100%);width:240px}.navbar.open{transform:translateX(0)}.navbar-menu{align-items:stretch;overflow-x:visible;padding:4px 10px}.nav-item{border-radius:10px;box-sizing:border-box;gap:12px;height:44px;justify-content:flex-start;padding:0 14px;width:100%}.nav-label{color:inherit;font-size:14px;font-weight:500;max-width:160px;opacity:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-role-badge{align-self:flex-start;font-size:11px;max-width:180px;padding-left:14px;text-align:left}.nav-dropdown-wrapper{width:100%}.nav-dropdown-arrow{max-width:16px;opacity:1}.nav-sub-menu{background:#0003;border:none;border-left:2px solid #22c55e33;border-radius:0 0 8px 8px;box-shadow:none;margin-left:32px;margin-top:2px;min-width:0;min-width:auto;padding:4px;position:static!important}.navbar-user{align-items:stretch;padding:10px}.navbar-user .nav-item{justify-content:flex-start;width:100%}.mobile-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:99}.mobile-overlay.open{display:block}}.payroll-container{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);box-sizing:border-box;margin:0;max-width:100vw;min-height:100vh;overflow-x:hidden;padding:16px;width:100%}.payroll-header{align-items:flex-start;background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px;padding:16px}.payroll-header-left h1{color:#1e293b;font-size:20px;font-weight:700;letter-spacing:-.5px;margin:0 0 4px}.payroll-header-left p{color:#64748b;font-size:12px;margin:0}.payroll-tabs{display:flex;gap:10px}.tab-btn{background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.tab-btn.active{background:#1e40af;box-shadow:0 4px 12px #1e40af4d;color:#fff}.tab-btn:hover:not(.active){background:#e2e8f0;color:#334155}.payroll-filters{background:#fff;border-left:5px solid #3b82f6;border-radius:10px;box-shadow:0 2px 6px #0000000f;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding:14px}.filter-group,.payroll-filters{align-items:center;display:flex}.filter-group{flex-shrink:0;gap:10px}.filter-group label{color:#475569;font-size:13px;font-weight:600;white-space:nowrap}.filter-select{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;font-size:13px;font-weight:500;min-width:120px;padding:8px 14px;transition:all .2s ease}.filter-select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.calculate-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;font-size:13px;font-weight:700;margin-left:auto;padding:10px 24px;transition:all .3s ease;white-space:nowrap}.calculate-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.calculate-btn:active{transform:translateY(0)}.payroll-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:16px}.stat-card-payroll{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;min-width:0;overflow:hidden;padding:14px;position:relative;transition:all .3s ease}.stat-card-payroll:before{bottom:0;content:"";left:0;position:absolute;top:0;width:5px}.stat-card-payroll.blue:before{background:linear-gradient(180deg,#3b82f6,#2563eb)}.stat-card-payroll.green:before{background:linear-gradient(180deg,#10b981,#059669)}.stat-card-payroll.red:before{background:linear-gradient(180deg,#ef4444,#dc2626)}.stat-card-payroll.purple:before{background:linear-gradient(180deg,#8b5cf6,#7c3aed)}.stat-card-payroll:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.stat-card-payroll h3{color:#1e293b;font-size:26px;font-weight:700;line-height:1;margin:0 0 6px;word-break:break-word}.stat-card-payroll .stat-label{color:#64748b;font-size:12px;font-weight:600;margin:0 0 3px}.stat-card-payroll .stat-sublabel{color:#94a3b8;font-size:11px;margin:0}.stat-card-payroll .stat-sublabel.red{color:#ef4444}.payroll-records{background:#fff;border-radius:10px;box-shadow:0 2px 10px #00000014;max-width:100%;overflow-x:auto;padding:16px}.payroll-records-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.payroll-records-header h2{color:#1e293b;font-size:18px;font-weight:700;margin:0}.payroll-records-header .info-badge{align-items:center;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:6px;color:#065f46;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;white-space:nowrap}.payroll-records-header .info-badge:before{content:"✓";font-size:14px;font-weight:700}.payroll-table{border-collapse:initial;border-spacing:0;min-width:800px;width:100%}.payroll-table thead{background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.payroll-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:11px;font-weight:700;letter-spacing:.5px;padding:12px 10px;text-align:left;text-transform:uppercase;white-space:nowrap}.payroll-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.payroll-table tbody tr:hover{background:#f8fafc}.payroll-table td{color:#334155;font-size:13px;padding:14px 10px;vertical-align:top}.employee-cell{display:flex;flex-direction:column;gap:4px;min-width:120px}.employee-id{color:#94a3b8;font-size:11px}.performance-cell{display:flex;flex-direction:column;gap:5px;min-width:140px}.performance-item{align-items:center;display:flex;font-size:12px;gap:4px}.performance-item.incomplete{color:#ef4444;font-weight:600}.performance-item.late{color:#f59e0b;font-weight:600}.performance-item.complete{color:#64748b}.performance-item.draft{color:#6366f1;font-weight:600}.performance-item.unpaid{color:#ef4444;font-weight:600}.attendance-cell{display:flex;flex-direction:column;gap:5px;min-width:140px}.attendance-item{align-items:center;display:flex;font-size:12px;gap:4px}.attendance-item.present{color:#10b981;font-weight:600}.attendance-item.absent{color:#ef4444;font-weight:600}.attendance-item.paid{color:#10b981;font-weight:600}.attendance-item.unpaid{color:#ef4444;font-weight:600}.attendance-item.processed{color:#3b82f6;font-weight:600}.salary-amount{color:#1e293b;font-size:14px;font-weight:600;white-space:nowrap}.deduction-amount{color:#ef4444;font-size:13px}.deduction-amount,.net-salary{font-weight:700;white-space:nowrap}.net-salary{color:#1e293b;font-size:15px}.salary-note{color:#94a3b8;font-size:10px;margin-top:4px}.action-btn{border:none;border-radius:6px;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.5px;padding:7px 16px;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.action-btn.finalize{background:#3b82f6;box-shadow:0 2px 6px #3b82f64d;color:#fff}.action-btn.finalize:hover{background:#2563eb;box-shadow:0 4px 10px #3b82f666;transform:translateY(-1px)}.action-btn.paid{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 6px #10b9814d;color:#fff}.action-btn.paid:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 10px #10b98166;transform:translateY(-1px)}.action-btn.mark-paid{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 6px #10b9814d;color:#fff}.action-btn.mark-paid:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 10px #10b98166;transform:translateY(-1px)}.status-badge{border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:5px 12px;text-transform:uppercase;white-space:nowrap}.status-badge.processed{background:#dbeafe;color:#1e40af}.status-badge.paid{background:#d1fae5;color:#065f46}.status-badge.draft{background:#fef3c7;color:#92400e}.payroll-loading{color:#64748b;padding:60px 30px;text-align:center}.payroll-loading:before{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;content:"";display:inline-block;height:40px;margin-bottom:16px;width:40px}.payroll-empty{color:#94a3b8;padding:50px 30px;text-align:center}.payroll-empty h3{color:#64748b;font-size:16px;font-weight:600;margin-bottom:8px}.payroll-empty p{color:#94a3b8;font-size:13px}@media (max-width:1024px){.payroll-container,.payroll-header{padding:16px}.payroll-header-left h1{font-size:20px}.payroll-stats{grid-template-columns:repeat(2,1fr)}.stat-card-payroll h3{font-size:28px}}@media (max-width:768px){.payroll-container{padding:12px}.payroll-header{align-items:stretch;flex-direction:column;gap:14px;padding:14px}.payroll-header-left h1{font-size:18px}.payroll-header-left p{font-size:12px}.payroll-tabs{gap:8px;width:100%}.tab-btn{flex:1 1;font-size:12px;padding:9px 12px}.payroll-filters{gap:12px;padding:14px}.filter-group,.payroll-filters{align-items:stretch;flex-direction:column}.filter-group{gap:6px}.filter-group label{font-size:12px}.filter-select{font-size:12px;min-width:auto;padding:8px 12px;width:100%}.calculate-btn{font-size:12px;margin-left:0;padding:10px 20px;width:100%}.payroll-stats{gap:12px;grid-template-columns:1fr}.stat-card-payroll{padding:14px}.stat-card-payroll h3{font-size:24px}.stat-card-payroll .stat-label{font-size:12px}.stat-card-payroll .stat-sublabel{font-size:10px}.payroll-records{border-radius:8px;margin:0 -12px;padding:14px}.payroll-records-header{align-items:flex-start;flex-direction:column;gap:10px;padding-bottom:12px}.payroll-records-header h2{font-size:16px}.payroll-records-header .info-badge{font-size:11px;padding:5px 10px}.payroll-table{font-size:12px}.payroll-table th{font-size:10px;padding:10px 8px}.payroll-table td{padding:12px 8px}}@media (max-width:480px){.payroll-container{padding:8px}.payroll-filters,.payroll-header,.payroll-records{padding:12px}.stat-card-payroll h3{font-size:20px}}@media print{.action-btn,.payroll-filters,.payroll-header{display:none}.payroll-container{background:#fff;padding:0}.payroll-records{box-shadow:none}}.salary-rules-card{background:linear-gradient(135deg,#16a34a,#15803d);border-radius:12px;box-shadow:0 4px 12px #16a34a4d;color:#fff;margin-bottom:20px;padding:20px}.salary-rules-card h3{color:#fff;font-size:18px;font-weight:700;margin:0 0 16px}.rules-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.rule-item{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:10px;display:flex;gap:12px;padding:16px;transition:all .3s ease}.rule-item:hover{background:#ffffff40;transform:translateY(-2px)}.rule-icon{flex-shrink:0;font-size:28px}.rule-item strong{color:#fff;display:block;font-size:14px;margin-bottom:4px}.rule-item p{color:#ffffffe6;font-size:13px;margin:0}.employee-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.centered-text{color:#334155;font-weight:600;text-align:center}.property-days{color:#ef4444}.grade-text{color:#1e293b;font-size:13px;font-weight:600}.action-btn.view{background:#3b82f6;box-shadow:0 2px 6px #3b82f64d;color:#fff;min-width:60px;padding:6px 16px}.action-btn.view:hover{background:#2563eb;box-shadow:0 4px 10px #3b82f666;transform:translateY(-1px)}.employee-breakdown{display:flex;flex-direction:column;gap:20px}.breakdown-section{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;padding:20px}.breakdown-section h3{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0 0 16px}.breakdown-items{display:flex;flex-direction:column;gap:12px}.breakdown-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.breakdown-item span{color:#64748b;font-size:14px}.breakdown-item strong{color:#1e293b;font-size:15px}.breakdown-item.total{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:2px solid #cbd5e1;font-weight:600}.breakdown-item.total strong{font-size:18px;font-weight:700}.breakdown-item.deduction{border-left:4px solid #ef4444}.breakdown-item.final{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981;padding:16px}.breakdown-item.final span{color:#065f46;font-size:16px;font-weight:600}.breakdown-item.final strong{font-size:24px;font-weight:700}.breakdown-item strong.red{color:#ef4444}.breakdown-item strong.green{color:#10b981}.breakdown-section.net-pay{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #10b981}.details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:20px}.detail-card{background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 6px #0000000d;padding:20px}.detail-card h4{color:#1e293b;font-size:15px;font-weight:700;margin:0 0 12px}.detail-card p{color:#64748b;font-size:14px;margin:8px 0}.detail-card p.green{color:#10b981;font-weight:600}.detail-card p.red{color:#ef4444;font-weight:600}.info-banner{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left:4px solid #3b82f6;border-radius:10px;margin-top:20px;padding:16px 20px}.info-banner p{color:#1e40af;font-size:14px;line-height:1.6;margin:0}.info-banner strong{font-weight:700}.salary-structures-container{display:flex;flex-direction:column;gap:20px}.salary-rules-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:20px 0}.salary-rule-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s ease}.salary-rule-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.rule-card-header{align-items:center;color:#fff;display:flex;gap:12px;padding:16px 20px}.rule-card-header.late-check-in{background:linear-gradient(135deg,#f59e0b,#d97706)}.rule-card-header.incomplete-goals{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.rule-card-header.absence{background:linear-gradient(135deg,#ef4444,#dc2626)}.rule-card-header.uninformed-leave{background:linear-gradient(135deg,#3b82f6,#2563eb)}.rule-card-icon{font-size:32px}.rule-card-header h3{color:#fff;font-size:16px;font-weight:700;margin:0}.rule-card-body{display:flex;flex-direction:column;gap:12px;padding:20px}.rule-detail{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:8px 0}.rule-detail:last-child{border-bottom:none}.rule-detail span{color:#64748b;font-size:14px}.rule-detail strong{color:#1e293b;font-size:14px;font-weight:600}.rule-card-footer{background:#f8fafc;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.btn-delete,.btn-edit{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.btn-edit{background:#3b82f6;color:#fff}.btn-edit:hover{background:#2563eb}.btn-delete{background:#ef4444;color:#fff}.btn-delete:hover{background:#dc2626}.grade-cell{display:flex;flex-direction:column;gap:4px}.grade-cell strong{color:#1e293b;font-size:15px}.grade-level{color:#64748b;font-size:12px;font-weight:500}.employee-count{background:#f1f5f9;border-radius:12px;color:#64748b;display:inline-block;font-size:13px;padding:4px 12px}.components-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:20px 0}.component-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px}.component-card.earnings{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981}.component-card.deductions{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef4444}.component-card.info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6}.component-card h3{color:#1e293b;font-size:16px;font-weight:700;margin:0 0 16px}.component-list{display:flex;flex-direction:column;gap:10px}.component-item{align-items:center;background:#fff;border-radius:6px;display:flex;font-size:14px;justify-content:space-between;padding:10px}.component-desc{color:#64748b;font-size:12px;font-weight:500}.component-desc.red{color:#ef4444;font-weight:600}.status-badge.active{background:#10b981;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.modal-overlay{background:#000000bf}.modal-container{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow:hidden;padding:0;width:90%}.modal-header{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;padding:24px 30px}.modal-header h2{color:#fff;font-size:22px;font-weight:700}.modal-close{background:#fff3;border-radius:50%;color:#fff;font-size:24px;font-weight:300;height:36px;padding:0;width:36px}.modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body{max-height:calc(90vh - 180px);overflow-y:auto;padding:30px}.form-group label{color:#1e293b}.form-group label span{color:#ef4444;margin-left:4px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e2e8f0;border-radius:10px;font-size:15px;padding:12px 16px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#16a34a;box-shadow:0 0 0 4px #16a34a1a}.form-group input:disabled,.form-group select:disabled{background:#f8fafc;color:#64748b;cursor:not-allowed}.form-group textarea{min-height:100px}.form-hint{color:#64748b;font-size:13px;margin-top:6px}.modal-footer{background:#f8fafc;padding:20px 30px}.modal-btn{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;padding:12px 28px;transition:all .2s}.modal-btn-primary{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 12px #16a34a66;color:#fff}.modal-btn-primary:hover{box-shadow:0 6px 16px #16a34a80;transform:translateY(-2px)}.modal-btn-secondary{background:#fff;border:2px solid #e2e8f0;color:#64748b}.modal-btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}@media (max-width:768px){.form-row{grid-template-columns:1fr}.modal-container{max-height:95vh;width:95%}.modal-body{padding:20px}}.payroll-header{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:10px!important;justify-content:space-between!important}.payroll-header-left{flex-shrink:0;margin-right:10px}.payroll-header-filters{flex-grow:1;flex-wrap:nowrap!important;gap:12px!important;justify-content:center}.payroll-header-filters,.payroll-header-filters .filter-group{align-items:center!important;display:flex!important;margin:0!important}.payroll-header-filters .filter-group{flex-direction:row!important;gap:8px!important}.payroll-header-filters .filter-group label{margin:0!important;white-space:nowrap}.payroll-header-filters .filter-group .filter-select{margin:0!important;min-width:100px;width:auto!important}.payroll-header-filters .calculate-btn{margin:0!important;white-space:nowrap}.payroll-tabs{flex-shrink:0}@media (max-width:1100px){.payroll-header{flex-wrap:wrap!important;gap:16px!important}.payroll-header-filters{justify-content:flex-start;margin-top:10px!important;order:3;width:100%}}@media (max-width:768px){.payroll-header{align-items:stretch!important;flex-direction:column!important}.payroll-header-filters{align-items:stretch!important;flex-direction:column;gap:12px!important}.payroll-header-filters .filter-group{align-items:stretch!important;flex-direction:column!important}}.client-payments-page{background:#f8fafc;box-sizing:border-box;font-family:Inter,Poppins,Segoe UI,sans-serif;margin-left:72px;max-width:calc(100vw - 72px);min-height:100vh;padding:24px;transition:margin-left .25s ease,width .25s ease,max-width .25s ease;width:calc(100vw - 72px)}body.sidebar-expanded .client-payments-page{margin-left:240px;max-width:calc(100vw - 240px);width:calc(100vw - 240px)}@media (max-width:768px){.client-payments-page{margin-left:0!important;max-width:100vw!important;padding:78px 16px 16px;width:100vw!important}}.client-payments-page *,.client-payments-page :after,.client-payments-page :before{box-sizing:border-box}.client-payments-page button,.client-payments-page input,.client-payments-page select,.client-payments-page textarea{font-family:inherit}.client-payments-page input[type=number]::-webkit-inner-spin-button,.client-payments-page input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.client-payments-page input[type=number]{-moz-appearance:textfield}.client-payments-page ::-webkit-scrollbar{height:8px;width:8px}.client-payments-page ::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.client-payments-page ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.client-payments-page ::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;height:100vh;width:100vw}.sales-report-form{animation:slideUp .3s ease-out;background:#fff;border:none;border-radius:8px;box-shadow:0 10px 40px #0003;box-sizing:border-box;display:flex;flex-direction:column;height:90vh;max-width:600px;overflow:hidden;padding:0;width:90%}form{flex:1 1;overflow-y:auto;padding:0}.form-header{background:linear-gradient(135deg,#16a34a,#15803d);border-radius:8px;box-shadow:0 2px 10px #0000001a;color:#fff!important;flex-shrink:0;margin-bottom:0;padding:24px;position:relative;text-align:center;z-index:10}.form-header h3{font-size:24px;font-weight:700;margin-bottom:8px;margin-top:0;opacity:1!important}.form-header h3,.form-header p{color:#fff!important;visibility:visible!important}.form-header p{font-size:14px;font-weight:500;margin:0;opacity:.9}.form-sections{display:flex;flex-direction:column;gap:24px;padding:24px}.form-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;padding:24px;position:relative}.section-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:8px;color:#1e293b;display:block;font-size:16px;font-weight:700;letter-spacing:.5px;margin:-24px -24px 20px;padding:16px 24px;text-transform:uppercase}.form-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:16px}.form-group.full-width{grid-column:1/-1}label:after{color:#ef4444;font-weight:700;margin-left:4px}.form-group input,.form-group textarea{background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;color:#1e293b;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a;outline:none}.form-group input[type=number]{font-weight:600;text-align:right}.form-group textarea{min-height:80px}.metric-display{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534;margin-top:16px;padding:12px 16px}.metric{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px}.form-actions{background:#fff;border-top:1px solid #e2e8f0;bottom:0;padding:20px 24px;position:sticky;z-index:10}.btn-cancel,.btn-submit{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:10px 24px;text-transform:uppercase;transition:all .2s}.btn-cancel{background:#f1f5f9;border:1px solid #cbd5e1}.btn-cancel:hover{background:#e2e8f0;color:#334155}.btn-submit{background:#6366f1}.btn-submit:hover{background:#4f46e5;box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.btn-submit:disabled{background:#94a3b8;cursor:not-allowed;transform:none}.error-message,.success-message{align-items:center;display:flex;font-size:14px;font-weight:500;gap:8px;margin-top:16px;padding:12px}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}@media (max-width:768px){.sales-report-form{border-radius:8px;height:100%;max-width:none;width:100%}.form-sections{gap:16px;padding:16px}.form-section{padding:16px}.section-header{font-size:14px;margin:-16px -16px 16px;padding:12px 16px}.form-row{grid-template-columns:1fr}}.sales-reports-dashboard{background:#f8f9fa;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin-left:72px;max-width:calc(100vw - 72px);min-height:100vh;overflow-x:auto;padding:24px;transition:margin-left .25s ease,width .25s ease,max-width .25s ease;width:calc(100vw - 72px)}@media (min-width:769px){body.sidebar-expanded .sales-reports-dashboard{margin-left:240px!important;max-width:calc(100vw - 240px)!important;width:calc(100vw - 240px)!important}}@media (max-width:768px){.sales-reports-dashboard{margin-left:0!important;max-width:100vw!important;overflow-x:hidden!important;padding:75px 12px 15px!important;width:100vw!important}}.dashboard-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000005;display:flex;justify-content:space-between;margin-bottom:30px;padding:24px}.header-left h2{color:#1a1f36;font-size:24px;font-weight:700;margin:0 0 4px}.header-left p{color:#64748b;font-size:14px;margin:0}.header-right{display:flex;gap:12px}.btn-create-report{align-items:center;background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-create-report:hover{background:#0056b3}.btn-icon-only{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .2s;width:40px}.btn-icon-only:hover{background:#e2e8f0;color:#333}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.stat-card-new{border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;min-height:110px;padding:16px;position:relative}.stat-card-blue{background:#e0f2fe;color:#0369a1}.stat-card-green{background:#dcfce7;color:#15803d}.stat-card-yellow{background:#fef9c3;color:#a16207}.stat-card-purple{background:#f3e8ff;color:#7e22ce}.stat-header{display:flex;gap:12px;margin-bottom:8px}.stat-icon{font-size:20px}.stat-title{font-size:14px;font-weight:600;line-height:1.4}.stat-value-row{align-items:baseline;display:flex;gap:12px;margin-bottom:12px}.stat-value{font-size:28px;font-weight:700;line-height:1}.stat-trend{align-items:center;display:flex;font-size:14px;font-weight:600;gap:4px}.trend-up{color:#16a34a}.trend-down{color:#dc2626}.progress-container{margin-top:auto}.progress-bar-bg{background:#0000000d;border-radius:8px;height:6px;margin-bottom:8px;overflow:hidden}.progress-bar-fill{border-radius:8px;height:100%}.stat-footer{font-size:12px;font-weight:500;opacity:.8}.section-title{color:#1e293b;font-size:18px;font-weight:700;margin-bottom:20px}.reports-list-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000005;margin-bottom:30px;padding:0}.report-row{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;padding:16px 24px;transition:all .2s}.report-row:hover{background:#f8fafc}.report-row:last-child{border-bottom:none}.user-info{gap:16px;width:25%}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#e2e8f0;border-radius:50%;color:#64748b;font-weight:600;height:40px;justify-content:center;overflow:hidden;width:40px}.user-details h4{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 2px}.user-details p{color:#94a3b8;font-size:12px;margin:0}.report-metrics-row{align-items:center;display:flex;flex:1 1;justify-content:space-between;padding:0 24px}.metric-col{display:flex;flex-direction:column;gap:4px}.metric-col span{color:#64748b;font-size:11px;font-weight:600;text-transform:uppercase}.metric-col strong{color:#333;font-size:14px}.metric-status{border-radius:8px;font-size:11px;font-weight:600;padding:4px 12px;text-transform:uppercase}.status-submitted{background:#dcfce7;color:#166534}.status-draft{background:#f1f5f9;color:#475569}.status-reviewed{background:#dbeafe;color:#1e40af}.row-action{color:#cbd5e1;font-size:20px}.chart-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000005;padding:24px}.chart-container{height:300px;width:100%}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.dashboard-header{align-items:flex-start;flex-direction:column;gap:16px}.header-right{width:100%}.btn-create-report{flex:1 1;justify-content:center}.stats-grid{grid-template-columns:1fr}.report-row{align-items:flex-start;flex-direction:column;gap:16px}.user-info{width:100%}.report-metrics-row{justify-content:space-between;padding:0;width:100%}}:root{--rc-bg:#eef2f7;--rc-surface:#fff;--rc-border:#e2e8f0;--rc-border-light:#f1f5f9;--rc-text:#0f172a;--rc-text-2:#475569;--rc-text-3:#94a3b8;--rc-indigo:#6366f1;--rc-indigo-bg:#eef2ff;--rc-shadow-sm:0 1px 4px #0f172a12,0 1px 2px #0f172a0d;--rc-shadow-md:0 6px 20px #0f172a1a,0 2px 6px #0f172a0f;--rc-shadow-lg:0 24px 56px #0f172a29;--rc-radius:14px;--rc-radius-sm:8px;--rc-radius-full:999px;--rc-transition:0.18s ease}.skeleton{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e8edf3 50%,#f1f5f9 75%);background-size:600px 100%;border-radius:6px}.skeleton-text{border-radius:4px;height:13px}.skeleton-title{border-radius:4px;height:20px}.skeleton-btn{border-radius:8px;border-radius:var(--rc-radius-sm);height:38px}.recruitment-container{background:#eef2f7;background:var(--rc-bg);box-sizing:border-box;color:#0f172a;color:var(--rc-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin-left:72px;min-height:100vh;padding:24px 28px;transition:margin-left .3s ease,width .3s ease;width:calc(100vw - 72px)}@keyframes rcFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.rc-stat-card{animation:rcFadeUp .35s ease both}.rc-stat-card:first-child{animation-delay:.05s}.rc-stat-card:nth-child(2){animation-delay:.1s}.rc-stat-card:nth-child(3){animation-delay:.15s}.rc-stat-card:nth-child(4){animation-delay:.2s}.rc-stat-card:nth-child(5){animation-delay:.25s}.rc-stat-card:nth-child(6){animation-delay:.3s}.rc-stat-card:nth-child(7){animation-delay:.35s}body.sidebar-expanded .recruitment-container{margin-left:240px;width:calc(100vw - 240px)}.recruitment-header{align-items:center;background:#fff;background:var(--rc-surface);border:1px solid #e2e8f0;border:1px solid var(--rc-border);border-radius:14px;border-radius:var(--rc-radius);box-shadow:0 1px 4px #0f172a12,0 1px 2px #0f172a0d;box-shadow:var(--rc-shadow-sm);display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:26px;padding:18px 24px}.recruitment-header h2{color:#16a34a;font-size:20px;font-weight:800;letter-spacing:-.4px;margin:0}.recruitment-header .breadcrumb{align-items:center;display:flex;font-size:12px;font-weight:500;gap:0;margin-top:3px}.recruitment-header .breadcrumb .bc-parent{color:#86efac;font-weight:500}.recruitment-header .breadcrumb .bc-sep{color:#bbf7d0;font-weight:400}.recruitment-header .breadcrumb .bc-current{color:#16a34a;font-weight:700}.rc-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--rc-radius-sm);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:7px;padding:9px 18px;transition:background .18s ease,box-shadow .18s ease,transform .18s ease;transition:background var(--rc-transition),box-shadow var(--rc-transition),transform var(--rc-transition);white-space:nowrap}.rc-btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 2px 8px #6366f14d;color:#fff}.rc-btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 6px 20px #6366f16b;transform:translateY(-1px)}.rc-btn-secondary{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--rc-border);box-shadow:0 1px 3px #0f172a0f;color:#475569;color:var(--rc-text-2)}.rc-btn-secondary:hover{background:#eef2f7;background:var(--rc-bg);border-color:#94a3b8;color:#0f172a;color:var(--rc-text)}.dark-card{background:#fff;background:var(--rc-surface);border:1px solid #e2e8f0;border:1px solid var(--rc-border);border-radius:14px;border-radius:var(--rc-radius);box-shadow:0 1px 4px #0f172a12,0 1px 2px #0f172a0d;box-shadow:var(--rc-shadow-sm);margin-bottom:20px;overflow-x:auto;padding:22px 24px;transition:box-shadow .22s ease}.dark-card:hover{box-shadow:0 6px 20px #0f172a1a,0 2px 6px #0f172a0f;box-shadow:var(--rc-shadow-md)}.rc-stat-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));margin-bottom:24px}.rc-stat-card{align-items:center;background:#fff;background:var(--rc-surface);border:1px solid #e2e8f0;border:1px solid var(--rc-border);border-radius:14px;border-radius:var(--rc-radius);box-shadow:0 1px 4px #0f172a12,0 1px 2px #0f172a0d;box-shadow:var(--rc-shadow-sm);cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;padding:20px 22px;position:relative;transition:all .22s ease}.rc-stat-card:after{background:linear-gradient(90deg,#6366f1,#8b5cf6,#06b6d4);bottom:0;content:"";height:3px;left:0;opacity:0;position:absolute;right:0;transform:scaleX(0);transform-origin:left;transition:opacity .22s ease,transform .3s ease}.rc-stat-card:hover:after{opacity:1;transform:scaleX(1)}.rc-stat-card:hover{border-color:#c7d2fe;box-shadow:0 10px 30px #0f172a1f;transform:translateY(-3px)}.rc-stat-label{color:#94a3b8;color:var(--rc-text-3);font-size:11px;font-weight:700;letter-spacing:.6px;margin-bottom:8px;text-transform:uppercase}.rc-stat-value{color:#0f172a;color:var(--rc-text);font-size:32px;font-weight:800;letter-spacing:-1.5px;line-height:1;margin-top:6px}.rc-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:50px;justify-content:center;transition:transform .22s ease;width:50px}.rc-stat-card:hover .rc-stat-icon{transform:scale(1.08)}.dark-table{border-collapse:collapse;font-size:13px;text-align:left;width:100%}.dark-table th{background:#f1f5f9;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--rc-border);font-size:11px;font-weight:700;letter-spacing:.6px;padding:12px 16px;text-transform:uppercase;white-space:nowrap}.dark-table td,.dark-table th{color:#475569;color:var(--rc-text-2)}.dark-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--rc-border-light);padding:14px 16px;vertical-align:middle}.dark-table tr:last-child td{border-bottom:none}.dark-table tbody tr{transition:background .18s ease;transition:background var(--rc-transition)}.dark-table tbody tr:hover{background:#f8f9ff}.rc-filters{align-items:center;background:#fff;background:var(--rc-surface);border:1px solid #e2e8f0;border:1px solid var(--rc-border);border-radius:14px;border-radius:var(--rc-radius);box-shadow:0 1px 4px #0f172a12,0 1px 2px #0f172a0d;box-shadow:var(--rc-shadow-sm);display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:12px 16px}.rc-search-wrap{flex:1 1;min-width:180px;position:relative}.rc-search-wrap svg{color:#94a3b8;color:var(--rc-text-3);left:11px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.rc-search-wrap input{background:#f8fafc;border:1.5px solid #e2e8f0;border:1.5px solid var(--rc-border);border-radius:8px;border-radius:var(--rc-radius-sm);box-sizing:border-box;color:#0f172a;color:var(--rc-text);font-family:inherit;font-size:13px;padding:8px 12px 8px 34px;transition:border-color .18s ease,box-shadow .18s ease;transition:border-color var(--rc-transition),box-shadow var(--rc-transition);width:100%}.rc-search-wrap input:focus{background:#fff;border-color:#6366f1;border-color:var(--rc-indigo);box-shadow:0 0 0 3px #6366f11a;outline:none}.rc-select{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--rc-border);border-radius:8px;border-radius:var(--rc-radius-sm);color:#475569;color:var(--rc-text-2);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;padding:8px 12px;transition:border-color .18s ease;transition:border-color var(--rc-transition)}.rc-select:focus{border-color:#6366f1;border-color:var(--rc-indigo);outline:none}.rc-view-toggle{background:#f1f5f9;border-radius:8px;border-radius:var(--rc-radius-sm);display:flex;gap:2px;padding:3px}.rc-view-toggle button{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;color:var(--rc-text-3);cursor:pointer;display:flex;justify-content:center;padding:6px 10px;transition:background .18s ease,color .18s ease;transition:background var(--rc-transition),color var(--rc-transition)}.rc-view-toggle button.active{background:#fff;box-shadow:0 1px 4px #0000001a;color:#0f172a;color:var(--rc-text)}.rc-badge{align-items:center;border-radius:999px;border-radius:var(--rc-radius-full);display:inline-flex;font-size:11.5px;font-weight:700;letter-spacing:.2px;padding:4px 11px;white-space:nowrap}.rc-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a80;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.rc-modal{animation:rcFadeUp .25s ease both;background:#fff;border-radius:18px;box-shadow:0 24px 56px #0f172a29;box-shadow:var(--rc-shadow-lg);max-height:92vh;max-width:580px;overflow-y:auto;padding:28px;position:relative;width:100%}.rc-modal.wide{max-width:700px}.rc-modal.xl{max-width:900px}.rc-modal-header{align-items:flex-start;border-bottom:1.5px solid #f1f5f9;border-bottom:1.5px solid var(--rc-border-light);display:flex;justify-content:space-between;margin-bottom:22px;padding-bottom:16px}.rc-modal-title{color:#0f172a;color:var(--rc-text);font-size:17px;font-weight:700;margin:0}.rc-modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#94a3b8;color:var(--rc-text-3);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;transition:background .18s ease,color .18s ease;transition:background var(--rc-transition),color var(--rc-transition);width:32px}.rc-modal-close:hover{background:#e2e8f0;color:#0f172a;color:var(--rc-text)}.form-group{margin-bottom:16px}.form-group label{color:#475569;color:var(--rc-text-2);font-size:13px;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:#f8fafc;border:1.5px solid #e2e8f0;border:1.5px solid var(--rc-border);border-radius:8px;border-radius:var(--rc-radius-sm);box-sizing:border-box;color:#0f172a;color:var(--rc-text);font-family:inherit;font-size:13px;padding:9px 12px;transition:border-color .18s ease,box-shadow .18s ease;transition:border-color var(--rc-transition),box-shadow var(--rc-transition);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#6366f1;border-color:var(--rc-indigo);box-shadow:0 0 0 3px #6366f11a;outline:none}.form-group textarea{min-height:90px;resize:vertical}.rc-icon-btn{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#475569;color:var(--rc-text-2);cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:background .18s ease,color .18s ease;transition:background var(--rc-transition),color var(--rc-transition);width:32px}.rc-icon-btn:hover{background:#e2e8f0;color:#0f172a;color:var(--rc-text)}.rc-icon-btn.danger{background:#fff1f2;color:#ef4444}.rc-icon-btn.danger:hover{background:#fee2e2}.jobs-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.kanban-board{display:flex;gap:14px;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin}.kanban-col{background:#f8fafc;border:1.5px solid #e2e8f0;border:1.5px solid var(--rc-border);border-radius:12px;flex:0 0 220px;min-height:320px;padding:14px 12px}.kanban-col-header{align-items:center;display:flex;font-size:11.5px;font-weight:700;gap:7px;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.kanban-card{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--rc-border);border-radius:10px;box-shadow:0 1px 4px #0f172a12,0 1px 2px #0f172a0d;box-shadow:var(--rc-shadow-sm);cursor:grab;margin-bottom:9px;padding:12px;transition:box-shadow .18s ease,transform .18s ease;transition:box-shadow var(--rc-transition),transform var(--rc-transition)}.kanban-card:hover{box-shadow:0 6px 20px #0f172a1a,0 2px 6px #0f172a0f;box-shadow:var(--rc-shadow-md);transform:translateY(-1px)}.bottom-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.job-title-cell div:first-child{color:#0f172a;color:var(--rc-text);font-weight:600}.job-sub-text{font-size:11.5px;margin-top:2px}.job-sub-text,.rc-empty{color:#94a3b8;color:var(--rc-text-3)}.rc-empty{padding:52px 20px;text-align:center}.rc-empty svg{margin-bottom:10px;opacity:.35}.rc-empty p{font-size:13.5px;font-weight:500;margin:0}.rc-table-footer{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;border-top:1px solid var(--rc-border);color:#94a3b8;color:var(--rc-text-3);display:flex;flex-wrap:wrap;font-size:12.5px;gap:8px;justify-content:space-between;padding:12px 20px}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:var(--rc-radius-sm);box-shadow:0 2px 8px #6366f14d;color:#fff;font-size:13px;gap:7px;padding:9px 18px;transition:all .18s ease;transition:all var(--rc-transition)}.btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 6px 20px #6366f16b;transform:translateY(-1px)}.btn-secondary{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--rc-border);border-radius:8px;border-radius:var(--rc-radius-sm);color:#475569;color:var(--rc-text-2);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:7px;padding:8px 16px}.btn-secondary:hover{background:#eef2f7;background:var(--rc-bg)}.btn-icon{align-items:center;background:#f1f5f9;border:none;border-radius:7px;color:#475569;color:var(--rc-text-2);display:inline-flex;justify-content:center;padding:6px 8px}.btn-icon:hover{background:#e2e8f0}.btn-icon.danger:hover{background:#fee2e2;color:#dc2626}@media (max-width:1100px){.bottom-grid{grid-template-columns:1fr}}@media (max-width:768px){.recruitment-container{margin-left:0!important;padding:72px 14px 14px;width:100%!important}.recruitment-header{align-items:flex-start;flex-direction:column}.recruitment-header h2{font-size:18px}.dark-card{padding:14px 12px}.dark-table td,.dark-table th{font-size:12px;padding:10px}.rc-filters{align-items:stretch;flex-direction:column}.rc-search-wrap{min-width:0;min-width:auto}.rc-select{width:100%}.jobs-grid{grid-template-columns:1fr}.kanban-board{gap:10px}.kanban-col{flex:0 0 200px}.rc-modal{padding:20px 16px}.rc-modal.wide,.rc-modal.xl{max-width:100%}.dark-table .col-hide-sm,.rc-view-toggle{display:none}.rc-stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.recruitment-container{padding:66px 10px 10px}.recruitment-header h2{font-size:16px}.rc-stat-grid{gap:10px;grid-template-columns:1fr 1fr}.dark-table td,.dark-table th{font-size:11.5px;padding:8px}}.devices-container{box-sizing:border-box;margin:0 auto 0 72px;max-width:calc(100vw - 320px);overflow-x:hidden;padding:20px;transition:margin-left .3s ease}@media (max-width:768px){.devices-container{margin-left:0;padding:70px 15px 15px}}.devices-header{background:linear-gradient(135deg,#1e3a5f,#2d4a6f);border-radius:12px 12px 0 0;box-shadow:0 2px 8px #1e3a5f33;margin-bottom:0;padding:20px 30px}.breadcrumb{align-items:center;color:#fff;display:flex;font-size:14px;gap:8px}.breadcrumb-item{color:#b8c5d6;transition:color .2s}.breadcrumb-item.active{color:#fff;font-weight:600}.breadcrumb-separator{color:#7a8fa8}.devices-actions-bar{align-items:center;background:linear-gradient(135deg,#2d4a6f,#3a5a7f);box-shadow:0 2px 8px #1e3a5f26;display:flex;gap:20px;justify-content:space-between;padding:20px 30px}@media (max-width:768px){.devices-actions-bar{align-items:stretch;flex-direction:column}}.search-container{flex:1 1;max-width:400px;position:relative}@media (max-width:768px){.search-container{max-width:100%}}.search-icon{color:#7a8fa8;font-size:16px;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fffffff2;border:2px solid #fff3;border-radius:8px;color:#1e3a5f;font-size:14px;padding:12px 15px 12px 45px;transition:all .3s ease;width:100%}.search-input:focus{background:#fff;border-color:#16a34a;box-shadow:0 0 0 4px #16a34a1a;outline:none}.search-input::placeholder{color:#7a8fa8}.action-buttons{gap:12px}@media (max-width:768px){.action-buttons{flex-direction:column}}.btn-device{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.btn-device:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.btn-add{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff}.btn-add:hover{background:linear-gradient(135deg,#5568d3,#6a4091)}.btn-push{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.btn-push:hover{background:linear-gradient(135deg,#0e8378,#2fd46a)}.config-banner{align-items:center;background:linear-gradient(135deg,#3a5a7f,#2d4a6f);border-radius:0 0 12px 12px;box-shadow:0 2px 8px #1e3a5f26;color:#fff;display:flex;gap:12px;margin-bottom:20px;padding:15px 30px}.config-icon{font-size:18px}.config-text{flex:1 1;font-size:14px;font-weight:600}.config-link{background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;transition:all .2s}.config-link:hover{background:#ffffff40}.config-close{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:20px;padding:4px 8px;transition:all .2s}.config-close:hover{background:#ffffff26}.devices-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden}.devices-table-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:15px 20px}.btn-refresh{align-items:center;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:6px;box-shadow:0 2px 4px #16a34a33;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.btn-refresh:hover{background:linear-gradient(135deg,#5568d3,#6a4091);box-shadow:0 4px 6px #16a34a4d;transform:translateY(-1px)}.refresh-icon{font-size:14px}.devices-table{border-collapse:collapse;width:100%}.devices-table thead{background:linear-gradient(135deg,#286cd2,#3a7de8)}.devices-table th{border:none;color:#000;font-size:13px;font-weight:700;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.devices-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.devices-table tbody tr:hover{background:#f0f9f4}.devices-table td{color:#334155;font-size:14px;padding:16px 20px}.no-records{padding:60px 20px!important;text-align:center}.no-records-content{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:12px}.no-records-icon{font-size:48px;opacity:.5}.no-records-content p{font-size:16px;font-weight:500;margin:0}.status-badge{align-items:center;display:inline-flex;gap:6px;padding:6px 14px}.status-active{background:#e8f5e9;color:#2e7d32}.status-inactive{background:#ffebee;color:#c62828}.action-buttons-cell{display:flex;gap:8px}.btn-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-edit{background:#fff3e0;color:#f57c00}.btn-edit:hover{background:#ffe0b2;transform:scale(1.1)}.btn-delete{background:#ffebee;color:#c62828}.btn-delete:hover{background:#ffcdd2;transform:scale(1.1)}.modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;padding:28px;width:90%}.modal-large{max-width:900px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.modal-content{max-height:85vh;padding:20px;width:95%}}.modal-header{background:linear-gradient(135deg,#1e3a5f,#2d4a6f);border-bottom:none;border-radius:16px 16px 0 0;margin:-28px -28px 24px;padding:20px 28px}.modal-title-section{align-items:center;display:flex;gap:12px}.modal-icon{font-size:28px}.modal-title{-webkit-text-fill-color:unset;background:none;-webkit-background-clip:unset;background-clip:initial;color:#fff;font-size:20px;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;opacity:.8;transition:all .2s ease;width:36px}.close-btn:hover{background:#ffffff1a;color:#fff;opacity:1;transform:rotate(90deg)}.form-group{margin-bottom:20px}.form-group label{color:#334155;display:block}.form-control{background-color:#f8fafc;border:2px solid #e2e8f0;padding:12px 16px;transition:all .2s ease}.form-control:focus{background-color:#fff;border-color:#16a34a;box-shadow:0 0 0 4px #16a34a1a}.info-banner,.warning-banner{align-items:center;border-radius:10px;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:20px;padding:14px 18px}.info-banner{background:linear-gradient(135deg,#d1ecf1,#bee5eb);border:1px solid #abdde5;border-left:4px solid #17a2b8;color:#0c5460}.warning-banner{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffe8a1;border-left:4px solid #ffc107;color:#856404}.info-icon,.warning-icon{font-size:20px}.employees-sync-table-container{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;max-height:400px;overflow-y:auto}.employees-sync-table{border-collapse:collapse;width:100%}.employees-sync-table thead{background:linear-gradient(135deg,#286cd2,#3a7de8);position:sticky;top:0;z-index:10}.employees-sync-table th{border:none;color:#000;font-size:13px;font-weight:700;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.employees-sync-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.employees-sync-table tbody tr:hover{background:#f0f9f4}.employees-sync-table td{color:#334155;font-size:14px;padding:12px 16px}.employees-sync-table input[type=checkbox]{accent-color:#16a34a;cursor:pointer;height:18px;width:18px}.employee-info{align-items:center;gap:12px}.employee-avatar{border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.employee-avatar img{height:100%;object-fit:cover;width:100%}.employee-details{display:flex;flex-direction:column;gap:2px}.employee-name{color:#1e293b;font-size:14px;font-weight:600}.employee-email{color:#64748b;font-size:12px}.employee-id{color:#16a34a;font-weight:600}.biometric-id{color:#94a3b8;font-style:italic}.status-badge-sync{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 14px}.status-not-configured{background:#fff3cd;color:#856404}.modal-footer{border-top:2px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}@media (max-width:768px){.modal-footer{flex-direction:column}}.btn-cancel{color:#64748b;font-size:14px;transition:all .2s ease}.btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1}.btn-confirm,.btn-submit{background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:8px;box-shadow:0 2px 4px #16a34a4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-confirm:hover,.btn-submit:hover{background:linear-gradient(135deg,#5568d3,#6a4091);box-shadow:0 4px 8px #16a34a66;transform:translateY(-1px)}.btn-confirm:disabled{cursor:not-allowed}.btn-confirm:disabled,.btn-confirm:disabled:hover{background:#cbd5e1;box-shadow:none;transform:none}.biometric-attendance-container{box-sizing:border-box;margin:0 auto 0 72px;max-width:calc(100vw - 320px);overflow-x:hidden;padding:24px;transition:margin-left .3s ease}.page-header{margin-bottom:32px}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#16a34a,#15803d);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:700;margin-bottom:8px}.page-subtitle{color:#64748b;font-size:16px;margin:0}.filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 4px #0000000f;margin-bottom:20px;padding:16px 20px}.filter-grid{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.filter-grid .form-group{margin-bottom:0}.filter-grid .form-group label{color:#475569;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.filter-grid .form-control{font-size:14px;height:38px;padding:8px 12px}.filter-grid .btn{align-items:center;display:flex;font-size:14px;gap:6px;height:38px;justify-content:center;padding:0 20px}.tabs-container{border-bottom:2px solid #e2e8f0;display:flex;gap:8px;margin-bottom:24px}.tab-button{background:#0000;border:none;border-radius:8px 8px 0 0;color:#64748b;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;position:relative;transition:all .3s ease}.tab-button:hover{background:#f1f5f9;color:#16a34a}.tab-button.active{background:#fff;color:#16a34a}.tab-button.active:after{background:linear-gradient(135deg,#16a34a,#15803d);border-radius:2px 2px 0 0;bottom:-2px;content:"";height:3px;left:0;position:absolute;right:0}.tab-button i{margin-right:8px}.card-header{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0;justify-content:space-between;padding:20px 24px}.card-header,.card-header h3{align-items:center;display:flex}.card-header h3{color:#1e293b;font-size:18px;font-weight:600;gap:10px;margin:0}.card-header h3 i{color:#16a34a;font-size:20px}.record-count{background:linear-gradient(135deg,#16a34a,#15803d);border-radius:20px;color:#fff;font-size:13px;font-weight:600;padding:6px 16px}.table{border-collapse:collapse;font-size:14px;width:100%}.table thead{background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.table thead th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.table tbody td{border-bottom:1px solid #f1f5f9;color:#1e293b;padding:14px 12px}.table tbody tr{transition:background-color .2s ease}.table tbody tr:hover{background-color:#f8fafc}.employee-info{display:flex;flex-direction:column;gap:4px}.employee-info strong{color:#1e293b;font-weight:600}.employee-info small{color:#64748b;font-size:12px}.timestamp-cell{color:#475569;font-family:Courier New,monospace;font-size:13px;white-space:nowrap}.time-cell{color:#1e293b;font-weight:600}code{background:#f1f5f9;border-radius:4px;color:#16a34a;font-family:Courier New,monospace;font-size:12px;padding:4px 8px}.hours-badge{background:linear-gradient(135deg,#16a34a15,#15803d15);border-radius:6px;color:#16a34a;font-size:13px;font-weight:600;padding:6px 12px}.goals-info{align-items:center;color:#1e293b;display:flex;font-weight:600;gap:6px}.goals-info i{font-size:14px}.text-success{color:#11998e!important}.loading-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner{animation:spin 1s linear infinite;border:4px solid #f1f5f9;border-top-color:#16a34a;height:48px;margin-bottom:16px;width:48px}.loading-container p{color:#64748b;font-size:15px;font-weight:500}.pagination-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:16px;justify-content:center;margin-top:24px;padding:20px}.page-info{color:#1e293b;font-size:14px;font-weight:600}.text-center{color:#64748b;font-size:15px}.text-muted{color:#94a3b8;font-style:italic}@media (max-width:768px){.biometric-attendance-container{margin-left:0;padding:70px 16px 16px}.page-title{font-size:28px}.filter-grid{grid-template-columns:1fr}.tabs-container{overflow-x:auto;scrollbar-width:thin}.tab-button{font-size:14px;padding:10px 16px}.card-header{align-items:flex-start;flex-direction:column;gap:12px}.table{font-size:13px}.table tbody td,.table thead th{padding:10px 8px}}.btn-sm{font-size:13px;height:auto;padding:6px 12px}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:90vh;overflow-y:auto;width:100%}.details-modal{max-width:95vw}.modal-header{background:linear-gradient(180deg,#f8fafc,#fff);border-bottom:2px solid #e2e8f0;border-radius:12px 12px 0 0;justify-content:space-between;padding:20px 24px;position:sticky;top:0;z-index:10}.modal-header,.modal-header h2{align-items:center;display:flex}.modal-header h2{color:#1e293b;font-size:20px;gap:10px;margin:0}.modal-header h2 i{color:#16a34a}.modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.modal-close:hover{background:#e2e8f0;color:#ef4444}.modal-body{padding:24px}.details-header{grid-gap:16px;background:linear-gradient(135deg,#16a34a15,#15803d15);border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:20px;padding:16px}.detail-item{align-items:center;display:flex;gap:8px}.detail-label{color:#64748b;font-size:13px;font-weight:700}.detail-value{color:#1e293b;font-size:14px;font-weight:600}.details-table-container{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;overflow-x:auto}.details-table{border-collapse:collapse;font-size:12px;min-width:1200px;width:100%}.details-table thead{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;position:sticky;top:0;z-index:5}.details-table th{border:1px solid #fff3;font-weight:600;min-width:50px;padding:10px 8px;text-align:center;white-space:nowrap}.details-table th.absent-header{background:#ffebee;color:#991b1b}.details-table th.halfday-header{background:#fff3e0;color:#92400e}.details-table td{border:1px solid #e2e8f0;font-size:11px;padding:8px;text-align:center}.details-table .row-label{color:#475569;font-weight:600;left:0;padding-left:12px;text-align:left;white-space:nowrap}.details-table .row-label,.details-table .summary-cell{background:linear-gradient(180deg,#f8fafc,#f1f5f9);position:sticky;z-index:4}.details-table .summary-cell{color:#1e293b;font-size:12px;font-weight:700;right:0}.details-table .absent-cell{background:#fee2e2;color:#991b1b;font-weight:600}.details-table .present-cell{background:#d1fae5;color:#065f46;font-weight:700}.details-table .halfday-cell{background:#fff3e0;color:#92400e;font-weight:600}.details-table .late-cell{background:#ffebee;color:#991b1b;font-weight:600}.details-table .ontime-cell{background:#e8f5e9;color:#1b5e20;font-weight:600}.details-table .hours-cell{color:#1e293b;font-weight:600}.payroll-summary{background:linear-gradient(180deg,#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:8px;margin-top:20px;padding:20px}.payroll-summary h3{color:#16a34a;font-size:18px;font-weight:700;margin-bottom:15px}.salary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.salary-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:15px}.salary-row{border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:10px}.salary-row:last-child{border-bottom:none}.salary-row.total{background:linear-gradient(135deg,#16a34a15,#15803d15);border-radius:6px;font-size:16px;font-weight:700;margin-top:5px}.salary-row.net{background:linear-gradient(135deg,#11998e15,#38ef7d15)}.salary-row.deduction{color:#991b1b}.salary-row .amount{color:#1e293b;font-size:16px;font-weight:700}.salary-row.total .amount{color:#16a34a;font-size:18px}.salary-row.net .amount{color:#11998e}.pay-amount-section{background:linear-gradient(135deg,#16a34a15,#15803d15);border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:flex-end;padding:16px}.pay-item{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.pay-label{color:#64748b;font-size:13px;font-weight:600;text-transform:uppercase}.pay-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#16a34a,#15803d);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.docgen-container{background:#f8fafc;font-family:Inter,-apple-system,sans-serif;margin-left:72px;min-height:100vh;padding:24px;transition:margin-left .3s ease}@media (min-width:769px){body.sidebar-expanded .docgen-container{margin-left:250px}}.docgen-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:28px}.docgen-header,.docgen-header-left{align-items:center;display:flex;gap:12px}.docgen-back-btn{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;height:34px;justify-content:center;transition:all .2s;width:34px}.docgen-back-btn:hover{background:#f9fafb;border-color:#d1d5db}.docgen-title{color:#111827;font-size:22px;font-weight:700;letter-spacing:-.02em}.docgen-subtitle{color:#9ca3af;font-size:13px;margin-top:2px}.docgen-header-actions{display:flex;gap:8px}.docgen-btn-primary{align-items:center;background:linear-gradient(135deg,#3b775e,#56a07a);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:600;gap:6px;padding:10px 20px;transition:opacity .2s}.docgen-btn-primary:hover{opacity:.9}.docgen-btn-primary:disabled{cursor:not-allowed;opacity:.5}.docgen-btn-ghost{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:600;padding:9px 18px;transition:all .2s}.docgen-btn-ghost:hover{border-color:#9ca3af;color:#374151}.docgen-section-title{color:#111827;font-size:16px;font-weight:700;margin-bottom:16px;margin-top:32px}.docgen-section-title:first-of-type{margin-top:0}.docgen-template-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-bottom:24px}.docgen-template-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:24px;text-align:center;transition:all .3s}.docgen-template-card:hover{border-color:#3b775e;box-shadow:0 4px 12px #3b775e1a;transform:translateY(-2px)}.docgen-template-icon{align-items:center;background:linear-gradient(135deg,#f0faf4,#e8f5e9);border-radius:12px;color:#3b775e;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.docgen-template-name{color:#111827;font-size:15px;font-weight:700;margin-bottom:6px}.docgen-template-desc{color:#6b7280;font-size:12px;line-height:1.5;margin-bottom:12px}.docgen-template-type{background:#f0faf4;border-radius:999px;color:#3b775e;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.docgen-form-container{margin:0 auto;max-width:900px}.docgen-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:28px}.docgen-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.docgen-form-field{display:flex;flex-direction:column}.docgen-form-label{color:#374151;font-size:12px;font-weight:600;margin-bottom:6px}.docgen-required{color:#ef4444;margin-left:2px}.docgen-input{background:#fff;border:1.5px solid #e5e7eb;border-radius:9px;color:#111827;font-family:Inter,sans-serif;font-size:13px;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.docgen-input:focus{border-color:#3b775e;box-shadow:0 0 0 3px #3b775e1a}.docgen-input::placeholder{color:#c4c9d4}textarea.docgen-input{min-height:80px;resize:vertical}.docgen-form-actions{border-top:1px solid #f3f4f6;display:flex;gap:10px;justify-content:flex-end;padding-top:20px}.docgen-preview-container{background:#e5e7eb;border-radius:16px;display:flex;justify-content:center;padding:20px}.docgen-preview-paper{background:#fff;box-shadow:0 10px 40px #0003;max-width:210mm;overflow:auto;width:100%}.docgen-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.docgen-table-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:10px;justify-content:space-between;padding:14px 18px}.docgen-search-box{align-items:center;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:9px;display:flex;flex:1 1;gap:8px;max-width:360px;padding:8px 12px}.docgen-search-box input{background:#0000;border:none;color:#111827;font-family:Inter,sans-serif;font-size:13px;outline:none;width:100%}.docgen-search-box input::placeholder{color:#9ca3af}.docgen-count{color:#9ca3af;font-size:12px}.docgen-table-wrapper{overflow-x:auto}.docgen-table{border-collapse:collapse;width:100%}.docgen-table thead tr{background:#f9fafb}.docgen-table thead th{color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.06em;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.docgen-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s}.docgen-table tbody tr:hover{background:#f9fafb}.docgen-table tbody td{color:#374151;font-size:13px;padding:14px 16px;vertical-align:middle}.docgen-table tbody tr:last-child{border-bottom:none}.docgen-doc-number{color:#3b775e;font-size:12px;font-weight:600}.docgen-doc-title{color:#111827;font-weight:600;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.docgen-status{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:600;gap:5px;padding:4px 12px;text-transform:capitalize}.docgen-status-draft{background:#f3f4f6;color:#6b7280}.docgen-status-generated{background:#eff6ff;color:#2563eb}.docgen-status-sent{background:#f0fdf4;color:#16a34a}.docgen-status-signed{background:#f0fdf4;color:#15803d}.docgen-actions{display:flex;gap:4px}.docgen-action-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.docgen-action-btn:hover{background:#eff6ff;color:#2563eb}.docgen-action-delete:hover{background:#fff1f2;color:#e11d48}.docgen-empty{color:#9ca3af;font-size:13px;padding:48px;text-align:center}.docgen-loading{align-items:center;color:#9ca3af;display:flex;font-size:14px;justify-content:center;min-height:400px}.docgen-access-denied{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin:60px auto;max-width:420px;padding:48px;text-align:center}.docgen-access-denied svg{margin-bottom:16px}.docgen-access-title{color:#111827;font-size:16px;font-weight:700;margin-bottom:6px}.docgen-access-denied p{color:#9ca3af;font-size:13px}@media (max-width:768px){.docgen-container{padding:16px}.docgen-form-grid,.docgen-template-grid{grid-template-columns:1fr}.docgen-header{align-items:flex-start;flex-direction:column}.docgen-header-actions{justify-content:stretch;width:100%}.docgen-header-actions button{flex:1 1}}.proposals-page{margin:0 auto;max-width:1400px;padding:24px}.info-bar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 2px 8px #667eea4d;color:#fff;display:flex;margin-bottom:20px;padding:14px 20px}.info-bar span{font-size:14px;font-weight:500}.proposals-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.proposals-header h1{color:#1a202c;font-size:28px;font-weight:700;margin:0}.proposals-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.left-actions{display:flex;gap:12px}.btn-create{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #2e7d32!important;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-create:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.btn-outline{align-items:center;background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px}.btn-outline:hover{background:#667eea;color:#fff}.toolbar-btn{background:#0000;border:none;cursor:pointer;font-size:16px;font-weight:600;padding:8px 12px;transition:color .3s ease}.toolbar-btn:hover{color:#764ba2}.card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.table-card{margin-top:20px}.table-header{border-bottom:1px solid #e2e8f0;padding:20px}.search-box input{border:2px solid #e2e8f0;border-radius:8px;font-size:14px;max-width:400px;padding:10px 16px;transition:border-color .3s ease;width:100%}.search-box input:focus{border-color:#667eea;outline:none}.table-responsive{overflow-x:auto}border-bottom:2px solid #2e7d32!important;.proposals-table{border-collapse:collapse;width:100%}.proposals-table thead{background:#f7fafc}.proposals-table th{border:1px solid #2e7d32!important;border-bottom:2px solid #e2e8f0;font-size:13px;font-weight:700;letter-spacing:.5px;padding:14px;text-align:left;text-transform:uppercase}.proposals-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s ease}.proposals-table tbody tr:hover{background:#f7fafc}.proposals-table td{color:#2d3748;font-size:14px;padding:16px 14px}.proposal-number-cell{color:#667eea;font-weight:700}.proposal-title-cell{color:#1a202c;font-weight:600}.amount-cell{color:#2d3748;font-weight:600}.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-transform:capitalize}.status-draft{background:#e2e8f0;color:#4a5568}.status-sent{background:#bee3f8;color:#2c5282}.status-viewed{background:#c6f6d5;color:#276749}.status-accepted{background:#9ae6b4;color:#22543d}.status-rejected{background:#fed7d7;color:#742a2a}.status-expired{background:#feebc8;color:#7c2d12}.action-buttons{display:flex;gap:8px}.btn-icon{background:#0000;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:16px;padding:6px 10px;transition:all .2s ease}.btn-icon:hover{background:#f7fafc;transform:scale(1.1)}.btn-icon.delete:hover{background:#fed7d7;border-color:#fc8181}.table-footer{background:#f7fafc;border-top:1px solid #e2e8f0;color:#718096;font-size:14px;padding:16px 20px}.text-center{color:#718096;padding:40px 20px;text-align:center}.proposal-form-card{padding:30px}.form-section-title{align-items:center;border-bottom:2px solid #667eea;color:#1a202c;display:flex;font-size:18px;font-weight:700;justify-content:space-between;margin:30px 0 20px;padding-bottom:10px}.form-section-title:first-child{margin-top:0}.form-row{grid-gap:20px;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group label{color:#2d3748;font-size:14px;font-weight:600;margin-bottom:8px}.required{color:#e53e3e;margin-left:4px}.form-input,.form-select,.form-textarea{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;padding:10px 14px;transition:border-color .3s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#667eea;outline:none}.form-textarea{min-height:100px;resize:vertical}.inline-input{border:1px solid #e2e8f0;border-radius:4px;font-size:14px;padding:4px 8px;text-align:center}.btn-add-item{background:#48bb78;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:background .3s ease}.btn-add-item:hover{background:#38a169}.item-row{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:15px;margin-bottom:15px;padding:15px}.item-number{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:30px;justify-content:center;margin-top:22px;width:30px}.item-fields{display:flex;flex:1 1;flex-wrap:wrap;gap:12px}.item-fields .form-group{flex:1 1;min-width:150px}.btn-remove-item{background:#fc8181;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;height:36px;margin-top:22px;padding:6px 12px;transition:background .3s ease}.btn-remove-item:hover{background:#f56565}.financial-summary{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;margin-top:20px;padding:20px}.summary-row{color:#2d3748;display:flex;font-size:15px;justify-content:space-between;padding:10px 0}.summary-row.total{border-top:2px solid #667eea;color:#1a202c;font-size:18px;margin-top:10px;padding-top:15px}.proposals-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 0}.btn-cancel{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#718096;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-cancel:hover{background:#f7fafc;border-color:#cbd5e0}.btn-submit{background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:8px;box-shadow:0 4px 10px #48bb784d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 32px;transition:all .3s ease}.btn-submit:hover{box-shadow:0 6px 16px #48bb7866;transform:translateY(-2px)}.proposal-preview{margin:0 auto;max-width:900px;padding:40px}.proposal-header-section{align-items:flex-start;border-bottom:3px solid #667eea;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:30px}.company-logo{height:auto;max-width:150px}.proposal-title-section{text-align:right}.proposal-title-section h1{color:#1a202c;font-size:32px;font-weight:700;margin:0 0 10px}.proposal-number{color:#667eea;font-size:16px;font-weight:600}.proposal-meta{grid-gap:20px;background:#f7fafc;border-radius:8px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:30px;padding:20px}.meta-item{font-size:14px}.meta-item strong{color:#4a5568;display:block;font-weight:700;margin-bottom:5px}.status-select{background:#fff;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px}.proposal-section{margin-bottom:30px}.proposal-section h2{border-bottom:2px solid #e2e8f0;color:#667eea;font-size:20px;font-weight:700;margin-bottom:15px;padding-bottom:8px}.info-grid{grid-gap:15px;display:grid;font-size:14px;gap:15px;grid-template-columns:1fr 1fr}.info-grid strong{color:#4a5568;font-weight:600}.text-justify{color:#2d3748;line-height:1.7;text-align:justify}.items-table{border-collapse:collapse;margin-top:15px;width:100%}.items-table thead{background:#667eea;color:#fff}.items-table th{font-weight:600;padding:12px;text-align:left}.items-table tbody tr{border-bottom:1px solid #e2e8f0}.items-table tbody tr:nth-child(2n){background:#f7fafc}.items-table td{padding:12px}.items-table tfoot tr{border-top:2px solid #e2e8f0}.items-table tfoot td{font-size:14px;padding:10px 12px}.items-table .total-row{background:#f7fafc;border-top:3px solid #667eea}.items-table .total-row td{font-size:16px;padding:15px 12px}.terms-text{background:#f7fafc;border-left:4px solid #667eea;border-radius:6px;color:#2d3748;font-family:inherit;line-height:1.8;padding:15px;white-space:pre-wrap}@media (max-width:768px){.proposals-page{padding:16px}.proposals-header{flex-direction:column;gap:15px}.proposals-actions{flex-direction:column;gap:12px}.left-actions{flex-direction:column;width:100%}.left-actions button{width:100%}.form-row{grid-template-columns:1fr}.proposal-header-section{align-items:center;flex-direction:column}.proposal-title-section{text-align:center}.info-grid,.proposal-meta{grid-template-columns:1fr}.item-fields,.item-row{flex-direction:column}.item-number{margin-top:0}.btn-remove-item{align-self:flex-start;margin-top:0}.proposals-table{font-size:12px}.proposals-table td,.proposals-table th{padding:8px}}@media print{.action-buttons,.btn-create,.proposals-actions,.proposals-footer,.proposals-header,.toolbar-btn{display:none!important}.card,.proposal-preview{box-shadow:none}.card{border:1px solid #e2e8f0}}:root{--pg-green:#2e7d32;--pg-green-light:#e8f5e9;--pg-green-dark:#1b5e20;--pg-green-mid:#4caf50;--pg-bg:#fff;--pg-card:#fff;--pg-border:#e2e8f0;--pg-text:#1e293b;--pg-text-muted:#64748b;--pg-radius:12px}.pg-container{background:#fff;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin-left:72px;max-width:calc(100vw - 72px);min-height:100vh;padding:24px;transition:margin-left .25s ease,width .25s ease,max-width .25s ease;width:calc(100vw - 72px)}@media (min-width:769px){body.sidebar-expanded .pg-container{margin-left:250px;max-width:calc(100vw - 250px);width:calc(100vw - 250px)}}.pg-topbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.pg-page-title{color:#1e293b;color:var(--pg-text);font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0}.pg-page-subtitle{color:#64748b;color:var(--pg-text-muted);font-size:18px;margin:2px 0 0}.pg-topbar-actions{display:flex;gap:8px}.pg-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 1fr}.pg-form-panel,.pg-preview-panel{min-width:0}.pg-preview-panel{background:#fff;border-radius:12px;border-radius:var(--pg-radius);max-height:calc(100vh - 120px);overflow-x:hidden;overflow-y:auto;padding:20px;position:sticky;top:24px}.pg-preview-toolbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.pg-preview-label{align-items:center;color:#64748b;color:var(--pg-text-muted);display:flex;font-size:16px;font-weight:700;gap:6px;letter-spacing:.06em;margin-bottom:0;text-transform:uppercase}.pg-zoom-controls{background:#fff;background:var(--pg-card);border:1px solid #e2e8f0;border:1px solid var(--pg-border);border-radius:8px;gap:4px;padding:3px 4px}.pg-zoom-btn,.pg-zoom-controls{align-items:center;display:flex}.pg-zoom-btn{background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--pg-text-muted);cursor:pointer;font-family:inherit;height:28px;justify-content:center;transition:all .15s;width:28px}.pg-zoom-btn:hover{background:#fff;color:#1b5e20;color:var(--pg-green-dark)}.pg-zoom-level{border-radius:4px;color:#1e293b;color:var(--pg-text);cursor:pointer;font-size:16px;font-weight:700;min-width:40px;padding:4px 2px;text-align:center;transition:background .15s;-webkit-user-select:none;user-select:none}.pg-zoom-level:hover{background:#fff}.pg-preview-zoom-area{transition:transform .2s ease;will-change:transform}.pg-fullpreview-overlay{align-items:center;animation:pgFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:9999}@keyframes pgFadeIn{0%{opacity:0}to{opacity:1}}.pg-fullpreview-modal{animation:pgSlideUp .25s ease;background:#fff;border-radius:16px;box-shadow:0 24px 60px #0000004d;display:flex;flex-direction:column;max-height:92vh;max-width:700px;overflow:hidden;width:100%}@keyframes pgSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pg-fullpreview-header{align-items:center;background:#fff;background:var(--pg-card);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--pg-border);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.pg-fullpreview-title{color:#1e293b;color:var(--pg-text);font-size:15px;font-weight:700}.pg-fullpreview-close{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;color:var(--pg-text-muted);cursor:pointer;display:flex;height:34px;justify-content:center;transition:all .15s;width:34px}.pg-fullpreview-close:hover{background:#fef2f2;color:#ef4444}.pg-fullpreview-body{flex:1 1;overflow-y:auto;padding:24px}.pg-fullpreview-body .pg-page{max-width:100%}@media (max-width:768px){.pg-fullpreview-overlay{padding:8px}.pg-fullpreview-modal{border-radius:12px;max-height:96vh;max-width:100%}.pg-fullpreview-body{padding:12px}}.pg-tab-bar{background:#fff;background:var(--pg-card);border:1px solid #e2e8f0;border:1px solid var(--pg-border);border-radius:10px;display:none;gap:4px;margin-bottom:16px;padding:4px}.pg-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;color:var(--pg-text-muted);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .15s}.pg-tab-active{background:#fff;color:#1b5e20;color:var(--pg-green-dark)}.pg-form-section{background:#fff;background:var(--pg-card);border:1px solid #e2e8f0;border:1px solid var(--pg-border);border-radius:12px;border-radius:var(--pg-radius);margin-bottom:16px;padding:20px}.pg-fs-header{align-items:center;border-bottom:1.5px solid #e8f5e9;border-bottom:1.5px solid var(--pg-green-light);color:#1b5e20;color:var(--pg-green-dark);display:flex;font-size:16px;font-weight:700;gap:8px;letter-spacing:.05em;margin-bottom:16px;padding-bottom:12px;text-transform:uppercase}.pg-grid-2{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:14px}.pg-field{display:flex;flex-direction:column;margin-bottom:12px}.pg-lbl{color:#374151;font-size:11.5px;font-weight:600;letter-spacing:.02em;margin-bottom:5px}.pg-req{color:#ef4444;margin-left:2px}.pg-input{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--pg-border);border-radius:9px;box-sizing:border-box;color:#1e293b;color:var(--pg-text);font-family:inherit;font-size:15px;outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s;width:100%}.pg-input:focus{border-color:#2e7d32;border-color:var(--pg-green);box-shadow:0 0 0 3px #2e7d3214}.pg-input::placeholder{color:#c4c9d4;font-size:12.5px}.pg-textarea{line-height:1.55;min-height:70px;resize:vertical}.pg-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}.pg-readonly{background:#f9fafb;color:#6b7280}.pg-input-mini{border-radius:6px;display:inline;font-size:12px;padding:4px 8px;width:52px}.pg-items-header{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 70px 100px 100px 32px;margin-bottom:6px}.pg-items-header span{color:#9ca3af;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.pg-item-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr 70px 100px 100px 32px;margin-bottom:8px}.pg-btn-add{background:#e8f5e9;background:var(--pg-green-light);border:1px solid #b7e4c7;border-radius:7px;color:#2e7d32;color:var(--pg-green);cursor:pointer;font-family:inherit;font-size:11px;font-weight:700;padding:4px 12px}.pg-btn-remove{align-items:center;background:#fef2f2;border:none;border-radius:7px;color:#ef4444;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;width:28px}.pg-totals{background:#f9fafb;border:1px solid #e2e8f0;border:1px solid var(--pg-border);border-radius:10px;margin-top:12px;padding:14px 18px}.pg-total-row{align-items:center;color:#6b7280;display:flex;font-size:15px;justify-content:space-between;padding:6px 0}.pg-total-with-input{align-items:center;display:flex;gap:6px}.pg-total-final{border-top:1.5px solid #e2e8f0;border-top:1.5px solid var(--pg-border);color:#1e293b;color:var(--pg-text);font-size:16px;font-weight:700;margin-top:6px;padding-top:10px}.pg-form-footer{display:flex;justify-content:flex-end;padding-bottom:24px;padding-top:8px}.pg-section-add-btns{display:flex;flex-wrap:wrap;gap:4px}.pg-section-block{background:#f9fafb;border:1.5px solid #e2e8f0;border:1.5px solid var(--pg-border);border-radius:10px;margin-bottom:10px;padding:10px 12px;transition:border-color .15s}.pg-section-block:hover{border-color:#cbd5e1}.pg-section-block--page-heading{border-left:3px solid #1b5e20;border-left:3px solid var(--pg-green-dark)}.pg-section-block--heading{border-left:3px solid #2e7d32;border-left:3px solid var(--pg-green)}.pg-section-block--sub-heading{border-left:3px solid #4caf50;border-left:3px solid var(--pg-green-mid)}.pg-section-block--bullet{border-left:3px solid #64748b}.pg-section-block--paragraph{border-left:3px solid #94a3b8}.pg-section-block-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.pg-section-type-select{border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.03em;min-width:130px;padding:5px 28px 5px 8px;text-transform:uppercase;width:auto}.pg-section-block-actions{align-items:center;display:flex;gap:4px}.pg-section-move-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--pg-border);border-radius:6px;color:#64748b;color:var(--pg-text-muted);cursor:pointer;display:flex;font-family:inherit;font-size:13px;height:26px;justify-content:center;transition:all .15s;width:26px}.pg-section-move-btn:hover:not(:disabled){background:#e8f5e9;background:var(--pg-green-light);border-color:#2e7d32;border-color:var(--pg-green);color:#1b5e20;color:var(--pg-green-dark)}.pg-section-move-btn:disabled{cursor:not-allowed;opacity:.3}.pg-prev-sections-box{background:#fafafa;border:1px solid #2e7d32;border:1px solid var(--pg-green);border-radius:3px;margin:8px 0 10px;padding:8px 10px}.pg-prev-page-heading{background:#e8f5e9;background:var(--pg-green-light);border-left:3px solid #2e7d32;border-left:3px solid var(--pg-green);color:#1b5e20;color:var(--pg-green-dark);font-size:8px;font-weight:800;letter-spacing:.04em;margin:0 -10px 5px;padding:4px 8px 4px 13px}.pg-prev-page-heading:first-child{border-radius:2px 2px 0 0;margin-top:-6px}.pg-prev-heading{border-bottom:1.5px solid #2e7d32;border-bottom:1.5px solid var(--pg-green);color:#1b5e20;color:var(--pg-green-dark);font-size:7px;font-weight:800;margin:6px 0 3px;padding-bottom:2px}.pg-prev-sub-heading{color:#475569;font-size:6.5px;font-weight:600;margin:4px 0 1px 8px}.pg-prev-bullet-list{margin:1px 0 3px 12px}.pg-prev-bullet-item{color:#444;font-size:5.8px;line-height:1.7;padding-left:2px}.pg-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:700;gap:6px;padding:10px 22px;transition:all .15s}.pg-btn:disabled{cursor:not-allowed;opacity:.5}.pg-btn-primary{background:linear-gradient(135deg,#2e7d32,#4caf50);background:linear-gradient(135deg,var(--pg-green) 0,var(--pg-green-mid) 100%);box-shadow:0 2px 8px #2e7d3233;color:#fff}.pg-btn-primary:hover:not(:disabled){box-shadow:0 4px 16px #2e7d324d;transform:translateY(-1px)}.pg-btn-outline{background:#fff;border:1.5px solid #2e7d32;border:1.5px solid var(--pg-green);color:#1b5e20;color:var(--pg-green-dark)}.pg-btn-outline:hover:not(:disabled){background:#e8f5e9;background:var(--pg-green-light)}.pg-preview-wrap{display:flex;flex-direction:column;gap:20px}.pg-page{aspect-ratio:1/1.414;background:#fff;border-radius:4px;box-shadow:0 2px 12px #0000001a;overflow:hidden;position:relative;width:100%}.pg-page-border{border:2.5px solid #1b5e20;border:2.5px solid var(--pg-green-dark);border-radius:2px;box-shadow:inset 0 0 0 1px #e8f5e9;box-shadow:inset 0 0 0 1px var(--pg-green-light);display:flex;flex-direction:column;font-size:7px;inset:8px;overflow:hidden;padding:14px 18px;position:absolute}.pg-header{align-items:flex-start;display:flex;gap:10px;margin-bottom:4px}.pg-header-logo{flex-shrink:0;width:150px}.pg-logo-img{display:block;height:50px;object-fit:contain;width:140px}.pg-header-info{flex:1 1;text-align:right}.pg-header-company{color:#1b5e20;color:var(--pg-green-dark);font-size:13px;font-weight:800;margin-bottom:1px}.pg-header-detail{color:#555;font-size:8px;line-height:1.5}.pg-header-line{background:linear-gradient(90deg,#1b5e20,#2e7d32,#1b5e20);background:linear-gradient(to right,var(--pg-green-dark),var(--pg-green),var(--pg-green-dark));box-shadow:0 1px 2px #0000001a;height:1.5px;margin-bottom:8px}.pg-title{color:#1e293b;color:var(--pg-text);font-size:12px;font-weight:800;letter-spacing:.02em;margin-bottom:3px;text-align:center}.pg-subtitle{color:#1b5e20;color:var(--pg-green-dark);font-size:8.5px;font-style:italic;font-weight:700;margin-bottom:10px;text-align:center}.pg-info-table{border-collapse:collapse;box-shadow:0 1px 2px #0000000d;font-size:6.5px;margin-bottom:10px;width:100%}.pg-info-table,.pg-info-table td{border:1px solid #2e7d32;border:1px solid var(--pg-green)}.pg-info-table td{padding:3px 6px;vertical-align:middle}.pg-it-label{background:#f5f5f5;color:#333;font-weight:700;width:90px}.pg-it-value{color:#444}.pg-section-title{background:#1b5e20;background:var(--pg-green-dark);border-radius:2px;color:#fff;font-size:8px;font-weight:800;letter-spacing:.03em;margin:8px 0 6px;padding:4px 8px}.pg-body-text{color:#444;font-size:6px;line-height:1.6;margin:0 0 6px;text-align:justify}.pg-meta-row{background:#fafafa;border-radius:2px;color:#555;display:flex;font-size:6px;justify-content:space-between;margin:8px 0;padding:4px 6px}.pg-services-grid{box-shadow:0 1px 2px #0000000d;display:grid;grid-template-columns:1fr 1fr 1fr;margin-bottom:8px}.pg-service-cell,.pg-services-grid{border:1px solid #2e7d32;border:1px solid var(--pg-green)}.pg-service-cell{background:#fafafa;color:#333;font-size:5.5px;line-height:1.3;padding:3px 5px}.pg-costing-header{background:#1b5e20;background:var(--pg-green-dark);border-radius:2px;color:#fff;font-size:8px;font-weight:800;letter-spacing:.04em;margin:10px 0 6px;padding:5px 8px;text-align:center}.pg-cost-table{border-collapse:collapse;box-shadow:0 1px 2px #0000000d;margin-bottom:10px;width:100%}.pg-cost-table,.pg-cost-table th{border:1px solid #2e7d32;border:1px solid var(--pg-green);font-size:6.5px}.pg-cost-table th{background:#1b5e20;background:var(--pg-green-dark);color:#fff;font-weight:700;letter-spacing:.02em;padding:4px 6px;text-align:left}.pg-cost-table td{border:1px solid #2e7d32;border:1px solid var(--pg-green);color:#333;padding:3px 6px}.pg-ct-amount{font-weight:600;text-align:right}.pg-ct-summary td{background:#fafafa}.pg-ct-total td{background:#e8f5e9;background:var(--pg-green-light);color:#1b5e20;color:var(--pg-green-dark);font-size:7px}.pg-bank-table{margin-bottom:8px}.pg-payment-note{background:#ffebee;border:1px solid #ffcdd2;border-radius:2px;color:#c62828;font-size:5.5px;font-weight:700;margin:8px 0;padding:4px 6px;text-align:center}.pg-payment-method{background:#e8f5e9;background:var(--pg-green-light);border:1.5px solid #2e7d32;border:1.5px solid var(--pg-green);border-radius:2px;color:#1b5e20;color:var(--pg-green-dark);font-size:6.5px;font-weight:700;margin-bottom:8px;padding:6px;text-align:center}.pg-tc-title{background:#1b5e20;background:var(--pg-green-dark);border-radius:2px;color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em;margin:8px 0;padding:5px 8px}.pg-tc-content{background:#fafafa;border:1px solid #e2e8f0;border:1px solid var(--pg-border);border-radius:2px;margin-bottom:10px;padding:6px 8px}.pg-tc-line{color:#444;font-size:6.5px;line-height:1.7;margin:0 0 2px}.pg-tc-bold{background:#ffebee;border-left:3px solid #ef4444;color:#d32f2f;font-weight:700;margin:8px 0 6px}.pg-tc-bold,.pg-tc-refund{border-radius:2px;font-size:6.5px;padding:5px 8px}.pg-tc-refund{background:#e8f5e9;border-left:3px solid #2e7d32;border-left:3px solid var(--pg-green);color:#444;margin:0 0 10px}.pg-regards{background:#fafafa;border-radius:2px;color:#444;font-size:6.5px;line-height:1.8;margin:14px 0;padding:6px 8px}.pg-regards strong{color:#1e293b;color:var(--pg-text)}.pg-signatures{background:#fafafa;border:1px solid #e2e8f0;border:1px solid var(--pg-border);border-radius:2px;display:flex;gap:20px;justify-content:space-between;margin-top:32px;padding:8px 8px 4px}.pg-sig-block{flex:1 1}.pg-sig-for{color:#333;font-size:6.5px;font-weight:600;margin-bottom:20px}.pg-sig-line{background:#333;height:.5px;margin-bottom:3px;width:80%}.pg-sig-label{color:#333;font-size:6px}.pg-sig-name{color:#555;font-size:6px;margin-top:2px}.pg-footer{margin-top:auto;padding-top:6px}.pg-footer-line{background:linear-gradient(90deg,#1b5e20,#2e7d32,#1b5e20);background:linear-gradient(to right,var(--pg-green-dark),var(--pg-green),var(--pg-green-dark));box-shadow:0 1px 1px #00000014;height:1px;margin-bottom:4px}.pg-footer-row{color:#555;display:flex;font-size:5px;gap:8px;justify-content:space-between}.pg-footer-link{color:#2e7d32;color:var(--pg-green)}.pg-access-denied{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--pg-border);border-radius:16px;margin:60px auto;max-width:420px;padding:48px;text-align:center}.pg-ad-icon{font-size:48px;margin-bottom:12px}.pg-access-denied h3{color:#1e293b;color:var(--pg-text);font-size:16px;margin:0 0 6px}.pg-access-denied p{color:#64748b;color:var(--pg-text-muted);font-size:13px;margin:0}@media (max-width:1100px){.pg-layout{grid-template-columns:1fr}.pg-tab-bar{display:flex}.pg-form-panel,.pg-preview-panel{display:none}.pg-panel-visible{display:block!important}.pg-preview-panel{max-height:none;position:static}}@media (max-width:768px){.pg-container{margin-left:0!important;max-width:100vw!important;padding:75px 12px 15px!important;width:100vw!important}}@media (max-width:640px){.pg-container{padding:70px 10px 12px!important}.pg-grid-2{grid-template-columns:1fr}.pg-items-header{display:none}.pg-item-row{background:#f9fafb;border-radius:8px;gap:6px;grid-template-columns:1fr;margin-bottom:10px;padding:10px}.pg-topbar{align-items:flex-start;flex-direction:column}.pg-topbar-actions{width:100%}.pg-topbar-actions .pg-btn{flex:1 1;justify-content:center}}@media (min-width:1101px){.pg-form-panel,.pg-preview-panel{display:block!important}.pg-tab-bar{display:none!important}}@media print{.pg-form-panel,.pg-preview-label,.pg-tab-bar,.pg-topbar{display:none!important}.pg-container{background:#fff;padding:0}.pg-layout{grid-template-columns:1fr}.pg-preview-panel{background:none;box-shadow:none;max-height:none;padding:0;position:static}.pg-page{box-shadow:none;page-break-after:always}}*{-ms-overflow-style:none;box-sizing:border-box;scrollbar-width:none}::-webkit-scrollbar{display:none}.templates-container{background:#f8fafc;font-family:Inter,-apple-system,sans-serif;margin-left:72px;min-height:100vh;padding:24px;transition:margin-left .3s ease}@media (min-width:769px){body.sidebar-expanded .templates-container{margin-left:250px}}.templates-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:28px}.templates-header-left{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.templates-back-btn{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;height:34px;justify-content:center;transition:all .2s;width:34px}.templates-back-btn:hover{background:#f9fafb;border-color:#d1d5db}.templates-title-wrap{align-items:center;display:flex;gap:9px;margin-bottom:0}.templates-title{color:#111827;font-size:18px;font-weight:700;letter-spacing:-.3px;margin:0}.templates-subtitle{color:#9ca3af;font-size:13px;margin-top:2px}.templates-btn-primary{align-items:center;background:linear-gradient(135deg,#3b775e,#56a07a);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:600;gap:6px;padding:10px 20px;transition:opacity .2s}.templates-btn-primary:hover{opacity:.9}.templates-btn-primary:disabled{cursor:not-allowed;opacity:.5}.templates-btn-ghost{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:600;padding:9px 18px;transition:all .2s}.templates-btn-ghost:hover{border-color:#9ca3af;color:#374151}.templates-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.templates-table-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:14px 18px}.templates-search-box{align-items:center;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:9px;display:flex;flex:1 1;gap:8px;max-width:360px;padding:8px 12px}.templates-search-box input{background:#0000;border:none;color:#111827;font-family:Inter,sans-serif;font-size:13px;outline:none;width:100%}.templates-search-box input::placeholder{color:#9ca3af}.templates-count{color:#9ca3af;font-size:12px}.templates-table-wrapper{overflow-x:auto}.templates-table{border-collapse:collapse;width:100%}.templates-table thead tr{background:#f9fafb}.templates-table thead th{color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.06em;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.templates-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s}.templates-table tbody tr:hover{background:#f9fafb}.templates-table tbody td{color:#374151;font-size:13px;padding:14px 16px;vertical-align:middle}.templates-table tbody tr:last-child{border-bottom:none}.templates-name{color:#111827;font-weight:600}.templates-desc{color:#6b7280;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.templates-creator{color:#6b7280;font-size:12px}.templates-date{color:#9ca3af;font-size:12px}.templates-type-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:600;padding:4px 12px;text-transform:capitalize}.templates-file-badge{align-items:center;background:#eff6ff;border-radius:6px;color:#2563eb;display:inline-flex;font-size:10px;font-weight:700;gap:4px;letter-spacing:.03em;padding:4px 10px}.templates-file-badge.templates-file-text{background:#f3f4f6;color:#6b7280}.templates-actions{display:flex;gap:4px}.templates-action-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.templates-action-btn:hover{background:#eff6ff;color:#2563eb}.templates-action-delete:hover{background:#fff1f2;color:#e11d48}.templates-action-convert:hover{background:#fefce8;color:#b45309}.templates-form-container{width:100%}.templates-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:28px}.templates-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:20px}.templates-form-field{display:flex;flex-direction:column;margin-bottom:20px}.templates-form-label{color:#374151;font-size:12px;font-weight:600;margin-bottom:6px}.templates-required{color:#ef4444;margin-left:2px}.templates-input{background:#fff;border:1.5px solid #e5e7eb;border-radius:9px;color:#111827;font-family:Inter,sans-serif;font-size:13px;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.templates-input:focus{border-color:#3b775e;box-shadow:0 0 0 3px #3b775e1a}.templates-input::placeholder{color:#c4c9d4}.templates-textarea{font-family:Consolas,Monaco,monospace;font-size:12px;line-height:1.6;min-height:200px;resize:vertical}.templates-upload-box{background:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px;transition:all .3s}.templates-upload-box:hover{background:#f0faf4;border-color:#3b775e}.templates-upload-label{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:32px}.templates-upload-text{color:#374151;font-size:13px;font-weight:600}.templates-upload-hint{color:#9ca3af;font-size:11px}.templates-progress-bar{background:#e5e7eb;border-radius:999px;height:6px;margin-top:10px;overflow:hidden}.templates-progress-fill{background:linear-gradient(90deg,#3b775e,#56a07a);height:100%;transition:width .3s ease}.templates-form-actions{border-top:1px solid #f3f4f6;display:flex;gap:10px;justify-content:flex-end;margin-top:24px;padding-top:20px}.templates-empty{flex-direction:column;font-size:13px;gap:12px;padding:48px;text-align:center}.templates-empty,.templates-loading{align-items:center;color:#9ca3af;display:flex}.templates-loading{font-size:14px;justify-content:center;min-height:400px}.templates-access-denied{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin:60px auto;max-width:420px;padding:48px;text-align:center}.templates-access-denied svg{margin-bottom:16px}.templates-access-title{color:#111827;font-size:16px;font-weight:700;margin-bottom:6px}.templates-access-denied p{color:#9ca3af;font-size:13px}@media (max-width:768px){.templates-container{padding:16px}.templates-form-grid{grid-template-columns:1fr}.templates-header{align-items:flex-start;flex-direction:column}.templates-table{font-size:12px}.templates-table tbody td,.templates-table thead th{padding:10px 12px}}.emp-download-btn{align-items:center;background:#3b775e;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:600;gap:6px;isolation:isolate;overflow:hidden;padding:8px 16px;position:relative;transition:color .35s ease;white-space:nowrap}.emp-download-btn:before{background:linear-gradient(90deg,#a8e63d,#9fdd39 52%,#94d82d);inset:0;transform:translateX(-110%);transition:transform .55s cubic-bezier(.22,.61,.36,1)}.emp-download-btn:after,.emp-download-btn:before{content:"";pointer-events:none;position:absolute;z-index:0}.emp-download-btn:after{background:radial-gradient(circle at 30% 50%,#ffffff4d 0 28%,#fff0 58%),radial-gradient(circle at 58% 38%,#ffffff38 0 24%,#fff0 56%),radial-gradient(circle at 62% 68%,#ffffff29 0 18%,#fff0 52%);border-radius:44% 56% 58% 42%;height:170%;left:-38%;opacity:.95;top:-35%;transform:translateX(-145%) rotate(8deg);transition:transform .8s cubic-bezier(.22,.61,.36,1);width:62%}.emp-download-btn:hover{color:#1f2937}.emp-download-btn:hover:before{transform:translateX(0)}.emp-download-btn:hover:after{transform:translateX(255%) rotate(8deg)}.emp-download-btn>*{position:relative;z-index:1}.emp-btn-ghost{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:9px;color:#6b7280;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:12.5px;font-weight:600;gap:6px;isolation:isolate;overflow:hidden;padding:9px 20px;position:relative;transition:color .35s ease,border-color .35s ease;white-space:nowrap}.emp-btn-ghost:before{background:linear-gradient(90deg,#a8e63d,#9fdd39 52%,#94d82d);inset:0;transform:translateX(-110%);transition:transform .55s cubic-bezier(.22,.61,.36,1)}.emp-btn-ghost:after,.emp-btn-ghost:before{content:"";pointer-events:none;position:absolute;z-index:0}.emp-btn-ghost:after{background:radial-gradient(circle at 30% 50%,#ffffff4d 0 28%,#fff0 58%),radial-gradient(circle at 58% 38%,#ffffff38 0 24%,#fff0 56%),radial-gradient(circle at 62% 68%,#ffffff29 0 18%,#fff0 52%);border-radius:44% 56% 58% 42%;height:170%;left:-38%;opacity:.95;top:-35%;transform:translateX(-145%) rotate(8deg);transition:transform .8s cubic-bezier(.22,.61,.36,1);width:62%}.emp-btn-ghost:hover{border-color:#0000;color:#1f2937}.emp-btn-ghost:hover:before{transform:translateX(0)}.emp-btn-ghost:hover:after{transform:translateX(255%) rotate(8deg)}.emp-btn-ghost>*{position:relative;z-index:1}.emp-excel-btn{align-items:center;background:#f0fdf4;border:1px solid #d1fae5;border-radius:8px;color:#16a34a;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:600;gap:6px;isolation:isolate;overflow:hidden;padding:8px 16px;position:relative;transition:color .35s ease,border-color .35s ease;white-space:nowrap}.emp-excel-btn:before{background:linear-gradient(90deg,#a8e63d,#9fdd39 52%,#94d82d);inset:0;transform:translateX(-110%);transition:transform .55s cubic-bezier(.22,.61,.36,1)}.emp-excel-btn:after,.emp-excel-btn:before{content:"";pointer-events:none;position:absolute;z-index:0}.emp-excel-btn:after{background:radial-gradient(circle at 30% 50%,#ffffff4d 0 28%,#fff0 58%),radial-gradient(circle at 58% 38%,#ffffff38 0 24%,#fff0 56%),radial-gradient(circle at 62% 68%,#ffffff29 0 18%,#fff0 52%);border-radius:44% 56% 58% 42%;height:170%;left:-38%;opacity:.95;top:-35%;transform:translateX(-145%) rotate(8deg);transition:transform .8s cubic-bezier(.22,.61,.36,1);width:62%}.emp-excel-btn:hover{border-color:#0000;color:#1f2937}.emp-excel-btn:hover:before{transform:translateX(0)}.emp-excel-btn:hover:after{transform:translateX(255%) rotate(8deg)}.emp-excel-btn>*{position:relative;z-index:1}.emp-kebab-menu{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:148px;overflow:hidden;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:999}.emp-kebab-item{align-items:center;background:#0000;border:none;border-radius:7px;color:#374151;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:500;gap:8px;padding:8px 12px;transition:background .15s,color .15s;width:100%}.emp-kebab-item:hover{background:#eff6ff;color:#2563eb}.emp-kebab-delete{color:#dc2626}.emp-kebab-delete:hover{background:#fff1f2;color:#e11d48}@keyframes letters-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.letters-skeleton-table{display:flex;flex-direction:column;gap:10px;padding:8px 0 4px}.letters-skeleton-row{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:12px;padding:10px 16px}.letters-skeleton-cell{animation:letters-shimmer 1.4s linear infinite;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%);background-size:600px 100%;border-radius:6px;flex-shrink:0;height:14px}.letters-generate-btn{align-items:center;background:#3b775e;border:none;border-radius:9px;color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:13px;font-weight:600;gap:7px;padding:9px 18px;white-space:nowrap}.letters-generate-btn:hover{background:#2f6350}.letters-kebab-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;padding:5px 7px;transition:background .15s,color .15s}.letters-kebab-btn:hover{background:#f3f4f6;color:#111827}.letters-kebab-menu{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001c;min-width:140px;overflow:hidden;padding:5px;position:absolute;right:0;top:calc(100% + 4px);z-index:200}.letters-kebab-item{align-items:center;background:none;border:none;border-radius:7px;color:#374151;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:12.5px;font-weight:500;gap:8px;padding:8px 10px;text-align:left;transition:background .13s,color .13s;width:100%}.letters-kebab-item:hover{background:#eff6ff;color:#2563eb}.letters-kebab-delete{color:#dc2626}.letters-kebab-delete:hover{background:#fff1f2;color:#e11d48}.letters-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.letters-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000002e;display:flex;flex-direction:column;max-height:90vh;max-width:560px;overflow:hidden;width:100%}.letters-modal-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:20px 24px 16px}.letters-modal-title{color:#111827;font-size:16px;font-weight:700}.letters-modal-sub{color:#6b7280;font-size:12.5px;margin-top:2px}.letters-modal-close{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:22px;line-height:1;margin-top:-2px;padding:0 2px}.letters-modal-close:hover{color:#374151}.letters-modal-body{flex:1 1;overflow-y:auto;padding:20px 24px}.letters-modal-section{margin-bottom:20px}.letters-modal-label{color:#374151;display:block;font-size:12.5px;font-weight:600;margin-bottom:7px}.letters-modal-input{border:1.5px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#111827;font-family:Inter,sans-serif;font-size:13px;outline:none;padding:9px 12px;transition:border-color .15s;width:100%}.letters-modal-input:focus{border-color:#86efac}.letters-selected-pill{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;color:#166534;display:inline-flex;font-size:12px;font-weight:600;gap:6px;margin-top:8px;padding:5px 10px}.letters-pill-clear{background:none;border:none;color:#16a34a;cursor:pointer;font-size:15px;line-height:1;margin-left:2px;padding:0}.letters-pill-clear:hover{color:#dc2626}.letters-template-list{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto;padding-right:2px}.letters-template-row{align-items:center;border:1.5px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:border-color .15s,background .15s}.letters-template-row:hover{background:#f9fafb;border-color:#d1d5db}.letters-template-row.selected{background:#f0fdf4;border-color:#16a34a}.letters-template-row-icon{align-items:center;background:#f1f5f9;border-radius:8px;color:#3b775e;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.letters-template-row.selected .letters-template-row-icon{background:#dcfce7}.letters-template-row-info{flex:1 1}.letters-template-row-name{color:#111827;font-size:13px;font-weight:600}.letters-template-row-type{color:#6b7280;font-size:11.5px;margin-top:1px;text-transform:capitalize}.letters-template-row-check{align-items:center;color:#16a34a;display:flex}.letters-no-templates{background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;color:#6b7280;font-size:13px;padding:20px;text-align:center}.letters-modal-footer{border-top:1px solid #f1f5f9;display:flex;gap:8px;justify-content:flex-end;margin-top:20px;padding-top:16px}.letters-emp-list{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px #0000001a;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:300;z-index:100}.letters-emp-item{cursor:pointer;padding:10px 14px;transition:background .15s}.letters-emp-item:hover{background:#f0fdf4}.letters-emp-name{color:#111827;font-size:13px;font-weight:600}.letters-emp-meta{color:#6b7280;font-size:11.5px;margin-top:1px}.letters-selected-emp-badge{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;color:#166534;display:inline-flex;font-size:12.5px;font-weight:600;gap:6px;padding:6px 12px}.letters-badge-clear{background:none;border:none;color:#16a34a;cursor:pointer;font-size:16px;line-height:1;margin-left:2px;padding:0 0 0 2px}.letters-badge-clear:hover{color:#dc2626}.letters-type-filter{background:#fff;border:1px solid #e5e7eb;border-radius:7px;color:#374151;cursor:pointer;font-family:Inter,sans-serif;font-size:12.5px;outline:none;padding:7px 10px}.letters-type-filter:focus{border-color:#86efac}.letters-empty-templates{background:#f9fafb;border:1px dashed #d1d5db;border-radius:10px;color:#6b7280;font-size:13.5px;margin-bottom:24px;padding:32px;text-align:center}.letters-modal-wide{height:85vh;max-width:1100px!important;width:96vw!important}.letters-fill-body{display:flex;flex:1 1;flex-direction:row;gap:0;height:0;min-height:0;overflow:hidden}.letters-fill-left{border-right:1px solid #f1f5f9;display:flex;flex-direction:column;flex-shrink:0;gap:4px;min-width:260px;overflow-y:auto;padding:20px 20px 20px 24px;width:300px}.letters-fill-right{background:#f8fafc;display:flex;flex:1 1;flex-direction:column;min-width:0}.letters-fill-section-label{align-items:center;color:#6b7280;display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.6px;margin-bottom:10px;text-transform:uppercase}.letters-all-filled{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:18px 12px;text-align:center}.letters-all-filled p{color:#166534;font-size:12.5px;font-weight:500;margin:0}.letters-fields-grid{display:flex;flex-direction:column;gap:12px}.letters-field-label{color:#374151;display:block;font-size:11.5px;font-weight:600;margin-bottom:5px}.letters-field-input{background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;box-sizing:border-box;color:#111827;font-family:Inter,sans-serif;font-size:12.5px;outline:none;padding:8px 11px;transition:border-color .15s;width:100%}.letters-field-input:focus{border-color:#86efac}textarea.letters-field-input{resize:vertical}.letters-autofill-chips{display:flex;flex-direction:column;gap:5px}.letters-autofill-chip{align-items:center;background:#f9fafb;border:1px solid #f1f5f9;border-radius:7px;display:flex;font-size:11.5px;justify-content:space-between;padding:5px 9px}.letters-chip-label{color:#9ca3af;font-weight:600;min-width:68px}.letters-chip-value{color:#374151;font-weight:500;text-align:right;word-break:break-all}.letters-fill-footer{border-top:1px solid #f1f5f9;display:flex;gap:8px;justify-content:flex-end;margin-top:auto;padding-top:16px}.letters-preview-label{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#6b7280;display:flex;flex-shrink:0;font-size:11px;font-weight:700;gap:7px;letter-spacing:.6px;padding:12px 20px 10px;text-transform:uppercase}.letters-preview-hint{background:#fef9c3;border-radius:10px;color:#92400e;font-size:10.5px;font-weight:400;letter-spacing:0;margin-left:auto;padding:2px 7px;text-transform:none}.letters-live-preview-scroll{background:#f0f2f5;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:28px 32px}.letters-live-preview-paper{background:#fff;border-radius:3px;box-shadow:0 4px 24px #00000021,0 1px 4px #0000000f;box-sizing:border-box;color:#1a1a1a;font-family:Times New Roman,serif;font-size:14px;line-height:1.8;max-width:760px;min-height:600px;padding:56px 64px;width:100%;word-break:break-word}.letters-fill-right-full{border-left:none!important;width:100%!important}.letters-preview-toggle-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:11px;font-weight:600;gap:5px;padding:4px 10px;transition:background .15s,border-color .15s}.letters-preview-toggle-btn:hover{background:#f0fdf4;border-color:#86efac;color:#166534}.settings-container{background:#f7f8fa;color:#0f172a;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-left:80px;min-height:100vh;padding:0;transition:margin-left .3s ease}body.sidebar-expanded .settings-container{margin-left:250px}@media (max-width:1024px){.settings-container{margin-left:0;padding:0}}.settings-top-nav{background:#fff;border-bottom:1px solid #e5e7eb;padding:24px 40px 0}.settings-nav-header{margin-bottom:20px}.settings-nav-header h2{color:#0f172a;font-size:16px;font-weight:600;line-height:1.5;margin:0}.settings-nav-tabs,.settings-tab{display:flex;gap:8px}.settings-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;position:relative;transition:all .15s ease}.settings-tab:hover{background:#a8e63d14;color:#94d82d}.settings-tab.active{border-bottom-color:#3b775e;color:#3b775e;font-weight:600}.settings-tab svg{flex-shrink:0}.settings-content-wrapper{background:#fff;flex:1 1;overflow-y:auto;padding:40px}.settings-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;max-width:100%;overflow:hidden}.settings-alert{align-items:center;animation:slideDown .3s ease-out;border-radius:8px;display:flex;font-size:14px;font-weight:500;gap:12px;margin:0 0 20px;padding:12px 20px}.settings-alert.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.settings-alert.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.settings-alert svg{flex-shrink:0}.settings-form{padding:0}.form-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}@media (max-width:768px){.settings-top-nav{padding:16px 20px 0}.settings-nav-tabs{flex-direction:column;gap:4px}.settings-tab{border-bottom:none;border-left:2px solid #0000;justify-content:flex-start}.settings-tab.active{border-bottom-color:#0000;border-left-color:#06f}.settings-content-wrapper{padding:24px 20px}.form-row{grid-template-columns:1fr}}.form-group{margin-bottom:24px}.form-label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.form-label .required{color:#ef4444;margin-left:3px}.form-control{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#0f172a;font-family:inherit;font-size:14px;padding:10px 14px;transition:all .15s ease;width:100%}.form-control::placeholder{color:#9ca3af;font-weight:400}.form-control:hover{border-color:#9ca3af}.form-control:focus{border-color:#06f;box-shadow:0 0 0 3px #0066ff1a;outline:none}.form-control:disabled{background:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.form-hint{color:#6b7280;font-size:12px;font-weight:400;margin:6px 0 0}.color-picker-wrapper{align-items:center;display:flex;gap:12px}.color-input{border:1px solid #d1d5db!important;border-radius:8px;cursor:pointer;height:40px!important;padding:4px!important;width:60px!important}.color-input:hover{border-color:#9ca3af!important}.color-value{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-family:Monaco,Menlo,monospace;font-size:13px;font-weight:500;padding:8px 12px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.btn-primary{align-items:center;background:linear-gradient(135deg,#3b775e,#56a07a)!important;border:none;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#fff!important;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;isolation:isolate;outline:none;overflow:hidden;padding:10px 20px;position:relative;transition:color .35s ease,border-color .35s ease}.btn-primary:focus{box-shadow:0 0 0 3px #a8e63d33;outline:none}.btn-primary:before{background:linear-gradient(90deg,#a8e63d,#9fdd39 52%,#94d82d);inset:0;transform:translateX(-110%);transition:transform .55s cubic-bezier(.22,.61,.36,1)}.btn-primary:after,.btn-primary:before{content:"";pointer-events:none;position:absolute;z-index:0}.btn-primary:after{background:radial-gradient(circle at 30% 50%,#ffffff4d 0 28%,#fff0 58%),radial-gradient(circle at 58% 38%,#ffffff38 0 24%,#fff0 56%),radial-gradient(circle at 62% 68%,#ffffff29 0 18%,#fff0 52%);border-radius:44% 56% 58% 42%;height:170%;left:-38%;opacity:.95;top:-35%;transform:translateX(-145%) rotate(8deg);transition:transform .8s cubic-bezier(.22,.61,.36,1);width:62%}.btn-primary:hover{box-shadow:0 1px 2px #0000000d!important;color:#1f2937!important}.btn-primary:hover:before{transform:translateX(0)}.btn-primary:hover:after{transform:translateX(255%) rotate(8deg)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-primary span,.btn-primary svg{flex-shrink:0;position:relative;z-index:1}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}.settings-skeleton{padding:0}.skeleton-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.skeleton-field{margin-bottom:0}.skeleton-field-full{margin-bottom:24px}.skeleton-label{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f3f4f6,#e5e7eb 50%,#f3f4f6);background-size:200% 100%;border-radius:4px;height:16px;margin-bottom:8px;width:120px}.skeleton-input{height:42px}.skeleton-input,.skeleton-textarea{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f3f4f6,#e5e7eb 50%,#f3f4f6);background-size:200% 100%;border-radius:8px;width:100%}.skeleton-textarea{height:100px}.skeleton-button{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f3f4f6,#e5e7eb 50%,#f3f4f6);background-size:200% 100%;border-radius:8px;height:40px;margin-left:auto;margin-top:8px;width:140px}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:768px){.skeleton-row{grid-template-columns:1fr}}.is-container{background:#f8f9fa;box-sizing:border-box;font-family:Inter,sans-serif;margin-left:72px;max-width:calc(100vw - 72px);min-height:100vh;overflow-x:auto;padding:24px 28px;width:calc(100vw - 72px)}.is-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:4px;margin-bottom:20px}.is-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;margin-bottom:-2px;padding:9px 20px;transition:color .2s,border-color .2s}.is-tab:hover{color:#1877f2}.is-tab-active{border-bottom-color:#1877f2;color:#1877f2;font-weight:600}.is-tab-badge{background:#e0f2fe;border-radius:10px;color:#0284c7;font-size:11px;font-weight:700;min-width:18px;padding:1px 7px;text-align:center}.is-sync-btn{background:linear-gradient(135deg,#1877f2,#42a5f5)!important}.is-export-btn{align-items:center;background:#16a34a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px;transition:background-color .2s;white-space:nowrap}.is-export-btn:hover{background:#15803d}.is-export-btn:active{background:#166534}.is-sync-all-btn{align-items:center;background:#1e40af;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px;transition:background-color .2s;white-space:nowrap}.is-sync-all-btn:hover:not(:disabled){background:#1d4ed8}.is-sync-all-btn:active:not(:disabled){background:#1e3a8a}.is-sync-all-btn:disabled{cursor:not-allowed;opacity:.6}.is-sync-all-icon{align-items:center;display:flex}.is-spin-icon{animation:is-spin .9s linear infinite}.is-sync-badge{background:#ffffff26;border-radius:12px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.is-meta-status-select{appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="%23374151" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6,9 12,15 18,9"/></svg>');background-position:right 6px center;background-repeat:no-repeat;background-size:10px;border:1.5px solid #0000;border-radius:12px;box-sizing:border-box;cursor:pointer;font-size:10px;font-weight:700;letter-spacing:.2px;outline:none;padding:3px 20px 3px 7px;text-transform:capitalize;transition:box-shadow .2s,filter .2s;width:100%}.is-meta-status-select:hover{filter:brightness(.95)}.is-meta-status-select:focus{box-shadow:0 0 0 3px #3b82f626}.is-meta-assign-select{appearance:none;background:#fff;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="%23374151" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6,9 12,15 18,9"/></svg>');background-position:right 6px center;background-repeat:no-repeat;background-size:12px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:11px;font-weight:500;max-width:130px;min-width:110px;outline:none;overflow:hidden;padding:4px 8px 4px 6px;text-overflow:ellipsis;transition:border-color .2s,box-shadow .2s}.is-meta-assign-select:hover{border-color:#9ca3af}.is-meta-assign-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.is-meta-pagination{align-items:center;border-top:1px solid #f0f2f5;display:flex;justify-content:space-between;padding:14px 20px}.is-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:15px;gap:16px;height:60vh;justify-content:center}.is-spinner{animation:is-spin .7s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:36px;width:36px}@keyframes is-spin{to{transform:rotate(1turn)}}.is-page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.is-page-title{color:#0f172a;font-size:22px;font-weight:700;margin:0 0 4px}.is-page-subtitle{color:#64748b;font-size:13px;margin:0}.is-refresh-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s;white-space:nowrap}.is-refresh-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.is-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(6,1fr);margin-bottom:24px}.is-stat-card{align-items:center;background:#fff;border-radius:0;box-shadow:0 1px 4px #0000000f;display:flex;gap:12px;padding:14px 16px;transition:box-shadow .2s,transform .2s}.is-stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.is-stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.is-stat-info{display:flex;flex-direction:column;gap:2px}.is-stat-label{color:#64748b;font-size:11px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.is-stat-value{color:#0f172a;font-size:22px;font-weight:700;line-height:1}.is-table-card{background:#fff;border-radius:0;box-shadow:0 1px 4px #0000000f;overflow:hidden}.is-filter-bar{align-items:center;background:#fafafa;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;padding:14px 20px}.is-search-wrapper{flex-shrink:0;min-width:240px;position:relative}.is-search-icon{align-items:center;color:#94a3b8;display:flex;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.is-search-input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1e293b;font-size:13px;padding:8px 12px 8px 32px;transition:border-color .2s,box-shadow .2s;width:100%}.is-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.is-filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.is-filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:13px;padding:8px 10px;transition:border-color .2s}.is-filter-select:focus{border-color:#3b82f6;outline:none}.is-filter-select:hover{border-color:#cbd5e1}.is-clear-btn{background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;font-size:12px;font-weight:500;padding:7px 12px;transition:background .2s;white-space:nowrap}.is-clear-btn:hover{background:#fecaca}.is-result-count{color:#64748b;font-size:12px;font-weight:500;margin-left:auto;white-space:nowrap}.is-table-wrapper{overflow:visible}.is-table{font-size:13px}.is-table thead tr{background:#f8fafc}.is-table th{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:10px;font-weight:600;letter-spacing:.3px;padding:8px 4px;text-align:left;text-transform:uppercase;white-space:nowrap}.is-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:11px;max-width:none;padding:6px 4px;vertical-align:middle}.is-table td:first-child,.is-table th:first-child{width:40px}.is-table td:nth-child(2),.is-table th:nth-child(2){width:140px}.is-table td:nth-child(3),.is-table th:nth-child(3){width:120px}.is-table td:nth-child(4),.is-table th:nth-child(4){width:140px}.is-table td:nth-child(5),.is-table th:nth-child(5){width:100px}.is-table td:nth-child(6),.is-table th:nth-child(6){width:120px}.is-table td:nth-child(7),.is-table th:nth-child(7){width:90px}.is-table td:nth-child(8),.is-table th:nth-child(8){width:80px}.is-table td:nth-child(9),.is-table th:nth-child(9){width:100px}.is-table{border-collapse:collapse;font-size:11px;table-layout:fixed;width:100%}.is-table tbody tr:hover{background:#f8fafc}.is-table tbody tr:last-child td{border-bottom:none}.is-td-index{color:#94a3b8;font-size:12px;font-weight:500;width:36px}.is-lead-name{color:#0f172a;font-size:11px;font-weight:600;line-height:1.2}.is-lead-company,.is-lead-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-lead-company{color:#94a3b8;font-size:10px;line-height:1;margin-top:1px}.is-contact-phone{color:#1e293b;font-size:11px;font-weight:500}.is-contact-email,.is-contact-phone{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-contact-email{color:#64748b;font-size:10px;line-height:1;margin-top:1px}.is-td-product{color:#475569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-source-badge{background:#f1f5f9;border-radius:3px;color:#475569;display:inline-flex;max-width:100%;padding:2px 6px}.is-assignee,.is-source-badge{font-size:10px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-assignee{color:#334155}.is-td-date{color:#64748b}.is-status-badge,.is-td-date{font-size:10px;white-space:nowrap}.is-status-badge{align-items:center;border-radius:3px;display:inline-flex;font-weight:600;padding:2px 6px;text-transform:capitalize}.status-new{background:#dbeafe;color:#1e40af}.status-contacted{background:#ffedd5;color:#9a3412}.status-follow-up{background:#f3e8ff;color:#6b21a8}.status-qualified{background:#d1fae5;color:#047857}.status-interested{background:#e0e7ff;color:#3730a3}.status-converted{background:#dcfce7;color:#166534}.status-not-interested{background:#fee2e2;color:#991b1b}.status-closed{background:#f1f5f9;color:#334155}.is-actions{display:flex;gap:4px}.is-action-btn{align-items:center;border:none;border-radius:6px;box-shadow:0 1px 2px #0000001a;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:28px}.is-action-btn:before{background:linear-gradient(135deg,#fff3,#fff0 50%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.is-action-btn:hover:before{opacity:1}.is-action-btn:hover{box-shadow:0 2px 4px #00000026;transform:translateY(-1px)}.is-action-btn:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.is-action-btn svg{height:14px;width:14px;z-index:1}.is-action-view{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.is-action-status{background:linear-gradient(135deg,#f59e0b,#d97706)}.is-action-note{background:linear-gradient(135deg,#6366f1,#4f46e5)}.is-action-history{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.is-action-delete{background:linear-gradient(135deg,#ef4444,#dc2626)}.is-action-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.is-empty-state{color:#94a3b8;flex-direction:column;gap:12px;padding:56px 20px}.is-empty-icon,.is-empty-state{align-items:center;display:flex;justify-content:center}.is-empty-icon{color:#cbd5e1}.is-pagination{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px 20px}.is-pagination-info{color:#64748b;font-size:12px;font-weight:500}.is-pagination-controls{align-items:center;display:flex;gap:8px}.is-btn{border-radius:4px;font-size:12px;padding:6px 12px;transition:background-color .2s}.is-btn-secondary:hover:not(:disabled){background:#e2e8f0}.is-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.is-page-numbers{display:flex;gap:2px}.is-page-btn{background:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#475569;cursor:pointer;font-size:12px;font-weight:500;height:32px;transition:background-color .2s;width:32px}.is-page-btn:hover{background:#f1f5f9}.is-page-btn-active{background:#1e40af!important;border-color:#1e40af!important;color:#fff!important}.is-empty-state p{font-size:14px;margin:0}.is-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.is-modal{animation:is-modal-in .25s ease;background:#fff;border-radius:8px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:90%}.is-modal-sm{max-width:420px}@keyframes is-modal-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.is-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:18px 22px}.is-modal-header h2{color:#0f172a;font-size:16px;font-weight:600;margin:0}.is-modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;line-height:1;transition:background .2s;width:30px}.is-modal-close:hover{background:#e2e8f0;color:#0f172a}.is-modal-body{flex:1 1;overflow-y:auto;padding:20px 22px}.is-modal-footer{background:#f8fafc;border-radius:0 0 8px 8px;border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:flex-end;padding:14px 22px}.is-detail-section{margin-bottom:22px}.is-detail-section-title{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 14px;padding-bottom:8px;text-transform:uppercase}.is-detail-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.is-detail-field{display:flex;flex-direction:column;gap:3px}.is-detail-label{color:#94a3b8;font-size:11px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.is-detail-value{color:#1e293b;font-size:14px;font-weight:500}.is-detail-description{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#334155;font-size:13px;line-height:1.6;max-height:160px;overflow-y:auto;padding:12px;white-space:pre-wrap}.is-form-label{color:#475569;display:block;font-size:13px;margin-bottom:10px}.is-form-select,.is-form-textarea{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1e293b;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.is-form-select:focus,.is-form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.is-form-textarea{min-height:110px;resize:vertical}.is-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:9px 20px;transition:background .2s,opacity .2s}.is-btn-primary{background:#3b82f6;color:#fff}.is-btn-primary:hover{background:#2563eb}.is-btn-primary:disabled{background:#94a3b8;cursor:not-allowed}.is-btn-secondary{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.is-btn-secondary:hover{background:#e2e8f0}.is-history-list{display:flex;flex-direction:column;gap:12px}.is-history-item{background:#f8fafc;border-left:3px solid #3b82f6;border-radius:6px;padding:12px 14px}.is-history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.is-history-header strong{color:#1e293b;font-size:13px}.is-history-date{color:#94a3b8;font-size:11px}.is-history-details{color:#475569;font-size:13px;margin:0 0 4px}.is-history-by{color:#94a3b8;font-size:11px}@media (max-width:1200px){.is-stats-grid{grid-template-columns:repeat(3,1fr)}}.is-fu-panel{animation:is-modal-in .25s ease;background:#fff;border:1px solid #e2e8f0;border-radius:12px;bottom:24px;box-shadow:0 8px 32px #0000002e;overflow:hidden;position:fixed;right:24px;width:320px;z-index:1100}.is-fu-header{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;cursor:pointer;gap:8px;padding:12px 14px;-webkit-user-select:none;user-select:none}.is-fu-bell,.is-fu-header{align-items:center;display:flex}.is-fu-bell{flex-shrink:0}.is-fu-title{flex:1 1;font-size:13px;font-weight:600}.is-fu-count{align-items:center;background:#ef4444;border-radius:9px;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px}.is-fu-chevron{font-size:11px;opacity:.8}.is-fu-list{max-height:340px;overflow-y:auto}.is-fu-item{border-bottom:1px solid #f1f5f9;padding:12px 14px;transition:background .15s}.is-fu-item:last-child{border-bottom:none}.is-fu-item:hover{background:#f8fafc}.is-fu-overdue{background:#fff5f5;border-left:3px solid #ef4444}.is-fu-overdue:hover{background:#fee2e2}.is-fu-item-top{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.is-fu-lead-name{color:#0f172a;flex:1 1;font-size:12px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-fu-dismiss{background:none;border:none;color:#94a3b8;cursor:pointer;flex-shrink:0;font-size:16px;line-height:1;padding:0;transition:color .15s}.is-fu-dismiss:hover{color:#ef4444}.is-fu-item-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.is-fu-date-tag{color:#64748b;font-size:10px;font-weight:500}.is-fu-overdue .is-fu-date-tag{color:#dc2626;font-weight:600}.is-fu-notes{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:11px;line-height:1.4;margin:4px 0 0;overflow:hidden;text-overflow:ellipsis}.is-modal-wide{max-width:860px;width:95%}.is-mlead-header-info{align-items:center;display:flex;gap:14px}.is-mlead-avatar{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:44px;justify-content:center;width:44px}.is-mlead-name{color:#0f172a;font-size:16px;font-weight:700;margin:0 0 5px}.is-mlead-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.is-mlead-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 1fr}.is-mlead-section{margin-bottom:20px}.is-mlead-section-title{border-bottom:1px solid #e2e8f0;color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.8px;margin:0 0 10px;padding-bottom:8px;text-transform:uppercase}.is-mlead-info-rows{display:flex;flex-direction:column;gap:0}.is-mlead-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:8px;justify-content:space-between;padding:7px 0}.is-mlead-row:last-child{border-bottom:none}.is-mlead-lbl{color:#94a3b8;flex-shrink:0;font-size:11px;font-weight:500;min-width:90px}.is-mlead-val{color:#1e293b;font-size:12px;font-weight:500;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.is-mlead-form-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:4px}.is-mlead-field{display:flex;flex-direction:column;gap:4px}.is-mlead-field-lbl{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.is-mlead-form-actions{display:flex;gap:8px;margin-top:14px}.is-mlead-right{border-left:1px solid #e2e8f0;padding-left:24px}.is-timeline{display:flex;flex-direction:column;gap:0;position:relative}.is-timeline:before{background:#e2e8f0;bottom:6px;content:"";left:7px;position:absolute;top:6px;width:2px}.is-timeline-item{display:flex;gap:12px;padding-bottom:16px;position:relative}.is-timeline-item:last-child{padding-bottom:0}.is-timeline-dot{background:#fff;border:2px solid #3b82f6;border-radius:50%;flex-shrink:0;height:16px;margin-top:2px;width:16px;z-index:1}.is-timeline-content{flex:1 1;min-width:0}.is-timeline-top{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:2px}.is-timeline-action{color:#1e293b;font-size:12px;font-weight:600}.is-timeline-date{color:#94a3b8;font-size:10px;white-space:nowrap}.is-timeline-details{color:#475569;font-size:12px;line-height:1.5;margin:0 0 3px}.is-timeline-by{color:#94a3b8;font-size:10px;font-style:italic}.is-mlead-empty{color:#94a3b8;font-size:12px;margin:0;padding:12px 0}@media (max-width:768px){.is-container{margin-left:0!important;max-width:100vw!important;overflow-x:hidden!important;padding:75px 12px 16px!important;width:100vw!important}.is-stats-grid{grid-template-columns:repeat(2,1fr)}.is-filter-bar{align-items:stretch;flex-direction:column}.is-search-wrapper{min-width:0;min-width:auto}.is-filter-group{flex-direction:column}.is-filter-select{width:100%}.is-result-count{margin-left:0}.is-detail-grid{grid-template-columns:1fr}.is-page-header{flex-direction:column;gap:12px}.is-mlead-layout{grid-template-columns:1fr}.is-mlead-right{border-left:none;border-top:1px solid #e2e8f0;padding-left:0;padding-top:20px}.is-mlead-form-grid{grid-template-columns:1fr}}@media (max-width:480px){.is-stats-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.eb06b2c8.css.map*/