@import"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css";@import"https://unpkg.com/leaflet@1.9.4/dist/leaflet.css";.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:hsl(0,0%,70%) #ccc hsl(0,0%,85%)}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #999;border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #333}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #007eff1a}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:#333;background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px #0000000f}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid hsl(0,0%,90%)}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:#333;background-color:#ebf5ff;border-radius:2px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid rgb(183.6,218.88,255)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid rgb(183.6,218.88,255);border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid rgb(183.6,218.88,255)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid rgb(183.6,218.88,255)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:#000}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:#999}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#d0021b}.ng-select .ng-clear-wrapper:focus .ng-clear{color:#d0021b}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px #0000000f;left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:#0000008a;cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:#0000008a;background-color:#ebf5ff;font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:#000000de;padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:#ebf5ff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f8f9fa;color:#111827;line-height:1.5}html,body{height:100%;margin:0}.reports-page{max-width:1400px;margin:0 auto;padding:24px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.page-title{font-size:28px;font-weight:700;color:#111827;margin:0 0 4px}.breadcrumb{font-size:13px;color:#6b7280;margin:0}.role-badge{padding:6px 14px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.party-selector{margin-bottom:24px;display:flex;align-items:center;gap:12px}.party-selector label{font-size:14px;font-weight:600;color:#374151}.party-select{padding:10px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#111827;background:#fff;cursor:pointer;transition:all .2s ease;min-width:200px}.party-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.stats-row{margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:24px;border:1px solid #e5e7eb;display:flex;gap:20px;align-items:center;box-shadow:0 1px 3px #0000000d}.stat-icon{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.stat-content h3{font-size:14px;color:#6b7280;margin:0 0 8px;font-weight:500}.stat-value{font-size:32px;font-weight:700;color:#111827;margin:0 0 4px}.stat-label{font-size:12px;color:#9ca3af}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px}.charts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.area-grid,.reasons-grid,.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px}.card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;overflow:hidden}.card.full-width{grid-column:1 / -1}.card-header{padding:20px 24px;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;background:#fafafa}.card-header h3{font-size:16px;font-weight:600;color:#111827;margin:0}.chart-container{padding:32px 24px;height:400px}.chart-container-medium{padding:24px;height:350px}.small-chart-container{padding:20px;height:250px}.chart-card{height:500px}.chart-card-medium{height:450px}.chart-card-small{height:420px}.chart-card-wrapper{display:flex;flex-direction:column}.badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.badge-blue{background:#dbeafe;color:#1e40af}.badge-success,.badge-green{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-default{background:#f3f4f6;color:#6b7280}.table-responsive{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table thead th{padding:14px 16px;background:#f9fafb;font-size:12px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e5e7eb;text-align:left}.data-table tbody td{padding:16px;border-bottom:1px solid #f3f4f6;font-size:14px;color:#374151}.data-table tbody tr:hover{background:#fafafa}.data-table tbody tr.leading{background:#eff6ff}.text-center{text-align:center}.fw-bold{font-weight:600}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:24px}.comparison-card{background:#f9fafb;border-radius:8px;padding:16px;border:1px solid #e5e7eb}.comparison-card h4{font-size:16px;font-weight:600;color:#111827;margin:0 0 8px}.total-voters{font-size:13px;color:#6b7280;margin-bottom:16px}.party-list{display:flex;flex-direction:column;gap:12px}.party-item{background:#fff;padding:10px;border-radius:6px;border:1px solid #e5e7eb}.party-item.highlighted{border-color:#3b82f6;background:#eff6ff}.party-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.party-name{font-size:13px;font-weight:600;color:#374151}.party-percentage{font-size:13px;font-weight:700;color:#3b82f6}.progress-bar{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:#d1d5db;transition:width .3s ease}.progress-fill.selected{background:linear-gradient(90deg,#3b82f6,#2563eb)}.gender-breakdown{padding:16px;border-top:1px solid #f3f4f6}.gender-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px}.gender-label{font-weight:600;color:#374151}.gender-count{color:#6b7280}.loading-state{text-align:center;padding:80px 20px}.spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{color:#6b7280;font-size:14px}@media (max-width: 1024px){.content-grid,.area-grid,.reasons-grid,.demo-grid{grid-template-columns:1fr}.comparison-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.reports-page{padding:16px}.page-title{font-size:24px}.charts-grid{grid-template-columns:1fr}.party-selector{flex-direction:column;align-items:flex-start}.party-select{width:100%}}*{margin:0;padding:0;box-sizing:border-box}.dashboard-shell{display:flex;min-height:100vh;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.sidebar{width:260px;background:linear-gradient(180deg,#1e3a8a,#1e40af);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;box-shadow:2px 0 10px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.sidebar-collapsed .sidebar{width:70px}.sb-brand{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:12px;min-height:80px}.logo-img{width:40px;height:40px;object-fit:contain;flex-shrink:0}.brand-text{flex:1;overflow:hidden}.brand-text h2{color:#fff;font-size:16px;font-weight:600;margin:0;white-space:nowrap}.brand-text p{color:#ffffffb3;font-size:12px;margin:4px 0 0;white-space:nowrap}.sb-nav{flex:1;padding:16px 0;overflow-y:auto}.sb-nav::-webkit-scrollbar{width:4px}.sb-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.sb-item{display:flex;align-items:center;gap:12px;padding:14px 20px;font-size:14px;font-weight:500;color:#fffc;text-decoration:none;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;position:relative}.sb-item i{font-size:18px;flex-shrink:0;width:20px;text-align:center}.sb-item span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-item:hover{background:#ffffff14;color:#fff}.sb-item.active{background:#ffffff26;color:#fff;border-left-color:#60a5fa;font-weight:600}.sb-item.active:before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:#60a5fa;border-radius:4px 0 0 4px}.sb-dropdown{width:100%}.dropdown-toggle{cursor:pointer;position:relative}.dropdown-icon{margin-left:auto;font-size:14px;transition:transform .3s ease}.dropdown-icon.rotated{transform:rotate(180deg)}.sb-submenu{background:#0000001a;margin:4px 0;border-radius:8px;overflow:hidden}.sb-subitem{display:flex;align-items:center;gap:12px;padding:12px 20px 12px 52px;font-size:13px;font-weight:500;color:#ffffffbf;text-decoration:none;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent}.sb-subitem i{font-size:14px;flex-shrink:0;width:16px;text-align:center}.sb-subitem:hover{background:#ffffff0d;color:#fff}.sb-subitem.active{background:#ffffff1a;color:#fff;border-left-color:#60a5fa;font-weight:600}.sb-footer{padding:16px;border-top:1px solid rgba(255,255,255,.1)}.sb-user{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:8px;border-radius:8px;background:#ffffff0d}.sb-avatar{width:36px;height:36px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff;flex-shrink:0}.sb-uname{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-urole{font-size:11px;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-logout{width:100%;padding:10px 16px;background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#fff;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-logout:hover{background:#ef44444d;border-color:#ef444480}.btn-logout i{font-size:16px}.main{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .main{margin-left:70px}.topbar{height:70px;background:#fff;border-bottom:1px solid #e5e7eb;padding:0 24px;display:flex;align-items:center;gap:20px;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000000d}.sidebar-toggle{width:40px;height:40px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:18px}.sidebar-toggle:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.sidebar-toggle:active{transform:scale(.95)}.content-wrapper{flex:1;padding:24px;overflow-y:auto}.topbar{padding:0 32px}.topbar h1{font-size:24px;font-weight:700;color:#111827;margin:0}.topbar-left{display:flex;flex-direction:column;gap:4px}.page-title{font-size:24px;font-weight:700;color:#111827;margin:0}.breadcrumb-text{font-size:13px;color:#6b7280}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:16px}.role-badge,.badge-role{padding:6px 12px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.notif-btn{width:40px;height:40px;border-radius:8px;background:#f9fafb;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#6b7280}.notif-btn:hover{background:#f3f4f6;color:#374151}.page-content{padding:0;max-width:1400px;margin:0 auto}.card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;overflow:hidden;margin-bottom:24px;max-width:100%}.card.assign-card{max-width:600px;margin:0 auto 24px}.card-head{padding:20px 24px;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;justify-content:space-between;background:#fafafa}.card-head h3{margin:0;font-size:16px;font-weight:600;color:#111827}.card-body{padding:24px}.section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:24px;max-width:1400px;margin:0 auto}@media (min-width: 1200px){.section-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.section-grid{grid-template-columns:1fr}}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:13px;font-weight:600;color:#374151}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#111827;background:#fff;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:80px}.form-control{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}.input-err{border-color:#ef4444!important}.err-msg{margin-top:6px;font-size:12px;color:#ef4444}.success-msg{padding:12px 16px;background:#d1fae5;border:1px solid #6ee7b7;color:#065f46;border-radius:8px;margin-top:16px;font-size:14px}.alert-msg{padding:12px 16px;background:#fee2e2;border:1px solid #fca5a5;color:#991b1b;border-radius:8px;margin-top:16px;font-size:14px}.btn-primary{padding:11px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #2563eb33}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 8px #2563eb4d}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-outline{padding:8px 16px;background:transparent;color:#3b82f6;border:1px solid #3b82f6;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-outline:hover{background:#eff6ff}.btn-sm{padding:6px 12px;background:#f3f4f6;border:1px solid #d1d5db;color:#374151;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-right:6px}.btn-sm:hover{background:#e5e7eb}.btn-success{background:#10b981;color:#fff;border-color:#10b981}.btn-success:hover{background:#059669}.btn-danger{background:#ef4444;color:#fff;border-color:#ef4444}.btn-danger:hover{background:#dc2626}.pill{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.pill-blue{background:#dbeafe;color:#1e40af}.pill-green{background:#d1fae5;color:#065f46}.pill-red{background:#fee2e2;color:#991b1b}.pill-gray{background:#f3f4f6;color:#374151}.table-wrap{overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb}table{width:100%;border-collapse:collapse;font-size:14px}thead{background:#f9fafb}thead th{padding:12px 16px;text-align:left;font-size:12px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e5e7eb}tbody td{padding:14px 16px;border-bottom:1px solid #f3f4f6;color:#374151}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#fafafa}.empty-cell{text-align:center;color:#9ca3af;font-style:italic;padding:32px!important}.muted{color:#9ca3af}.fw-semibold{font-weight:600}.w-100{width:100%}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.form-check{display:flex;align-items:center;gap:8px}.form-check-input{width:16px;height:16px;cursor:pointer}.form-check-label{font-size:13px;color:#6b7280;cursor:pointer}@media (max-width: 1024px){.section-grid{grid-template-columns:1fr;max-width:800px}.page-content{max-width:100%}}@media (max-width: 768px){.sidebar{width:70px}.sidebar-collapsed .sidebar{width:0}.main{margin-left:70px}.sidebar-collapsed .main{margin-left:0}.brand-text,.sb-item span,.sb-uname,.sb-urole,.btn-logout span{display:none}}
