@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Great+Vibes&display=swap";.login-page{background:linear-gradient(#040a1673,#040a16a6),url(/login-bg.jpg) 50%/cover no-repeat;justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:Inter,system-ui,sans-serif;display:flex;position:relative;overflow-x:hidden}.login-corner-logo{z-index:1;object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 10px #0006);image-rendering:-webkit-optimize-contrast;position:absolute}.login-corner-left{width:86px;height:86px;top:14px;left:16px}.login-corner-right{width:92px;height:92px;top:14px;right:16px}.login-card{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;color:#fff;background:#080e1ad1;border:1px solid #ffffff14;border-radius:18px;width:100%;max-width:460px;padding:34px 34px 28px;position:relative;box-shadow:0 24px 80px #0000008c,inset 0 1px #ffffff0f}.login-card-badge{justify-content:center;align-items:center;width:78px;height:78px;margin:0 auto 14px;display:flex}.login-card-badge img{object-fit:contain;filter:drop-shadow(0 4px 12px #00000073);width:78px;height:78px}.login-card-brand{letter-spacing:.12em;color:#ffffffb8;background:#00000059;border:1px solid #ffffff1a;border-radius:999px;align-items:center;margin-bottom:10px;padding:6px 14px;font-size:10px;display:inline-flex}.login-card h1{letter-spacing:-.5px;margin:0;font-size:34px;font-weight:800;line-height:1.05}.login-card-sub{color:#ffffff8c;margin:10px 0 22px;font-size:13px}.login-role-strip{margin-bottom:10px}.login-tab-hint{color:#ffffff6b;margin:0 0 18px;font-size:11px;line-height:1.45}.login-form{text-align:left}.login-label{color:#ffffff8c;margin-bottom:14px;font-size:10px;display:block}.login-input-wrap{margin-top:8px;position:relative}.login-input-icon{color:#ffffff59;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.login-input-icon svg{width:16px;height:16px}.login-input{box-sizing:border-box;color:#fff;background:#00000059;border:1px solid #ffffff14;border-radius:10px;width:100%;padding:13px 14px 13px 42px;font-family:inherit;font-size:14px}.login-input:focus{border-color:#3b9eff8c;outline:none}.login-input-password{padding-right:44px}.login-password-toggle{cursor:pointer;opacity:.75;background:0 0;border:none;font-size:14px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.login-remember{color:#ffffffa6;cursor:pointer;align-items:center;gap:8px;margin:4px 0 16px;font-size:12px;display:flex}.login-remember input{accent-color:#3b9eff}.login-error{color:#f87171;margin:0 0 12px;font-size:12px}.login-submit{color:#fff;cursor:pointer;background:linear-gradient(#4da8ff 0%,#2d8ae6 100%);border:none;border-radius:10px;width:100%;padding:14px 18px;font-size:15px;font-weight:700;box-shadow:0 10px 28px #2d8ae659}.login-submit:hover:not(:disabled){filter:brightness(1.05)}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-footer{color:#ffffff61;margin-top:22px;font-size:11px;line-height:1.6}.login-footer-secure{color:#ffffff7a;align-items:center;gap:6px;margin-bottom:4px;display:inline-flex}.login-footer-secure svg{width:12px;height:12px}.login-credit-box{background:linear-gradient(#121c30f2 0%,#080e1ae6 100%);border:1px solid #d4af3773;border-radius:999px;flex-direction:column;align-items:center;gap:2px;width:fit-content;max-width:100%;margin:10px auto 8px;padding:10px 22px 11px;display:flex;box-shadow:0 6px 18px #00000047,inset 0 1px #ffdc782e}@media (width<=768px){.login-corner-left{width:72px;height:72px;top:10px;left:10px}.login-corner-right{width:76px;height:76px;top:10px;right:10px}.login-card{padding:28px 22px 22px}.login-card h1{font-size:28px}}:root{--ppd-bg:#05080f;--ppd-sidebar:#070b14;--ppd-header:#05080f;--ppd-header-text:#fff;--ppd-nav-text:#8b9cb5;--ppd-card:#0c1220;--ppd-card-hover:#111827;--ppd-border:#3878c82e;--ppd-blue:#3b9eff;--ppd-blue-mid:#6eb5f7;--ppd-blue-light:#8ec8ff;--ppd-blue-dim:#3b9eff1f;--ppd-blue-glow:#3b9eff59;--ppd-gold:#d4a017;--ppd-text:#e8edf5;--ppd-text-muted:#8b9cb5;--ppd-text-dim:#5a6a82;--ppd-red:#ef4444;--ppd-yellow:#f59e0b;--ppd-orange:#f97316;--ppd-sidebar-width:240px;--ppd-radius:10px;--ppd-font:"Inter", system-ui, sans-serif;--ppd-type-size:11px;--ppd-type-size-sm:10px;--ppd-type-weight:700;--ppd-type-spacing:.12em;--ppd-pill-bg:#0000006b;--ppd-pill-border:#ffffff1f;--ppd-pill-active-bg:#ffffff24;--ppd-pill-text:#fffffff2;--ppd-pill-text-muted:#ffffff85;--ppd-scrollbar-track:#081322;--ppd-scrollbar-thumb:#1a3d66;--ppd-scrollbar-thumb-hover:#2a5f9e;--ppd-scrollbar-thumb-active:#3b9eff;--ppd-scrollbar-size:10px;--ppd-officer-scrollbar-track:transparent;--ppd-officer-scrollbar-thumb:#3b9eff6b;--ppd-officer-scrollbar-thumb-hover:#3b9effb8;--ppd-officer-scrollbar-thumb-active:var(--ppd-blue);--ppd-officer-scrollbar-size:6px}html,body,*{scrollbar-width:thin;scrollbar-color:var(--ppd-scrollbar-thumb) var(--ppd-scrollbar-track)}::-webkit-scrollbar{width:var(--ppd-scrollbar-size);height:var(--ppd-scrollbar-size)}::-webkit-scrollbar-track{background:var(--ppd-scrollbar-track);border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, #245487 0%, var(--ppd-scrollbar-thumb) 100%);border:2px solid var(--ppd-scrollbar-track);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--ppd-scrollbar-thumb-hover) 0%, #1e4a7a 100%)}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg, var(--ppd-scrollbar-thumb-active) 0%, #2563a8 100%)}::-webkit-scrollbar-corner{background:var(--ppd-scrollbar-track)}.ppd-type-text,.detail-field-label,.stat-label,.impound-detail-section h4,.record-detail-section h4,.modal-label,.attendance-page-stat-label,.attendance-paste-label,.impound-record-reason,.console-log-badge,.record-grid-badge,.impound-status-badge,.login-card-brand,.login-label,.sidebar-footer-motto,.sidebar-version,.hero-right .dept-tagline{font-weight:var(--ppd-type-weight);letter-spacing:var(--ppd-type-spacing);text-transform:uppercase}.ppd-pill-strip{background:var(--ppd-pill-bg);border:1px solid var(--ppd-pill-border);-webkit-backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:4px;padding:4px;display:inline-flex}.ppd-pill-strip-full{width:100%;display:flex}.ppd-pill-strip-compact{padding:3px}.ppd-pill-item{color:var(--ppd-pill-text-muted);font-family:var(--ppd-font);font-size:var(--ppd-type-size);font-weight:var(--ppd-type-weight);letter-spacing:var(--ppd-type-spacing);text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;padding:9px 18px;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.ppd-pill-item svg{opacity:.85;flex-shrink:0;width:14px;height:14px}.ppd-pill-item:hover:not(.active):not(:disabled){color:#ffffffc7}.ppd-pill-item.active{background:var(--ppd-pill-active-bg);color:var(--ppd-pill-text);box-shadow:inset 0 1px #ffffff14}.ppd-pill-item.active svg{opacity:1}.ppd-pill-item.ppd-pill-item-officer.active{color:#dbeafe;background:#3b9eff33}.ppd-pill-item.ppd-pill-item-admin.active{color:#ede9fe;background:#a78bfa38}.ppd-pill-tag{background:var(--ppd-pill-active-bg);border:1px solid var(--ppd-pill-border);font-size:var(--ppd-type-size-sm);font-weight:var(--ppd-type-weight);letter-spacing:var(--ppd-type-spacing);text-transform:uppercase;color:var(--ppd-pill-text);border-radius:999px;align-items:center;gap:7px;padding:5px 12px;line-height:1;display:inline-flex}.ppd-pill-tag svg{flex-shrink:0;width:13px;height:13px}.ppd-pill-tag-officer{color:#dbeafe;background:#3b9eff2e;border-color:#3b9eff59}.ppd-pill-tag-admin{color:#ede9fe;background:#a78bfa33;border-color:#a78bfa59}*,:before,:after{box-sizing:border-box}body{background:var(--ppd-bg);color:var(--ppd-text);font-family:var(--ppd-font);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}#root{text-align:left;border:none;width:100%;max-width:none;min-height:100svh;margin:0}.dashboard{background:var(--ppd-bg);min-height:100svh;display:flex}.dashboard:has(.officers-panel){height:100svh;min-height:0;overflow:hidden}.sidebar{width:var(--ppd-sidebar-width);min-width:var(--ppd-sidebar-width);background:var(--ppd-sidebar);border-right:1px solid var(--ppd-border);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar-brand{border-bottom:1px solid var(--ppd-border);align-items:center;gap:12px;padding:20px 14px 16px;display:flex}.sidebar-brand img{flex-shrink:0;width:72px;height:72px}.sidebar-brand-text{min-width:0}.sidebar-brand-text .ppd-title{color:var(--ppd-blue);letter-spacing:1px;font-size:26px;font-weight:700;line-height:1}.sidebar-brand-text .ppd-sub{font-size:var(--ppd-type-size-sm);font-weight:var(--ppd-type-weight);color:var(--ppd-text-muted);letter-spacing:var(--ppd-type-spacing);text-transform:uppercase;margin-top:3px;line-height:1.3}.sidebar-brand-text .ppd-motto{font-size:9px;font-weight:var(--ppd-type-weight);color:var(--ppd-text-dim);letter-spacing:.1em;text-transform:uppercase;margin-top:4px}.sidebar-middle{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.sidebar-nav{flex:1;padding:8px 0;overflow-y:auto}.nav-item{color:var(--ppd-nav-text,var(--ppd-text-muted));cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:12px;width:calc(100% - 20px);margin:2px 10px;padding:10px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s,background .15s,border-color .15s;display:flex}.nav-item-label{flex:1;min-width:0}.nav-item svg{opacity:.65;flex-shrink:0;width:18px;height:18px}.nav-item:hover{color:var(--ppd-text);background:#3b9eff14}.nav-item:hover svg{opacity:.9}.nav-item.active{color:var(--ppd-blue);background:#3b9eff1f;border-color:#3b9eff38}.nav-item.active svg{opacity:1;color:var(--ppd-blue)}.nav-item.active .nav-item-label{letter-spacing:normal;text-transform:none;font-size:13px;font-weight:600}.sidebar-section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ppd-text-dim);border-top:1px solid var(--ppd-border);margin-top:10px;padding:16px 20px 8px;font-size:10px;font-weight:600}.nav-item-admin.active{color:#c4b5fd;background:#a78bfa24;border-color:#a78bfa3d}.nav-item-admin.active svg{color:#c4b5fd}.nav-item-admin.active .nav-item-label{letter-spacing:normal;text-transform:none;font-size:13px;font-weight:600}.sidebar-footer{border-top:1px solid var(--ppd-border);flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:200px;padding:20px 12px 16px;display:flex;position:relative;overflow:hidden}.sidebar-footer-seal{aspect-ratio:1;object-fit:contain;filter:grayscale();opacity:.45;background:0 0;flex-shrink:0;width:100%;max-width:196px;height:auto}.sidebar-footer-motto{text-align:center;letter-spacing:1.2px;width:100%;color:var(--ppd-text-dim);font-size:10px;font-weight:700;line-height:1.3}.sidebar-version{text-align:center;width:100%;color:var(--ppd-text-dim);letter-spacing:.6px;opacity:.85;font-size:9px}.main{margin-left:var(--ppd-sidebar-width);flex-direction:column;flex:1;min-height:100svh;display:flex}.main:has(.officers-panel){height:100svh;min-height:0;overflow:hidden}.hero-header{background:var(--ppd-header,#05080f);border-bottom:1px solid var(--ppd-border);flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.hero-header:before{display:none}.hero-header:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#3b9eff2e 50%,#0000 100%);height:1px;position:absolute;bottom:0;left:0;right:0}.user-profile{align-items:center;gap:12px;display:flex}.user-avatar{color:#8ec8ff;background:#0b1220;border:1px solid #3b9eff73;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex}.user-info .user-name{color:var(--ppd-header-text,#fff);font-size:14px;font-weight:700}.user-info .user-role{margin-top:4px}.hero-btn{font-size:var(--ppd-type-size);font-weight:var(--ppd-type-weight);letter-spacing:var(--ppd-type-spacing);text-transform:uppercase;cursor:pointer;color:#cfe6ff;background:#0816308c;border:1px solid #6ec4ff47;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;transition:all .15s;display:flex}.hero-btn:hover{color:#fff;background:#3b9eff1f}.hero-btn.logout:hover{color:var(--ppd-red);border-color:#ef444473}.hero-content{z-index:2;justify-content:space-between;align-items:center;gap:24px;min-height:92px;padding:12px 28px;display:flex;position:relative}.hero-left{flex-direction:column;justify-content:center;min-width:0;display:flex}.hero-left h1,.hero-content h1{text-align:left;color:var(--ppd-header-text,#fff);letter-spacing:-.6px;white-space:nowrap;margin:0;font-size:clamp(28px,3.6vw,42px);font-weight:800;line-height:1.05}.hero-left h1 span,.hero-content h1 span{color:#6ec4ff}.hero-status-row{color:var(--ppd-header-text,#9bb4cc);opacity:.78;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:8px;font-size:12px;display:flex}.hero-online{color:inherit;align-items:center;gap:8px;font-weight:600;display:inline-flex}.hero-online-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px 2px #22c55e8c}.hero-status-sep{background:#94b4d659;width:1px;height:12px}.hero-left .hero-motto{letter-spacing:.04em;text-transform:none;color:inherit;background:0 0;border:0;margin:0;padding:0;font-size:12px;font-weight:500;display:inline-flex}.hero-right{text-align:left;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:14px;min-width:0;padding:0;display:flex;position:relative}.hero-right:before{display:none}.stats-row{grid-template-columns:repeat(4,1fr);gap:16px;padding:24px 28px 8px;display:grid}.main:has(.officers-panel) .stats-row{flex-shrink:0}.stat-card{background:var(--ppd-card);border:1px solid var(--ppd-border);border-radius:var(--ppd-radius);align-items:center;gap:16px;padding:18px 20px;transition:border-color .15s;display:flex}.stat-card:hover{border-color:var(--ppd-blue-glow)}.stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-icon.blue{color:var(--ppd-blue);background:#3b9eff26}.stat-icon.yellow{color:var(--ppd-yellow);background:#f59e0b26}.stat-icon.orange{color:var(--ppd-orange);background:#f9731626}.stat-icon.red{color:var(--ppd-red);background:#ef444426}.stat-icon svg{width:22px;height:22px}.stat-value{color:var(--ppd-text);font-size:28px;font-weight:700;line-height:1}.stat-label{font-size:var(--ppd-type-size);color:var(--ppd-text);margin-top:2px}.stat-sublabel{color:var(--ppd-text-dim);margin-top:1px;font-size:10px}.content-area{flex:1;padding:28px 28px 32px}.stats-row+.content-area{padding-top:20px}.content-area:has(.officers-panel){flex-direction:column;flex:1;min-height:0;padding:28px 28px 20px;display:flex;overflow:hidden}.stats-row+.content-area:has(.officers-panel){padding-top:20px}.content-area>.officers-panel{flex:1;height:100%;min-height:0;overflow:hidden}.panel{background:var(--ppd-card);border:1px solid var(--ppd-border);border-radius:var(--ppd-radius);overflow:hidden}.panel-header{border-bottom:1px solid var(--ppd-border);padding:20px 24px 16px}.hierarchy-page{flex-direction:column;gap:24px;display:flex}.hierarchy-restore-bar{border-radius:var(--ppd-radius);background:#3b9eff14;border:1px solid #3b9eff59;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.hierarchy-restore-bar strong{color:var(--ppd-text);margin-bottom:4px;font-size:14px;display:block}.hierarchy-restore-bar p{color:var(--ppd-text-muted);max-width:640px;margin:0;font-size:12px}.hierarchy-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 12px;display:flex}.hierarchy-sync-hint{color:var(--ppd-text-muted);flex:280px;margin:0;font-size:12px;line-height:1.4}.hierarchy-sheet-banner{border:1px solid var(--ppd-border);background:#05080f;border-radius:10px;grid-template-columns:72px 1fr 72px;align-items:center;gap:16px;margin-bottom:16px;padding:14px 16px;display:grid}.hierarchy-sheet-banner h2{text-align:center;margin:0;font-size:22px;font-weight:800}.hierarchy-sheet-banner p{text-align:center;color:var(--ppd-text-muted);margin:6px 0 0;font-size:12px}.hierarchy-sheet-logo{object-fit:contain;width:auto;height:64px}.hierarchy-sheet-scroll{overflow-x:auto}.hierarchy-sheet-table{min-width:1480px}.hierarchy-sheet-table th,.hierarchy-sheet-table td{white-space:nowrap;font-size:12px}.sheet-flag-yes{color:#4ade80;font-weight:700}.sheet-flag-no{color:var(--ppd-text-dim)}.hierarchy-settings-heading{color:var(--ppd-text);margin:8px 0 6px;font-size:14px}.hierarchy-settings-add-row,.hierarchy-settings-rank-grid{gap:8px;margin-bottom:10px;display:grid}.hierarchy-settings-add-row{grid-template-columns:1fr auto}.hierarchy-settings-rank-grid{grid-template-columns:1.4fr .8fr .8fr auto}.hierarchy-settings-add-row .modal-input,.hierarchy-settings-rank-grid .modal-input{margin-bottom:0}.hierarchy-settings-list{border:1px solid var(--ppd-border);border-radius:8px;margin:0 0 16px;padding:0;list-style:none;overflow:hidden}.hierarchy-settings-list li{border-top:1px solid var(--ppd-border);color:var(--ppd-text);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:13px;display:flex}.hierarchy-settings-list li:first-child{border-top:none}@media (width<=768px){.hierarchy-settings-add-row,.hierarchy-settings-rank-grid{grid-template-columns:1fr}}.hierarchy-page-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.hierarchy-page-stats .panel-stat-box{background:var(--ppd-card);padding:16px 18px}.panel-header h2{color:var(--ppd-text);margin:0 0 6px;font-size:18px;font-weight:700}.panel-header p{color:var(--ppd-text-muted);margin:0;font-size:12px;font-style:italic}.panel-stats{border-bottom:1px solid var(--ppd-border);gap:12px;padding:16px 24px;display:flex}.panel-stat-box{border:1px solid var(--ppd-border);text-align:center;background:#ffffff08;border-radius:8px;flex:1;padding:12px 16px}.panel-stat-box .value{color:var(--ppd-text);font-size:22px;font-weight:700}.panel-stat-box .label{color:var(--ppd-text-muted);margin-top:2px;font-size:11px}.panel-error{color:var(--ppd-red);border-bottom:1px solid var(--ppd-border);padding:10px 24px;font-size:12px}.panel-warning{color:#fbbf24;border-bottom:1px solid var(--ppd-border);background:#fbbf2414;padding:10px 24px;font-size:12px}.rank-sections{flex-direction:column;display:flex}.rank-block{border-bottom:1px solid var(--ppd-border)}.rank-block:last-child{border-bottom:none}.section-header{border-bottom:1px solid var(--ppd-border);background:#3b9eff0f;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.section-header h3{color:var(--ppd-blue);letter-spacing:.3px;margin:0;font-size:14px;font-weight:700}.section-count{color:var(--ppd-text-muted);font-size:12px;font-weight:600}.data-table{border-collapse:collapse;width:100%}.hierarchy-grid-table{table-layout:fixed}.hierarchy-grid-table .col-batch{width:12%}.hierarchy-grid-table .col-rank-label{width:22%}.hierarchy-grid-table .col-name{width:20%}.hierarchy-grid-table .col-unit{width:12%}.hierarchy-grid-table .col-date{width:16%}.hierarchy-grid-table .col-actions{width:18%}.hierarchy-grid-table thead th{color:var(--ppd-text-dim);letter-spacing:.8px;text-align:left;border:1px solid var(--ppd-border);background:#00000040;padding:8px 10px;font-size:10px;font-weight:700}.hierarchy-grid-table tbody td{color:var(--ppd-text-muted);border:1px solid var(--ppd-border);vertical-align:middle;height:44px;padding:12px 10px;font-size:12px}.hierarchy-grid-table .rank-label-cell{vertical-align:middle;border-right:1px solid var(--ppd-border);background:#080e1ce6;min-height:44px}.hierarchy-grid-table .rank-label-cell .hierarchy-cell-text{color:#e8eef8;font-weight:700}.hierarchy-grid-table .hierarchy-cell-text{color:#c8d2e0;font-size:12px;font-weight:var(--ppd-type-weight);letter-spacing:var(--ppd-type-spacing);text-transform:uppercase;line-height:1.35;display:inline-block}.batch-code{font-variant-numeric:tabular-nums;text-align:left;padding-left:10px!important}.name-cell{padding-left:10px!important}.date-cell{text-align:left;padding-left:10px!important}.rank-label-cell{font-weight:600;padding-left:10px!important}.actions-cell{align-items:center;gap:8px;display:flex;padding:8px 10px!important}.row-btn{cursor:pointer;border:1px solid var(--ppd-border);color:var(--ppd-blue);white-space:nowrap;background:#3b9eff1f;border-radius:6px;padding:6px 14px;font-size:11px;font-weight:600;transition:background .15s,border-color .15s}.row-btn:hover{border-color:var(--ppd-blue-glow);background:#3b9eff38}.row-btn-secondary{color:var(--ppd-text-muted);background:#ffffff0a}.row-btn-secondary:hover{color:var(--ppd-text);border-color:var(--ppd-border);background:#ffffff14}.row-btn:disabled{opacity:.4;cursor:not-allowed}.row-btn:disabled:hover{color:var(--ppd-text-muted);border-color:var(--ppd-border);background:#ffffff0a}.modal-overlay{z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.panel-header-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-action-btn{cursor:pointer;background:var(--ppd-blue);color:#fff;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;padding:9px 18px;font-size:13px;font-weight:600}.panel-action-btn:hover{background:#2d8ae6}.officers-panel .officer-list,.officers-panel .officer-detail-content,.officers-panel .officer-edit-section,.officers-panel .officer-edit-records-list{scrollbar-width:thin;scrollbar-color:var(--ppd-officer-scrollbar-thumb) var(--ppd-officer-scrollbar-track)}.officers-panel .officer-list::-webkit-scrollbar{width:var(--ppd-officer-scrollbar-size);height:var(--ppd-officer-scrollbar-size)}.officers-panel .officer-detail-content::-webkit-scrollbar{width:var(--ppd-officer-scrollbar-size);height:var(--ppd-officer-scrollbar-size)}.officers-panel .officer-edit-section::-webkit-scrollbar{width:var(--ppd-officer-scrollbar-size);height:var(--ppd-officer-scrollbar-size)}.officers-panel .officer-edit-records-list::-webkit-scrollbar{width:var(--ppd-officer-scrollbar-size);height:var(--ppd-officer-scrollbar-size)}.officers-panel .officer-list::-webkit-scrollbar-track{background:var(--ppd-officer-scrollbar-track)}.officers-panel .officer-detail-content::-webkit-scrollbar-track{background:var(--ppd-officer-scrollbar-track)}.officers-panel .officer-edit-section::-webkit-scrollbar-track{background:var(--ppd-officer-scrollbar-track)}.officers-panel .officer-edit-records-list::-webkit-scrollbar-track{background:var(--ppd-officer-scrollbar-track)}.officers-panel .officer-list::-webkit-scrollbar-thumb{background:var(--ppd-officer-scrollbar-thumb);border:none;border-radius:999px}.officers-panel .officer-detail-content::-webkit-scrollbar-thumb{background:var(--ppd-officer-scrollbar-thumb);border:none;border-radius:999px}.officers-panel .officer-edit-section::-webkit-scrollbar-thumb{background:var(--ppd-officer-scrollbar-thumb);border:none;border-radius:999px}.officers-panel .officer-edit-records-list::-webkit-scrollbar-thumb{background:var(--ppd-officer-scrollbar-thumb);border:none;border-radius:999px}.officers-panel .officer-list::-webkit-scrollbar-thumb:hover{background:var(--ppd-officer-scrollbar-thumb-hover)}.officers-panel .officer-detail-content::-webkit-scrollbar-thumb:hover{background:var(--ppd-officer-scrollbar-thumb-hover)}.officers-panel .officer-edit-section::-webkit-scrollbar-thumb:hover{background:var(--ppd-officer-scrollbar-thumb-hover)}.officers-panel .officer-edit-records-list::-webkit-scrollbar-thumb:hover{background:var(--ppd-officer-scrollbar-thumb-hover)}.officers-panel .officer-list::-webkit-scrollbar-thumb:active{background:var(--ppd-officer-scrollbar-thumb-active)}.officers-panel .officer-detail-content::-webkit-scrollbar-thumb:active{background:var(--ppd-officer-scrollbar-thumb-active)}.officers-panel .officer-edit-section::-webkit-scrollbar-thumb:active{background:var(--ppd-officer-scrollbar-thumb-active)}.officers-panel .officer-edit-records-list::-webkit-scrollbar-thumb:active{background:var(--ppd-officer-scrollbar-thumb-active)}.officers-panel{flex-direction:column;height:100%;padding:0;display:flex;overflow:hidden}.officers-split{flex:1;grid-template-columns:320px 1fr;height:100%;min-height:0;display:grid}.officer-accounts-list{border-right:1px solid var(--ppd-border);background:#00000026;flex-direction:column;min-height:0;display:flex;overflow:hidden}.officer-accounts-header{justify-content:space-between;align-items:center;gap:10px;padding:16px 16px 12px;display:flex}.officer-accounts-header h2{color:var(--ppd-text);margin:0;font-size:15px;font-weight:700}.add-officer-btn,.officer-add-btn{border:1px solid var(--ppd-blue);background:var(--ppd-blue);color:#fff;font-size:13px;font-weight:600;font-family:var(--ppd-font);cursor:pointer;white-space:nowrap;border-radius:8px;padding:9px 18px;transition:background .15s,border-color .15s}.add-officer-btn:hover,.officer-add-btn:hover{background:#2d8ae6;border-color:#2d8ae6}.add-officer-btn:disabled,.officer-add-btn:disabled{opacity:.55;cursor:not-allowed}.officer-filter-tabs{gap:8px;padding:0 16px 12px;display:flex}.filter-tab{border:1px solid var(--ppd-border);color:var(--ppd-text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600}.filter-tab.active{background:var(--ppd-blue-dim);border-color:var(--ppd-blue-glow);color:var(--ppd-blue)}.officer-search-wrap{padding:0 16px 12px}.officer-search{border:1px solid var(--ppd-border);width:100%;color:var(--ppd-text);font-size:13px;font-family:var(--ppd-font);box-sizing:border-box;background:#0a101a;border-radius:8px;padding:9px 12px}.officer-search:focus{border-color:var(--ppd-blue);outline:none}.officer-list{flex:1;padding:0 8px 12px;overflow-y:auto}.officer-list-empty{color:var(--ppd-text-dim);text-align:center;padding:20px 12px;font-size:12px}.officer-list-item{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;gap:2px;width:100%;margin-bottom:4px;padding:10px 12px;display:flex}.officer-list-item:hover{background:#ffffff0a}.officer-list-item.selected{background:var(--ppd-blue-dim);border-color:var(--ppd-blue-glow)}.officer-list-title{color:var(--ppd-text);font-size:13px;font-weight:600}.officer-list-sub{color:var(--ppd-text-dim);font-size:11px}.officer-detail-panel{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.officer-detail-empty{color:var(--ppd-text-dim);justify-content:center;align-items:center;font-size:13px}.officer-detail-header{border-bottom:1px solid var(--ppd-border);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.officer-detail-identity{align-items:flex-start;gap:14px;display:flex}.officer-detail-avatar{background:var(--ppd-blue-dim);border:2px solid var(--ppd-blue);width:44px;height:44px;color:var(--ppd-blue);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.officer-detail-identity h3{color:var(--ppd-text);margin:0 0 4px;font-size:16px;font-weight:700}.officer-detail-login{color:var(--ppd-text-muted);margin:0 0 8px;font-size:12px}.trainer-badge{color:#c084fc;background:#a855f733;border-radius:4px;margin-left:8px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-block}.officer-detail-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.detail-action-btn{cursor:pointer;border:1px solid var(--ppd-border);color:var(--ppd-text-muted);background:#ffffff0a;border-radius:6px;padding:7px 14px;font-size:12px;font-weight:600}.detail-action-btn:hover{color:var(--ppd-text);background:#ffffff14}.detail-action-danger{color:#f87171;border-color:#ef444466}.detail-action-danger:hover{background:#ef444426}.detail-action-edit{color:var(--ppd-blue);border-color:#3b82f673}.detail-action-edit:hover,.detail-action-edit.active{background:var(--ppd-blue-dim);color:var(--ppd-blue);border-color:var(--ppd-blue)}.officer-edit-layout{flex:1;grid-template-columns:minmax(280px,1fr) minmax(320px,1.2fr);align-items:stretch;gap:18px;height:100%;min-height:0;display:grid}.officer-edit-section{border:1px solid var(--ppd-border);background:#ffffff05;border-radius:12px;flex-direction:column;gap:12px;min-height:0;padding:18px;display:flex;overflow:hidden}form.officer-edit-section{overflow:hidden auto}.officer-edit-section-title{color:var(--ppd-text);margin:0;font-size:14px;font-weight:700}.officer-edit-section-desc{color:var(--ppd-text-dim);margin:-4px 0 4px;font-size:12px;line-height:1.45}.officer-edit-records-list{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex;overflow-y:auto}.officer-edit-record-row{border:1px solid var(--ppd-border);background:#ffffff08;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px;display:flex}.officer-edit-record-main{gap:10px;min-width:0;display:flex}.officer-edit-record-type{letter-spacing:.3px;text-transform:uppercase;border-radius:4px;flex-shrink:0;align-self:flex-start;padding:4px 8px;font-size:10px;font-weight:700}.officer-edit-record-type.type-fir{color:#60a5fa;background:#3b82f62e}.officer-edit-record-type.type-mugshot{color:#c084fc;background:#a855f72e}.officer-edit-record-type.type-impound{color:#fbbf24;background:#f59e0b2e}.officer-edit-record-title{color:var(--ppd-text);margin-bottom:2px;font-size:13px;font-weight:700}.officer-edit-record-sub{color:var(--ppd-text-muted);margin-bottom:6px;font-size:12px}.officer-edit-record-meta{color:var(--ppd-text-dim);flex-wrap:wrap;gap:8px 14px;font-size:11px;display:flex}.officer-edit-record-delete{color:#f87171;cursor:pointer;background:0 0;border:1px solid #ef444459;border-radius:6px;flex-shrink:0;padding:6px 12px;font-size:11px;font-weight:600}.officer-edit-record-delete:hover:not(:disabled){background:#ef44441f}.officer-edit-record-delete:disabled{opacity:.5;cursor:default}@media (width<=900px){.officer-edit-layout{grid-template-columns:1fr}}.officer-detail-tabs{border-bottom:1px solid var(--ppd-border);gap:4px;padding:12px 24px 0;display:flex}.detail-tab{color:var(--ppd-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:13px;font-weight:600}.detail-tab.active{color:var(--ppd-blue);border-bottom-color:var(--ppd-blue)}.officer-detail-content{flex:1;min-height:0;padding:20px 24px 24px;overflow-y:auto}.officer-detail-content:has(.officer-edit-layout){flex-direction:column;display:flex;overflow:hidden}.attendance-week-nav{color:var(--ppd-text);align-items:center;gap:10px;margin-bottom:16px;font-size:13px;font-weight:600;display:flex}.week-nav-btn,.week-today-btn{border:1px solid var(--ppd-border);color:var(--ppd-text-muted);cursor:pointer;background:#ffffff0a;border-radius:6px;padding:5px 10px;font-size:12px}.week-today-btn{margin-left:4px}.week-today-btn-primary{background:var(--ppd-blue);border-color:var(--ppd-blue);color:#fff;font-weight:700}.week-today-btn-primary:hover:not(:disabled){background:#2d8ae6}.week-today-btn-primary:disabled{opacity:.45;cursor:default}.attendance-week-grid{grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:16px;display:grid}.attendance-day{text-align:center;border:1px solid var(--ppd-border);border-radius:8px;padding:12px 8px}.attendance-day.present{background:#22c55e1f;border-color:#22c55e4d}.attendance-day.absent{background:#ef444414;border-color:#ef444433}.attendance-day-label{color:var(--ppd-text-dim);margin-bottom:6px;font-size:10px;font-weight:700;display:block}.attendance-day-time{color:var(--ppd-text);font-size:12px;font-weight:600}.attendance-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.attendance-stat{text-align:center;border:1px solid var(--ppd-border);border-radius:8px;padding:12px}.attendance-stat .stat-num{font-size:22px;font-weight:700;display:block}.attendance-stat .stat-label{color:var(--ppd-text-muted);font-size:11px}.present-stat .stat-num{color:#4ade80}.absent-stat .stat-num{color:#f87171}.late-stat .stat-num{color:#fbbf24}.dayoff-stat .stat-num{color:var(--ppd-blue)}.attendance-total{border:1px solid var(--ppd-blue-glow);text-align:center;background:var(--ppd-blue-dim);border-radius:8px;padding:14px}.attendance-total span{color:var(--ppd-blue);font-size:20px;font-weight:700;display:block}.attendance-total small{color:var(--ppd-text-muted);letter-spacing:.5px;font-size:10px}.user-details-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.detail-field{border:1px solid var(--ppd-border);background:#ffffff08;border-radius:8px;padding:14px}.detail-field-label{font-size:var(--ppd-type-size-sm);color:var(--ppd-text-dim);margin-bottom:4px;display:block}.detail-field-value{color:var(--ppd-text);font-size:13px;font-weight:600}.detail-tab-placeholder{text-align:center;color:var(--ppd-text-dim);padding:40px 20px;font-size:13px}@media (width<=900px){.officers-split{grid-template-columns:1fr}.officer-accounts-list{border-right:none;border-bottom:1px solid var(--ppd-border);max-height:320px}}.status-badge{font-size:var(--ppd-type-size-sm);font-weight:var(--ppd-type-weight);letter-spacing:var(--ppd-type-spacing);text-transform:uppercase;border:1px solid #0000;border-radius:999px;align-items:center;padding:4px 12px;display:inline-flex}.status-active{color:#4ade80;background:#22c55e33}.status-inactive{color:#f87171;background:#ef444433}.modal-card{border:1px solid var(--ppd-border);background:#0f1624;border-radius:12px;width:100%;max-width:480px;box-shadow:0 20px 50px #00000080}.modal-header{justify-content:space-between;align-items:center;padding:18px 20px 0;display:flex}.modal-header h3{color:var(--ppd-text);margin:0;font-size:18px;font-weight:700}.modal-close{color:var(--ppd-text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:24px;line-height:1}.modal-close:hover{color:var(--ppd-text)}.modal-card form{padding:14px 20px 20px}.modal-description{color:var(--ppd-text-muted);margin:0 0 18px;font-size:13px;line-height:1.5}.modal-description strong{color:var(--ppd-text);font-weight:600}.modal-label{font-size:var(--ppd-type-size);color:var(--ppd-text-muted);margin-bottom:8px;display:block}.modal-select{border:1px solid var(--ppd-border);width:100%;color:var(--ppd-text);font-size:13px;font-family:var(--ppd-font);background:#0a101a;border-radius:8px;margin-bottom:12px;padding:10px 12px}.modal-select:focus{border-color:var(--ppd-blue);outline:none}.modal-input{border:1px solid var(--ppd-border);width:100%;color:var(--ppd-text);font-size:13px;font-family:var(--ppd-font);box-sizing:border-box;background:#0a101a;border-radius:8px;margin-bottom:12px;padding:10px 12px}.modal-input:focus{border-color:var(--ppd-blue);outline:none}.modal-error{color:var(--ppd-red);margin:0 0 12px;font-size:12px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.modal-btn{cursor:pointer;border:1px solid var(--ppd-border);border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600}.modal-btn-cancel{color:var(--ppd-text-muted);background:0 0}.modal-btn-cancel:hover{color:var(--ppd-text);background:#ffffff0d}.modal-btn-primary{background:var(--ppd-blue);border-color:var(--ppd-blue);color:#fff}.modal-btn-primary:hover{background:#2d8ae6}.modal-btn-danger{color:#f87171;background:0 0;border:1px solid #ef44448c}.modal-btn-danger:hover{background:#ef44441f}.confirm-modal-overlay{z-index:1100}.confirm-modal-card{max-width:420px}.confirm-modal-body{padding:14px 20px 20px}.confirm-modal-body .modal-description{white-space:pre-line}.hierarchy-edit-actions{justify-content:space-between;align-items:center;gap:12px}.hierarchy-edit-actions-main{gap:10px;margin-left:auto;display:flex}.modal-card-wide{max-width:520px}.modal-password-wrap{margin-bottom:12px;position:relative}.modal-input-password{margin-bottom:0;padding-right:42px}.password-toggle{cursor:pointer;opacity:.7;background:0 0;border:none;padding:4px;font-size:14px;line-height:1;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-toggle:hover{opacity:1}.data-table .empty-row td{text-align:center;color:var(--ppd-text-dim);padding:24px;font-style:italic}.admin-members-panel .panel-header-row{border-bottom:1px solid var(--ppd-border);padding:20px 24px 16px}.admin-form{border-bottom:1px solid var(--ppd-border);flex-direction:column;gap:14px;padding:20px 24px;display:flex}.admin-field{flex-direction:column;gap:8px;display:flex}.admin-field span{color:var(--ppd-text-muted);font-size:12px;font-weight:600}.admin-input{border:1px solid var(--ppd-border);width:100%;color:var(--ppd-text);font-size:13px;font-family:var(--ppd-font);box-sizing:border-box;background:#0a101a;border-radius:8px;padding:11px 14px}.admin-input:focus{border-color:var(--ppd-blue);outline:none}.admin-input::placeholder{color:var(--ppd-text-dim)}.admin-sections-label{color:var(--ppd-text-muted);margin-top:4px;font-size:12px;font-weight:600}.admin-sections-grid{flex-wrap:wrap;gap:14px 18px;padding:8px 0 4px;display:flex}.admin-section-chip{cursor:pointer;width:72px;color:var(--ppd-text-muted);background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;padding:0;display:flex;position:relative}.admin-section-check{border:1px solid var(--ppd-border);color:#fff;background:#0a101a;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-2px;right:8px}.admin-section-chip.checked .admin-section-check{background:var(--ppd-blue);border-color:var(--ppd-blue)}.admin-section-icon{border:1px solid var(--ppd-border);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .15s;display:flex}.admin-section-icon svg{opacity:.75;width:22px;height:22px}.admin-section-chip.checked .admin-section-icon{border-color:var(--ppd-blue-glow);background:var(--ppd-blue-dim);color:var(--ppd-blue)}.admin-section-chip.checked .admin-section-icon svg{opacity:1;color:var(--ppd-blue)}.admin-section-name{text-align:center;font-size:11px;font-weight:500;line-height:1.2}.admin-section-chip.checked .admin-section-name{color:var(--ppd-text)}.admin-form-error{color:var(--ppd-red);margin:0;font-size:12px}.admin-form-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.admin-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600}.admin-btn-cancel{border-color:var(--ppd-border);color:var(--ppd-text-muted);background:0 0}.admin-btn-cancel:hover{color:var(--ppd-text);background:#ffffff0d}.admin-btn-save{background:var(--ppd-blue);color:#fff}.admin-btn-save:hover{background:#2d8ae6}.admin-btn:disabled{opacity:.6;cursor:not-allowed}.admin-list{padding:8px 16px 16px}.admin-list-item{border:1px solid var(--ppd-border);background:#ffffff05;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;padding:14px 16px;display:flex}.admin-list-info{flex:1;min-width:0}.admin-list-name{color:var(--ppd-text);font-size:14px;font-weight:700}.admin-list-sub{color:var(--ppd-text-dim);margin-top:2px;font-size:12px}.admin-list-sections{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.admin-list-section-tag{letter-spacing:.03em;border:1px solid var(--ppd-border);background:var(--ppd-blue-dim);color:var(--ppd-blue);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:600}.admin-list-actions{flex-shrink:0;gap:8px;display:flex}.admin-list-btn{cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;display:flex}.admin-list-btn.edit{border:1px solid var(--ppd-border);color:var(--ppd-text-muted)}.admin-list-btn.edit:hover{color:var(--ppd-text);background:#ffffff0d}.admin-list-btn.delete{color:var(--ppd-red);border:1px solid #ef444459}.admin-list-btn.delete:hover{background:#ef44441a}.admin-list-btn:disabled{opacity:.5;cursor:not-allowed}.placeholder-page{background:var(--ppd-card);border:1px solid var(--ppd-border);border-radius:var(--ppd-radius);text-align:center;padding:60px 40px}.officer-home-page{flex-direction:column;gap:28px;display:flex}.officer-home-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:20px;display:grid}.officer-home-sidebar{flex-direction:column;gap:12px;display:flex;position:sticky;top:12px}.officer-home-stat-card{border-radius:var(--ppd-radius);background:var(--ppd-card);border:1px solid var(--ppd-border);align-items:center;gap:14px;padding:16px;display:flex}.officer-home-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.officer-home-stat-icon svg{width:22px;height:22px}.officer-home-stat-icon.yellow{color:var(--ppd-yellow);background:#f59e0b1f}.officer-home-stat-icon.orange{color:var(--ppd-orange);background:#f973161f}.officer-home-stat-icon.red{color:var(--ppd-red);background:#ef44441f}.officer-home-stat-icon.blue{background:var(--ppd-blue-dim);color:var(--ppd-blue)}.officer-home-stat-value{color:var(--ppd-text);font-size:22px;font-weight:700;line-height:1.1}.officer-home-stat-label{color:var(--ppd-text-muted);margin-top:2px;font-size:12px;font-weight:600}.officer-home-stat-sub{color:var(--ppd-text-dim);margin-top:2px;font-size:10px}.officer-home-main{flex-direction:column;gap:28px;min-width:0;display:flex}.officer-home-welcome{border-radius:var(--ppd-radius);background:var(--ppd-card);border:1px solid var(--ppd-border);justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px;display:flex}.officer-home-welcome-label{color:var(--ppd-text-muted);margin-bottom:4px;font-size:12px}.officer-home-welcome h2{color:var(--ppd-text);margin:0;font-size:24px;font-weight:700}.officer-home-welcome-sub{color:var(--ppd-text-dim);letter-spacing:.04em;margin:6px 0 0;font-size:12px}.officer-home-self-stats{flex-wrap:wrap;gap:12px;display:flex}.officer-home-self-stat{border:1px solid var(--ppd-border);background:#ffffff08;border-radius:8px;flex-direction:column;align-items:center;min-width:88px;padding:12px 16px;display:flex}.officer-home-self-value{color:var(--ppd-blue);font-size:18px;font-weight:700}.officer-home-self-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ppd-text-dim);margin-top:4px;font-size:10px;font-weight:600}.officer-home-section{flex-direction:column;gap:20px;display:flex}.officer-home-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--ppd-text-muted);margin:0;font-size:13px;font-weight:700}.officer-podium{grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:16px;display:grid}.officer-podium-card{text-align:center;border-radius:var(--ppd-radius);background:#030405;border:1px solid #ffffff12;flex-direction:column;align-items:center;min-height:210px;padding:22px 16px 18px;display:flex;box-shadow:inset 0 1px #ffffff08}.officer-podium-first{min-height:236px;transform:translateY(-10px)}.officer-podium-gold{border-color:#fbbf2473;box-shadow:inset 0 1px #ffffff0a,0 0 24px #fbbf241f}.officer-podium-silver{border-color:#60a5fa6b;box-shadow:inset 0 1px #ffffff0a,0 0 20px #60a5fa1a}.officer-podium-bronze{border-color:#fb923c6b;box-shadow:inset 0 1px #ffffff0a,0 0 20px #fb923c1a}.officer-podium-icon{filter:drop-shadow(0 0 8px);width:32px;height:32px;margin-bottom:14px}.officer-podium-gold .officer-podium-icon{color:#fbbf24}.officer-podium-silver .officer-podium-icon{color:#60a5fa}.officer-podium-bronze .officer-podium-icon{color:#fb923c}.officer-podium-icon svg{width:100%;height:100%}.officer-podium-avatar{border:1px solid var(--ppd-border);width:52px;height:52px;color:var(--ppd-text-muted);background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;font-size:20px;font-weight:700;display:flex}.officer-podium-gold .officer-podium-avatar{color:#fbbf24;background:#fbbf241f;border-color:#fbbf2466;width:60px;height:60px;font-size:22px}.officer-podium-silver .officer-podium-avatar{color:#60a5fa;background:#60a5fa1f;border-color:#60a5fa61}.officer-podium-bronze .officer-podium-avatar{color:#fb923c;background:#fb923c1f;border-color:#fb923c61}.officer-podium-name-badge{color:#fff;word-break:break-word;background:#3b9eff2e;border:1px solid #3b9eff59;border-radius:6px;max-width:100%;margin-bottom:10px;padding:6px 12px;font-size:12px;font-weight:700;line-height:1.35;display:inline-block}.officer-podium-hours{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.officer-podium-gold .officer-podium-hours{color:#fbbf24}.officer-podium-silver .officer-podium-hours{color:#60a5fa}.officer-podium-bronze .officer-podium-hours{color:#fb923c}.officer-podium-count-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ppd-text-dim);margin-top:4px;font-size:11px;font-weight:600}.officer-podium-empty{opacity:.6}.officer-category-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.officer-category-tab{border:1px solid var(--ppd-border);color:var(--ppd-text-muted);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#ffffff08;border-radius:999px;padding:8px 16px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s,color .15s}.officer-category-tab-impound.active{color:#fb923c;background:#f973162e;border-color:#f9731673}.officer-category-tab-fir.active{color:#f87171;background:#ef444429;border-color:#ef44446b}.officer-category-tab-mugshots.active{color:#fbbf24;background:#fbbf2429;border-color:#fbbf246b}.officer-category-tab-attendance.active{color:#4ade80;background:#22c55e29;border-color:#22c55e6b}.officer-category-tab-operations.active{color:#e4c36a;background:#d4af3729;border-color:#d4af3773}.officer-rankings-summary{color:var(--ppd-text-dim);white-space:nowrap;font-size:12px;font-weight:600}.officer-rankings-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.officer-week-tabs{gap:8px;display:flex}.officer-week-tab{border:1px solid var(--ppd-border);color:var(--ppd-text-muted);cursor:pointer;background:#ffffff08;border-radius:999px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .15s}.officer-week-tab.active{color:var(--ppd-gold);background:#d4a0171f;border-color:#d4a01773}.officer-rankings-panel{background:var(--ppd-card);border:1px solid var(--ppd-border);border-radius:var(--ppd-radius);overflow:hidden}.officer-rankings-panel .officer-list-empty{margin:0;padding:24px 18px}.officer-ranking-row{border-bottom:1px solid var(--ppd-border);background:0 0;grid-template-columns:36px 40px 1fr auto;align-items:center;gap:14px;padding:14px 20px;display:grid}.officer-ranking-row:last-child{border-bottom:none}.officer-ranking-row.is-self{background:#3b9eff0f}.officer-ranking-num{text-align:center;font-size:20px;font-weight:700}.officer-ranking-num.tone-gold{color:#fbbf24}.officer-ranking-num.tone-silver{color:#60a5fa}.officer-ranking-num.tone-bronze{color:#fb923c}.officer-ranking-num.tone-blue{color:var(--ppd-blue)}.officer-ranking-avatar{border:1px solid var(--ppd-border);width:36px;height:36px;color:var(--ppd-text-muted);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.officer-ranking-avatar.tone-gold{color:#fbbf24;background:#fbbf241f;border-color:#fbbf2452}.officer-ranking-avatar.tone-silver{color:#60a5fa;background:#60a5fa1f;border-color:#60a5fa52}.officer-ranking-avatar.tone-bronze{color:#fb923c;background:#fb923c1f;border-color:#fb923c52}.officer-ranking-avatar.tone-blue{background:var(--ppd-blue-dim);color:var(--ppd-blue);border-color:#3b9eff4d}.officer-ranking-name{color:var(--ppd-text);font-size:14px;font-weight:700}.officer-ranking-hours{font-variant-numeric:tabular-nums;text-align:right;min-width:72px;font-size:15px;font-weight:700}.officer-ranking-hours.tone-gold{color:#fbbf24}.officer-ranking-hours.tone-silver{color:#60a5fa}.officer-ranking-hours.tone-bronze{color:#fb923c}.officer-ranking-hours.tone-blue{color:var(--ppd-blue)}.content-area:has(.total-hours-page){flex:1;justify-content:center;align-items:center;display:flex}.total-hours-page{flex-direction:column;align-items:center;width:100%;max-width:560px;margin:0 auto;display:flex}.total-hours-card{text-align:center;width:100%;padding:0 20px}.total-hours-title{letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(32px,6vw,42px);font-weight:800;line-height:1.1}.total-hours-title-white{color:#fff}.total-hours-title-gold{color:var(--ppd-gold);text-shadow:0 0 28px #d4a01773}.total-hours-sub{color:#ffffffbf;margin:0 0 22px;font-size:13px;font-weight:500}.total-hours-duty-panel{cursor:text;text-align:left;background:#071020eb;border:1px solid #3b9eff38;border-radius:12px;width:100%;min-height:88px;padding:18px 16px 16px;position:relative}.total-hours-paste-guide{pointer-events:none;opacity:.55;position:absolute;inset:18px 16px 16px}.total-hours-paste-box{z-index:1;color:#ffffffeb;width:100%;min-height:52px;font-family:var(--ppd-font);resize:none;caret-color:var(--ppd-gold);background:0 0;border:none;outline:none;padding:0;font-size:13px;font-weight:500;line-height:1.65;display:block;position:relative}.total-hours-paste-box:focus{outline:none}.total-hours-duty-panel:focus-within{border-color:#d4a01773;box-shadow:0 0 0 2px #d4a0171f}.total-hours-duty-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;line-height:1.5;display:flex}.total-hours-duty-row:last-child{margin-bottom:0}.total-hours-duty-icon{width:22px;height:22px;color:var(--ppd-gold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.total-hours-duty-icon svg{width:18px;height:18px}.total-hours-duty-label{color:#fff;flex-shrink:0;font-weight:700}.total-hours-duty-colon{color:#ffffff80}.total-hours-duty-value{color:#ffffffe0;word-break:break-word;font-weight:500}.total-hours-error{color:var(--ppd-red);text-align:center;margin:12px 0 0;font-size:12px}.total-hours-calculated-block{text-align:center;margin-top:24px}.total-hours-calculated-divider{color:var(--ppd-gold);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:12px;margin-bottom:12px;font-size:10px;font-weight:700;display:flex}.total-hours-calculated-divider:before,.total-hours-calculated-divider:after{content:"";background:linear-gradient(90deg,#0000,#d4a0178c,#0000);flex:1;height:1px}.total-hours-calculated-value{color:var(--ppd-gold);text-shadow:0 0 32px #d4a01780;font-size:clamp(36px,8vw,48px);font-weight:800;line-height:1.1}.total-hours-calc-btn{border:2px solid var(--ppd-gold);width:100%;color:var(--ppd-gold);font-size:16px;font-weight:700;font-family:var(--ppd-font);cursor:pointer;background:#0000008c;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin-top:24px;padding:14px 22px;transition:background .15s,box-shadow .15s;display:flex;box-shadow:0 0 20px #d4a01714}.total-hours-calc-btn svg:first-child{flex-shrink:0;width:20px;height:20px}.total-hours-calc-btn svg:last-child{opacity:.85;width:18px;height:18px;margin-left:auto}.total-hours-calc-btn span{text-align:center;flex:1}.total-hours-calc-btn:hover{background:#d4a0171a;box-shadow:0 0 28px #d4a01726}.placeholder-page h2{color:var(--ppd-text);margin:0 0 8px;font-size:20px;font-weight:700}.placeholder-page p{color:var(--ppd-text-muted);margin:0;font-size:13px}@media (width<=1100px){.stats-row{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sidebar{display:none}.main{margin-left:0}.stats-row{grid-template-columns:1fr;padding:20px 16px 8px}.content-area{padding:20px 16px 24px}.stats-row+.content-area{padding-top:16px}.hierarchy-page-stats{grid-template-columns:1fr}.hero-header{min-height:0}.hero-content{flex-direction:column;align-items:flex-start;gap:12px;min-height:0;padding:14px 20px}.hero-left h1,.hero-content h1{white-space:normal;font-size:clamp(26px,8vw,36px)}.hero-right{justify-content:space-between;width:100%;min-width:0}.hero-right:before{display:none}.officer-home-layout{grid-template-columns:1fr}.officer-home-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:static}.officer-home-welcome{flex-direction:column}.officer-podium{grid-template-columns:1fr}.officer-podium-first{order:-1;transform:none}.officer-ranking-row{grid-template-columns:32px 36px 1fr auto;gap:10px;padding:12px 14px}}.impound-page{flex-direction:column;gap:24px;display:flex}.impound-stats-row{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.impound-stat-card{background:var(--ppd-card);border:1px solid var(--ppd-border);border-radius:var(--ppd-radius);flex-direction:column;gap:4px;padding:16px 18px;display:flex}.impound-stat-value{color:var(--ppd-blue);font-size:22px;font-weight:700;line-height:1.2}.impound-stat-label{color:var(--ppd-text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600}.impound-paste-card{background:var(--ppd-card);border:1px solid var(--ppd-border);border-radius:var(--ppd-radius);padding:18px 20px}.paste-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.paste-card-header h3,.impound-paste-card h3,.record-paste-card h3,.attendance-paste-card h3{margin:0;font-size:16px;font-weight:700}.view-format-btn{border:1px solid var(--ppd-border);color:var(--ppd-blue);cursor:pointer;background:#3b9eff1f;border-radius:8px;flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s}.view-format-btn:hover{border-color:var(--ppd-blue-glow);background:#3b9eff38}.paste-format-overlay{padding:24px 16px}.paste-format-modal{background:linear-gradient(#0f1728 0%,#0a101a 100%);border:1px solid #3b9eff52;width:min(520px,92vw);max-width:none;box-shadow:0 20px 50px #00000080,0 0 0 1px #3b9eff14}.paste-format-modal-header{align-items:flex-start;padding-bottom:2px}.paste-format-modal-subtitle{color:var(--ppd-text-muted);margin:4px 0 0;font-size:11px}.paste-format-modal-body{padding-top:4px}.paste-format-sample{color:#c8d8ec;font-size:12px;font-family:var(--ppd-font);white-space:pre-wrap;background:linear-gradient(#3b9eff1f 0%,#3b9eff0d 100%);border:1px solid #3b9eff47;border-radius:10px;max-height:min(62vh,480px);margin:0;padding:14px 16px;line-height:1.55;overflow-y:auto;box-shadow:inset 0 1px #ffffff0f}.paste-format-modal-tall{width:min(580px,94vw)}.paste-format-modal-tall .paste-format-sample{max-height:none;overflow:visible}.impound-paste-hint{color:var(--ppd-text-muted);margin:0 0 12px;font-size:12px}.impound-paste-input{border:1px solid var(--ppd-border);width:100%;min-height:140px;color:var(--ppd-text);font-size:13px;font-family:var(--ppd-font);resize:vertical;background:#0a101a;border-radius:8px;padding:12px 14px;line-height:1.5}.impound-paste-input:focus{border-color:var(--ppd-blue);outline:none}.impound-parse-preview{background:var(--ppd-blue-dim);border:1px solid #3b9eff40;border-radius:8px;gap:6px;margin-top:12px;padding:12px 14px;font-size:13px;display:grid}.impound-parse-row span{color:var(--ppd-text-muted);margin-right:8px}.impound-parse-error{color:#fca5a5;font-size:12px;font-family:var(--ppd-font);white-space:pre-wrap;background:#ef444414;border:1px solid #ef444459;border-radius:8px;margin:12px 0 0;padding:12px 14px}.impound-paste-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.impound-split{background:var(--ppd-card);border:1px solid var(--ppd-border);border-radius:var(--ppd-radius);grid-template-columns:minmax(280px,360px) 1fr;gap:0;min-height:480px;display:grid;overflow:hidden}.impound-list-panel{border-right:1px solid var(--ppd-border);flex-direction:column;min-height:0;display:flex}.impound-list-header{justify-content:space-between;align-items:center;padding:16px 16px 10px;display:flex}.impound-list-header h2{margin:0;font-size:15px;font-weight:700}.impound-list-count{color:var(--ppd-text-dim);border:1px solid var(--ppd-border);background:#ffffff0a;border-radius:999px;padding:2px 8px;font-size:12px}.impound-search-wrap{padding:0 16px 10px}.impound-filter-tabs{flex-wrap:wrap;gap:6px;padding:0 16px 10px;display:flex}.impound-officer-filter{padding:0 16px 12px}.impound-officer-select{margin-bottom:0}.impound-record-list{flex:1;padding:0 10px 12px;overflow-y:auto}.impound-record-item{text-align:left;border:1px solid var(--ppd-border);cursor:pointer;width:100%;color:var(--ppd-text);font-family:var(--ppd-font);background:#ffffff05;border-radius:10px;margin-bottom:8px;padding:12px 14px;transition:border-color .15s,background .15s}.impound-record-item:hover{background:var(--ppd-card-hover)}.impound-record-item.selected{border-color:var(--ppd-blue);background:var(--ppd-blue-dim)}.impound-record-top{align-items:center;gap:8px;margin-bottom:4px;display:flex}.impound-record-icon{font-size:16px}.impound-record-plate{flex:1;font-size:14px;font-weight:700}.impound-status-badge{font-size:var(--ppd-type-size-sm);border:1px solid #0000;border-radius:999px;align-items:center;padding:4px 12px;display:inline-flex}.impound-status-badge.active{color:#fb923c;background:#f9731633}.impound-status-badge.released{color:#4ade80;background:#22c55e26}.impound-status-badge.operation{color:#e4c36a;background:#d4af3729}.impound-status-badge.fir{color:#f87171;background:#ef444426}.impound-status-badge.mugshot{color:#fbbf24;background:#fbbf2426}.impound-status-badge.large{margin-top:6px;padding:3px 10px;font-size:11px}.impound-record-owner{color:var(--ppd-text-muted);margin-bottom:8px;font-size:13px}.impound-record-reason{color:var(--ppd-text-dim);letter-spacing:.5px;font-size:11px;font-weight:700}.impound-record-fine{color:var(--ppd-blue);margin:4px 0 8px;font-size:14px;font-weight:700}.impound-record-meta{color:var(--ppd-text-dim);justify-content:space-between;gap:8px;font-size:11px;display:flex}.impound-detail-panel{padding:20px 24px;overflow-y:auto}.impound-detail-empty{color:var(--ppd-text-dim);justify-content:center;align-items:center;font-size:13px;display:flex}.impound-detail-header{border-bottom:1px solid var(--ppd-border);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.impound-detail-code{color:var(--ppd-text);font-size:18px;font-weight:700}.impound-detail-actions{flex-wrap:wrap;gap:8px;display:flex}.impound-detail-section{margin-bottom:22px}.impound-detail-section h4{font-size:var(--ppd-type-size);color:var(--ppd-text-muted);margin:0 0 12px}.impound-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.impound-fine-value{color:var(--ppd-blue)}.impound-officer-link{color:var(--ppd-blue);font-size:inherit;font-weight:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.impound-officer-link:hover{color:#6bb8ff}.impound-officer-link.inline{font-size:inherit}.impound-officer-card{border:1px solid var(--ppd-border);background:#ffffff08;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.impound-officer-card-name{letter-spacing:.4px;font-size:14px;font-weight:700}.impound-officer-card-sub{color:var(--ppd-text-dim);margin-top:2px;font-size:12px}.modal-card-body{padding:0 20px 8px}.modal-actions-padded{padding:0 20px 20px}.officer-records-panel{padding:4px 0}.officer-records-heading{color:var(--ppd-text-muted);text-transform:uppercase;letter-spacing:.6px;margin:0 0 12px;font-size:12px;font-weight:700}.officer-records-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:20px;display:grid}.officer-record-stat{border:1px solid var(--ppd-border);text-align:center;background:#ffffff08;border-radius:8px;padding:12px 10px}.officer-record-stat.highlight{background:var(--ppd-blue-dim);border-color:#3b9eff59}.officer-record-count{color:var(--ppd-text);font-size:18px;font-weight:700;display:block}.officer-record-stat.highlight .officer-record-count{color:var(--ppd-blue)}.officer-record-label{color:var(--ppd-text-dim);text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:600;display:block}.officer-impound-summary{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;display:grid}.officer-impound-summary-item{border:1px solid var(--ppd-border);background:#ffffff08;border-radius:8px;padding:14px 16px}.officer-impound-summary-label{color:var(--ppd-text-dim);text-transform:uppercase;margin-bottom:4px;font-size:11px;display:block}.officer-impound-summary-value{color:var(--ppd-blue);font-size:18px;font-weight:700}.officer-impound-empty{color:var(--ppd-text-dim);margin:0;font-size:13px}.officer-impound-history{flex-direction:column;gap:0;display:flex}.officer-impound-history-item{text-align:left;border:none;border-top:1px solid var(--ppd-border);cursor:pointer;width:100%;color:var(--ppd-text);font-family:var(--ppd-font);background:0 0;padding:14px 0;transition:background .15s}.officer-impound-history-item:last-child{border-bottom:1px solid var(--ppd-border)}.officer-impound-history-item:hover{background:#ffffff05}.officer-impound-history-plate{color:var(--ppd-blue);margin-bottom:6px;font-size:14px;font-weight:700}.officer-impound-history-row{color:var(--ppd-text-muted);font-size:12px;line-height:1.6}@media (width<=1100px){.impound-stats-row{grid-template-columns:repeat(2,1fr)}.officer-records-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.impound-split{grid-template-columns:1fr}.impound-list-panel{border-right:none;border-bottom:1px solid var(--ppd-border);max-height:360px}.impound-detail-grid{grid-template-columns:1fr}}@media (width<=768px){.impound-stats-row{grid-template-columns:1fr}.officer-records-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.officer-impound-summary{grid-template-columns:1fr}}.record-page{flex-direction:column;gap:24px;display:flex}.record-stats-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:480px;display:grid}.record-stat-card{background:var(--ppd-card);border:1px solid var(--ppd-border);border-radius:var(--ppd-radius);padding:16px 18px}.record-stat-value{color:var(--ppd-blue);font-size:22px;font-weight:700;display:block}.record-stat-label{color:var(--ppd-text-muted);text-transform:uppercase;font-size:11px;font-weight:600}.record-paste-card{background:var(--ppd-card);border:1px solid var(--ppd-border);border-radius:var(--ppd-radius);padding:18px 20px}.record-paste-hint{color:var(--ppd-text-muted);margin:0 0 12px;font-size:12px}.record-paste-input{border:1px solid var(--ppd-border);width:100%;min-height:140px;color:var(--ppd-text);font-size:13px;font-family:var(--ppd-font);resize:vertical;background:#0a101a;border-radius:8px;padding:12px 14px;line-height:1.5}.record-paste-input:focus{border-color:var(--ppd-blue);outline:none}.record-parse-error{color:#fca5a5;white-space:pre-wrap;font-size:12px;font-family:var(--ppd-font);background:#ef444414;border:1px solid #ef444459;border-radius:8px;margin:12px 0 0;padding:12px 14px}.record-paste-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.import-preview{background:var(--ppd-blue-dim);border:1px solid #3b9eff40;border-radius:8px;margin-top:12px;padding:14px 16px}.import-preview h4{text-transform:uppercase;letter-spacing:.5px;color:var(--ppd-text-muted);margin:0 0 12px;font-size:13px}.import-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;font-size:13px;display:grid}.import-preview-grid span{color:var(--ppd-text-dim);margin-bottom:2px;font-size:11px;display:block}.status-ok{color:#4ade80}.status-warn{color:#fb923c}.import-preview-officers{border-top:1px solid var(--ppd-border);margin-top:14px;padding-top:12px}.import-preview-officer-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:13px;display:flex}.import-preview-officers-list>span{color:var(--ppd-text-dim);text-transform:uppercase;margin-bottom:8px;font-size:11px;display:block}.link-officer-btn{color:#fb923c;cursor:pointer;background:#f973161f;border:1px solid #f9731659;border-radius:6px;padding:6px 10px;font-size:12px}.link-officer-btn:hover{background:#f9731633}.record-grid-toolbar{margin-bottom:14px}.record-grid-search{max-width:420px}.record-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.record-grid-card{text-align:left;border-radius:var(--ppd-radius);border:1px solid var(--ppd-border);background:var(--ppd-card);cursor:pointer;width:100%;min-height:148px;color:var(--ppd-text);font-family:var(--ppd-font);flex-direction:column;gap:6px;padding:16px 18px;transition:border-color .15s,background .15s,transform .15s;display:flex}.record-grid-card:hover{border-color:var(--ppd-blue-glow);background:var(--ppd-card-hover);transform:translateY(-1px)}.record-grid-top{align-items:center;gap:8px;margin-bottom:2px;display:flex}.record-grid-icon{flex-shrink:0;font-size:16px;line-height:1}.record-grid-code{color:var(--ppd-blue);letter-spacing:.02em;flex:1;min-width:0;font-size:13px;font-weight:800}.record-grid-title{font-size:16px;font-weight:700;line-height:1.25}.record-grid-sub{color:var(--ppd-text-dim);letter-spacing:.5px;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.record-grid-highlight{color:var(--ppd-blue);margin-top:auto;font-size:14px;font-weight:700}.record-grid-meta{color:var(--ppd-text-dim);margin-top:auto;font-size:11px}.record-grid-foot{color:var(--ppd-text-dim);border-top:1px solid #ffffff0f;padding-top:4px;font-size:11px}.record-grid-badge{letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--ppd-border);border-radius:999px;align-self:flex-start;padding:3px 8px;font-size:10px;font-weight:700}.record-grid-badge.active{color:#4ade80;background:#22c55e1a;border-color:#22c55e59}.record-grid-badge.released{color:var(--ppd-text-muted)}.record-grid-badge.operation{color:#e4c36a;background:#d4af371f;border-color:#d4af3766}.record-grid-badge.fir{color:#f87171;background:#ef44441a;border-color:#ef444459}.record-grid-badge.mugshot{color:#fbbf24;background:#fbbf241a;border-color:#fbbf2459}.record-grid-empty{text-align:center;color:var(--ppd-text-muted);background:var(--ppd-card);border:1px dashed var(--ppd-border);border-radius:var(--ppd-radius);padding:48px 24px}.record-detail-modal-overlay{padding:24px}.record-detail-modal{flex-direction:column;max-height:min(90vh,900px);display:flex;position:relative;overflow:hidden}.record-detail-modal-close{z-index:2;border:1px solid var(--ppd-border);width:32px;height:32px;color:var(--ppd-text);cursor:pointer;background:#00000059;border-radius:8px;font-size:22px;line-height:1;position:absolute;top:14px;right:14px}.record-detail-modal-body{padding:0;overflow-y:auto}.record-detail-modal-body .record-detail-panel,.record-detail-modal-body .impound-detail-panel{border:none;border-radius:0;min-height:auto}@media (width<=1100px){.record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.record-grid{grid-template-columns:1fr}}.record-split{background:var(--ppd-card);border:1px solid var(--ppd-border);border-radius:var(--ppd-radius);grid-template-columns:minmax(280px,360px) 1fr;gap:0;min-height:480px;display:grid;overflow:hidden}.record-list-panel{border-right:1px solid var(--ppd-border);flex-direction:column;min-height:0;display:flex}.record-list-header{justify-content:space-between;align-items:center;padding:16px 16px 10px;display:flex}.record-list-header h2{margin:0;font-size:15px;font-weight:700}.record-list-count{color:var(--ppd-text-dim);border:1px solid var(--ppd-border);background:#ffffff0a;border-radius:999px;padding:2px 8px;font-size:12px}.record-search-wrap{padding:0 16px 12px}.record-list-scroll{flex:1;padding:0 10px 12px;overflow-y:auto}.record-list-item{text-align:left;border:1px solid var(--ppd-border);cursor:pointer;width:100%;color:var(--ppd-text);font-family:var(--ppd-font);background:#ffffff05;border-radius:10px;margin-bottom:8px;padding:12px 14px;transition:border-color .15s,background .15s}.record-list-item:hover{background:var(--ppd-card-hover)}.record-list-item.selected{border-color:var(--ppd-blue);background:var(--ppd-blue-dim)}.record-list-code{color:var(--ppd-blue);margin-bottom:4px;font-size:13px;font-weight:700}.record-list-primary{font-size:14px;font-weight:600}.record-list-secondary{color:var(--ppd-text-muted);margin:4px 0;font-size:12px}.record-list-meta-row{color:var(--ppd-text-dim);margin-bottom:4px;font-size:12px}.record-list-meta{color:var(--ppd-text-dim);justify-content:space-between;gap:8px;font-size:11px;display:flex}.record-detail-panel{padding:20px 24px;overflow-y:auto}.record-detail-empty{color:var(--ppd-text-dim);justify-content:center;align-items:center;font-size:13px;display:flex}.record-detail-header{border-bottom:1px solid var(--ppd-border);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.record-detail-code{font-size:18px;font-weight:700}.record-detail-sub{color:var(--ppd-text-dim);margin-top:4px;font-size:12px}.record-detail-section{margin-bottom:22px}.record-detail-section h4{font-size:var(--ppd-type-size);color:var(--ppd-text-muted);margin:0 0 12px}.record-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.operation-involved-list{flex-direction:column;gap:10px;display:flex}.record-brief-text{border:1px solid var(--ppd-border);color:var(--ppd-text-muted);white-space:pre-wrap;background:#ffffff08;border-radius:8px;padding:14px 16px;font-size:13px;line-height:1.6}.officer-profile-card{border:1px solid var(--ppd-border);background:#ffffff08;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.officer-profile-card-name{letter-spacing:.4px;font-size:14px;font-weight:700}.officer-profile-card-sub{color:var(--ppd-text-dim);margin-top:2px;font-size:12px}.officer-card-stack{flex-direction:column;gap:10px;display:flex}.discord-id-badge{border:1px solid var(--ppd-border);background:#ffffff0a;border-radius:6px;margin-bottom:14px;padding:6px 10px;font-family:monospace;font-size:12px;display:inline-block}.link-mode-tabs{gap:8px;margin-bottom:14px;display:flex}.officer-detail-discord{color:var(--ppd-text-dim);margin:2px 0 6px;font-size:12px}.officer-records-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.officer-records-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.officer-records-grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.officer-history-list{flex-direction:column;display:flex}.officer-history-item{text-align:left;border:none;border-top:1px solid var(--ppd-border);cursor:pointer;width:100%;color:var(--ppd-text);font-family:var(--ppd-font);background:0 0;padding:14px 0}.officer-history-item:last-child{border-bottom:1px solid var(--ppd-border)}.officer-history-item:hover{background:#ffffff05}.officer-history-title{color:var(--ppd-blue);margin-bottom:6px;font-size:14px;font-weight:700}.fir-record-item.selected,.operation-record-item.selected,.mugshot-record-item.selected{border-color:var(--ppd-blue);background:var(--ppd-blue-dim)}@media (width<=900px){.record-split{grid-template-columns:1fr}.record-list-panel{border-right:none;border-bottom:1px solid var(--ppd-border);max-height:360px}.record-detail-grid,.import-preview-grid{grid-template-columns:1fr}.officer-records-grid-4,.officer-records-grid-5,.officer-records-grid-6{grid-template-columns:repeat(2,minmax(0,1fr))}}.attendance-page-officer{width:100%}.officer-attendance-dashboard{flex-direction:column;gap:14px;width:100%;display:flex}.officer-attendance-dashboard.is-embedded{gap:0}.officer-attendance-dashboard.is-embedded .officer-attendance-panel{gap:12px;padding:12px 14px 14px}.officer-attendance-panel-header-nav-only{justify-content:flex-end}.officer-detail-panel .officer-attendance-week-grid{gap:6px}.officer-detail-panel .officer-attendance-day{min-height:76px;padding:8px 6px 10px}.officer-detail-panel .officer-attendance-day-hours{font-size:12px}.officer-detail-panel .officer-attendance-total{padding:12px 14px}.officer-detail-panel .officer-attendance-total-value{font-size:22px}.officer-attendance-panel{background:linear-gradient(#0c1220fa 0%,#080a12fa 100%);border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:14px;padding:16px 18px 18px;display:flex;box-shadow:inset 0 1px #ffffff0a}.officer-attendance-panel-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.officer-attendance-panel-header h2{letter-spacing:.06em;text-transform:uppercase;color:var(--ppd-text);margin:0 0 4px;font-size:20px;font-weight:800}.officer-attendance-panel-header p{color:var(--ppd-text-muted);margin:0;font-size:13px}.officer-attendance-week-nav{flex-shrink:0;align-items:center;gap:8px;display:flex}.officer-attendance-range{text-align:center;min-width:168px;color:var(--ppd-text);font-size:13px;font-weight:600}.officer-attendance-week-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.officer-attendance-day{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;justify-content:space-between;min-height:88px;padding:10px 10px 12px;display:flex}.officer-attendance-day-top{flex-direction:column;gap:2px;display:flex}.officer-attendance-day.is-present{background:linear-gradient(#22c55e29 0%,#22c55e0f 100%);border-color:#22c55e61}.officer-attendance-day.is-absent{background:linear-gradient(#7f1d1d8c 0%,#450a0a73 100%);border-color:#ef44446b}.officer-attendance-day.is-empty{background:linear-gradient(#ffffff0a 0%,#ffffff05 100%);border-color:#ffffff14}.officer-attendance-day-name{letter-spacing:.08em;color:#ffffffb8;font-size:11px;font-weight:700}.officer-attendance-day-date{color:#ffffffe0;font-size:12px;font-weight:600}.officer-attendance-day-bottom{flex-direction:column;align-items:center;gap:2px;display:flex}.officer-attendance-day-times{letter-spacing:.02em;color:#ffffff9e;text-align:center;font-size:9px;font-weight:600;line-height:1.2}.officer-attendance-day-hours{color:#ffffffeb;font-size:14px;font-weight:700}.officer-attendance-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.officer-attendance-stat{text-align:center;border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:108px;padding:14px 10px 12px;display:flex}.officer-attendance-stat-icon{opacity:.85;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.officer-attendance-stat-icon svg{width:20px;height:20px}.officer-attendance-stat-num{font-size:24px;font-weight:800;line-height:1}.officer-attendance-stat-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ppd-text-muted);font-size:10px;font-weight:700}.officer-attendance-stat.present-stat{background:linear-gradient(#22c55e2e 0%,#22c55e14 100%);border-color:#22c55e47}.officer-attendance-stat.present-stat .officer-attendance-stat-num,.officer-attendance-stat.present-stat .officer-attendance-stat-icon{color:#4ade80}.officer-attendance-stat.absent-stat{background:linear-gradient(#ef44442e 0%,#ef444414 100%);border-color:#ef444447}.officer-attendance-stat.absent-stat .officer-attendance-stat-num,.officer-attendance-stat.absent-stat .officer-attendance-stat-icon{color:#f87171}.officer-attendance-stat.late-stat{background:linear-gradient(#f59e0b2e 0%,#f59e0b14 100%);border-color:#f59e0b47}.officer-attendance-stat.late-stat .officer-attendance-stat-num,.officer-attendance-stat.late-stat .officer-attendance-stat-icon{color:#fbbf24}.officer-attendance-stat.dayoff-stat{background:linear-gradient(#3b9eff2e 0%,#3b9eff14 100%);border-color:#3b9eff47}.officer-attendance-stat.dayoff-stat .officer-attendance-stat-num,.officer-attendance-stat.dayoff-stat .officer-attendance-stat-icon{color:var(--ppd-blue)}.officer-attendance-total{background:linear-gradient(#3b9eff1f 0%,#3b9eff0d 100%);border:1px solid #3b9eff47;border-radius:10px;justify-content:center;align-items:center;gap:14px;padding:16px 18px;display:flex}.officer-attendance-total-copy{text-align:center}.officer-attendance-total-icon{width:38px;height:38px;color:var(--ppd-blue);background:#3b9eff26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.officer-attendance-total-icon svg{width:22px;height:22px}.officer-attendance-total-value{color:var(--ppd-blue);font-size:26px;font-weight:800;line-height:1.1;display:block}.officer-attendance-total small{letter-spacing:.08em;text-transform:uppercase;color:var(--ppd-text-muted);margin-top:4px;font-size:11px;font-weight:700;display:block}.officer-attendance-records{flex-direction:column;gap:10px;display:flex}.officer-attendance-records h3{letter-spacing:.08em;text-transform:uppercase;color:var(--ppd-text-muted);margin:4px 0 2px;font-size:11px;font-weight:700}.officer-attendance-record-row{border:1px solid var(--ppd-border);background:#ffffff08;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.officer-attendance-record-date{color:var(--ppd-text);font-size:13px;font-weight:700}.officer-attendance-record-meta{color:var(--ppd-text-muted);margin-top:2px;font-size:11px}.officer-attendance-record-hours{color:#4ade80;white-space:nowrap;font-size:14px;font-weight:800}@media (width<=900px){.officer-attendance-panel-header{flex-direction:column}.officer-attendance-week-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.officer-attendance-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.officer-attendance-week-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.attendance-page{flex-direction:column;gap:24px;display:flex}.attendance-page-header{background:var(--ppd-card);border:1px solid var(--ppd-border);border-radius:var(--ppd-radius);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.attendance-page-header h2{margin:0 0 4px;font-size:18px;font-weight:700}.attendance-page-sub{color:var(--ppd-text-muted);margin:0;font-size:13px}.attendance-weekly-btn{background:var(--ppd-blue);color:#fff;font-family:var(--ppd-font);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;align-self:center;padding:10px 18px;font-size:13px;font-weight:700;box-shadow:0 4px 14px #3b9eff47}.attendance-weekly-btn:hover{background:#2d8ae6}.attendance-page-stats{grid-template-columns:repeat(2,minmax(0,280px));gap:12px;display:grid}.attendance-page-stat-card{background:var(--ppd-card);border:1px solid var(--ppd-border);border-radius:var(--ppd-radius);align-items:center;gap:14px;padding:16px 18px;display:flex}.attendance-page-stat-icon{opacity:.85;font-size:22px}.attendance-page-stat-value{color:var(--ppd-text);font-size:24px;font-weight:700;line-height:1.2;display:block}.attendance-page-stat-label{font-size:var(--ppd-type-size);color:var(--ppd-text-muted);display:block}.attendance-paste-card{background:var(--ppd-card);border:1px solid var(--ppd-border);border-radius:var(--ppd-radius);padding:18px 20px}.attendance-paste-label{color:var(--ppd-text);margin:0;font-size:16px;font-weight:700;display:block}.attendance-paste-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.attendance-records-list{flex-direction:column;gap:10px;display:flex}.attendance-record-row{background:var(--ppd-card);border:1px solid var(--ppd-border);border-radius:var(--ppd-radius);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.attendance-record-name{color:var(--ppd-text);cursor:pointer;text-align:left;font-size:15px;font-weight:700;font-family:var(--ppd-font);background:0 0;border:none;padding:0}.attendance-record-name:hover:not(:disabled){color:var(--ppd-blue)}.attendance-record-name:disabled{cursor:default}.attendance-record-meta{color:var(--ppd-text-dim);margin-top:4px;font-size:12px}.attendance-record-right{align-items:center;gap:12px;display:flex}.attendance-record-duration{color:#4ade80;white-space:nowrap;font-size:16px;font-weight:700}.attendance-record-delete{color:var(--ppd-text-dim);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.attendance-record-delete:hover{color:var(--ppd-red)}.attendance-history-item{cursor:default}.attendance-history-duration{color:#4ade80;font-weight:600}.weekly-report-modal.modal-card-wide{flex-direction:column;width:100%;max-width:min(1100px,100vw - 32px);max-height:calc(100vh - 32px);display:flex;overflow:hidden}.weekly-report-modal-header{border-bottom:1px solid var(--ppd-border);flex-shrink:0;gap:12px;padding:14px 16px}.weekly-report-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.weekly-report-header-actions .add-officer-btn,.weekly-report-header-actions .detail-action-btn{white-space:nowrap;padding:8px 12px;font-size:12px}.weekly-report-modal .modal-card-body{padding:0}.weekly-report-modal-body{flex:1;grid-template-columns:240px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.weekly-report-filters{border-right:1px solid var(--ppd-border);flex-direction:column;gap:16px;min-width:0;padding:18px 20px 20px;display:flex;overflow:auto}.weekly-report-preview{cursor:grab;overscroll-behavior:contain;background:#1b2430;min-width:0;min-height:0;padding:12px;overflow:auto}.weekly-report-preview.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.weekly-export-hidden{pointer-events:none;width:2200px;position:fixed;top:0;left:-10000px}.weekly-report-filters h4{letter-spacing:.08em;text-transform:uppercase;color:var(--ppd-text-muted);margin:0;font-size:12px;font-weight:700}.weekly-report-field{color:var(--ppd-text-muted);flex-direction:column;gap:8px;font-size:12px;display:flex}.weekly-report-field select{border:1px solid var(--ppd-border);width:100%;color:var(--ppd-text);font-family:var(--ppd-font);background:#ffffff0a;border-radius:8px;padding:10px 12px;font-size:13px}.weekly-report-date-field{color:var(--ppd-text-dim);flex-direction:column;gap:6px;font-size:11px;display:flex}.weekly-report-date-field input{border:1px solid var(--ppd-border);width:100%;color:var(--ppd-text);font-family:var(--ppd-font);background:#ffffff0a;border-radius:8px;padding:10px 12px;font-size:13px}.weekly-report-date-field input::-webkit-calendar-picker-indicator{filter:invert(.85);cursor:pointer}.weekly-report-range-error{color:var(--ppd-red);margin:0;font-size:11px}.weekly-report-today-btn{width:100%}.weekly-report-filter-note{color:var(--ppd-text-dim);margin:0;font-size:11px;line-height:1.5}.weekly-report-actions{flex-direction:column;gap:8px;margin-top:auto;display:flex}.weekly-export-sheet{color:#111;background:#fff;border:3px solid #111;width:100%;max-width:100%;font-family:Arial,Helvetica,sans-serif}.weekly-export-hidden .weekly-export-sheet{width:2200px;max-width:2200px}.weekly-export-columns{background:#111;gap:0;display:grid}.weekly-export-columns-2{grid-template-columns:1fr 1fr}.weekly-export-columns-3{grid-template-columns:1fr 1fr 1fr}.weekly-export-columns-4{grid-template-columns:1fr 1fr 1fr 1fr}.weekly-export-columns .weekly-export-table+.weekly-export-table{border-left:2px solid #111}.weekly-export-header{color:#fff;background:#000;grid-template-columns:88px 1fr 88px;align-items:center;gap:12px;padding:12px 16px;display:grid}.weekly-export-header h1{text-align:center;letter-spacing:.01em;margin:0;font-size:28px;font-weight:800}.weekly-export-logo{object-fit:contain;width:auto;height:64px}.weekly-export-logo-left{justify-self:start}.weekly-export-logo-right{justify-self:end}.weekly-export-range{color:#222;background:#f3f3f3;border-bottom:2px solid #111;padding:8px 14px;font-size:16px;font-weight:800}.weekly-export-table{border-collapse:collapse;table-layout:fixed;width:100%}.weekly-export-table th,.weekly-export-table td{vertical-align:middle;border:1px solid #111;padding:8px 9px;font-size:15px}.weekly-export-table th{color:#fff;text-align:center;background:#4a4a4a;font-weight:700}.weekly-report-preview .weekly-export-table th{z-index:1;position:sticky;top:0}.weekly-export-hidden .weekly-export-table th{position:static}.weekly-export-table th:first-child,.weekly-export-table td:first-child{text-align:left}.weekly-export-table tbody tr:nth-child(2n){background:#ececec}.weekly-export-table tbody tr:nth-child(odd){background:#f8f8f8}.weekly-export-table th:first-child,.weekly-export-table td:first-child{width:34%}.weekly-export-table th:nth-child(2),.weekly-export-table td:nth-child(2){width:22%}.weekly-export-table th:nth-child(3),.weekly-export-table td:nth-child(3),.weekly-export-table th:nth-child(4),.weekly-export-table td:nth-child(4),.weekly-export-table th:nth-child(5),.weekly-export-table td:nth-child(5){width:8%}.weekly-export-table th:nth-child(6),.weekly-export-table td:nth-child(6){width:20%}.weekly-export-name{overflow-wrap:anywhere;font-size:15px;font-weight:700;line-height:1.3}.weekly-export-num,.weekly-export-activity-cell{text-align:center}.weekly-export-empty{text-align:center;color:#666;font-style:italic;font-weight:500}.weekly-export-activity{border-radius:999px;justify-content:center;align-items:center;min-width:88px;padding:5px 10px;font-size:13px;font-weight:800;display:inline-flex}.weekly-export-activity-active{color:#fff;background:#1b5e20}.weekly-export-activity-medium{color:#0277bd;background:#b3e5fc}.weekly-export-activity-inactive{color:#fff;background:#b71c1c}@media (width<=900px){.weekly-report-modal-body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.weekly-report-filters{border-right:none;border-bottom:1px solid var(--ppd-border);max-height:34vh}.weekly-report-preview{max-height:none}.weekly-report-header-actions .add-officer-btn,.weekly-report-header-actions .detail-action-btn{padding:7px 10px}}@media (width<=768px){.attendance-page-header{flex-direction:column}.attendance-page-stats{grid-template-columns:1fr}.attendance-record-row{flex-direction:column;align-items:flex-start}}.content-library-page{flex-direction:column;gap:24px;display:flex}.content-library-header{background:var(--ppd-card);border:1px solid var(--ppd-border);border-radius:var(--ppd-radius);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.content-library-header h2{margin:0 0 4px;font-size:18px;font-weight:700}.content-library-sub{color:var(--ppd-text-muted);max-width:640px;margin:0;font-size:13px}.content-add-section-card{background:var(--ppd-card);border:1px solid var(--ppd-border);border-radius:var(--ppd-radius);padding:16px 18px}.content-library-empty{background:var(--ppd-card);border:1px solid var(--ppd-border);border-radius:var(--ppd-radius);text-align:center;color:var(--ppd-text-dim);padding:40px 24px;font-size:13px}.content-section-card{background:var(--ppd-card);border:1px solid var(--ppd-border);border-radius:var(--ppd-radius);padding:18px 20px}.content-section-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.content-section-title{color:var(--ppd-blue);margin:0;font-size:17px;font-weight:700}.content-section-count{color:var(--ppd-text-dim);margin:4px 0 0;font-size:12px}.content-section-actions{flex-shrink:0;gap:8px;display:flex}.content-section-edit-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.content-section-title-input{min-width:240px;margin-bottom:0}.content-icon-btn{border:1px solid var(--ppd-border);color:var(--ppd-text-muted);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--ppd-font);background:0 0;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;display:inline-flex}.content-icon-btn:hover{color:var(--ppd-text);background:#ffffff0d}.content-icon-btn-danger{color:#f87171;border-color:#ef444459}.content-icon-btn-danger:hover{background:#ef44441a}.content-icon-btn-small{padding:5px 8px;font-size:11px}.content-new-item{border-bottom:1px solid var(--ppd-border);margin-bottom:16px;padding-bottom:16px}.content-new-item-label{color:var(--ppd-text-muted);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.content-new-item-input{margin-bottom:10px}.content-new-item-actions{justify-content:flex-end;display:flex}.content-items-list{flex-direction:column;gap:8px;display:flex}.content-items-empty{color:var(--ppd-text-dim);margin:0;font-size:13px;font-style:italic}.content-item-row{border:1px solid var(--ppd-border);background:#ffffff08;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.content-item-text{color:var(--ppd-text);flex:1;font-size:13px;line-height:1.55}.content-item-number{color:var(--ppd-text-muted);margin-right:6px;font-weight:700}.content-item-actions{flex-shrink:0;gap:6px;display:flex}.content-item-edit{width:100%}.content-item-edit-input{min-height:80px;margin-bottom:10px}.content-item-edit-actions{justify-content:flex-end;gap:8px;display:flex}@media (width<=768px){.content-library-header,.content-section-header,.content-item-row{flex-direction:column}}.console-page{flex-direction:column;gap:24px;padding:0 0 24px;display:flex}.console-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.console-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.console-header h2{color:var(--ppd-text);margin:0 0 6px;font-size:22px;font-weight:700}.console-sub{color:var(--ppd-text-muted);margin:0;font-size:13px}.console-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.console-stat-card{border:1px solid var(--ppd-border);background:#ffffff08;border-radius:10px;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.console-stat-value{color:var(--ppd-accent);font-size:24px;font-weight:700;line-height:1.1}.console-stat-label{color:var(--ppd-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.console-toolbar{flex-direction:column;gap:12px;display:flex}.console-search{max-width:420px}.console-filter-tabs{flex-wrap:wrap;gap:8px;display:flex}.console-filter-tabs-wrap{margin-top:4px}.console-log-list{flex-direction:column;gap:8px;max-height:calc(100vh - 340px);padding-right:4px;display:flex;overflow-y:auto}.console-log-item{border:1px solid var(--ppd-border);background:#ffffff08;border-radius:10px;padding:14px 16px;transition:border-color .15s}.console-log-item:hover{border-color:#3b82f659}.console-log-top{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.console-log-badge{text-transform:uppercase;letter-spacing:.03em;color:var(--ppd-text-muted);background:#ffffff14;border-radius:999px;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.console-log-badge.system{color:#94a3b8;background:#94a3b826}.console-log-badge.officers{color:#60a5fa;background:#3b82f626}.console-log-badge.hierarchy{color:#c084fc;background:#a855f726}.console-log-badge.impound{color:#fb923c;background:#f9731626}.console-log-badge.fir{color:#f87171;background:#ef444426}.console-log-badge.operations{color:#e4c36a;background:#d4af3729}.console-log-badge.mugshots{color:#f472b6;background:#ec489926}.console-log-badge.attendance{color:#4ade80;background:#22c55e26}.console-log-badge.rules{color:#38bdf8;background:#0ea5e926}.console-log-badge.training{color:#818cf8;background:#6366f126}.console-log-badge.admins{color:#facc15;background:#eab30826}.console-log-badge.discord{color:#a5b4fc;background:#5865f22e}.console-log-role{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}.console-log-role-admin{color:#60a5fa;background:#3b82f62e}.console-log-role-officer{color:#4ade80;background:#22c55e2e}.console-log-role-discord{color:#a5b4fc;background:#5865f22e}.console-log-role-system{color:#94a3b8;background:#94a3b82e}.console-log-role-unknown{color:var(--ppd-text-muted);background:#ffffff14}.console-log-meta{color:var(--ppd-text-dim);margin-top:4px;font-size:11px;line-height:1.45}.console-log-action{color:var(--ppd-accent);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.console-log-time{color:var(--ppd-text-dim);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.console-log-message{color:var(--ppd-text);font-size:14px;line-height:1.5}.console-log-actor{color:var(--ppd-text-muted);margin-top:6px;font-size:12px}@media (width<=768px){.console-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.console-header{flex-direction:column}.console-log-time{width:100%;margin-left:0}}.discord-raw-content{white-space:pre-wrap;border:1px solid var(--ppd-border,#243044);border-radius:8px;max-height:240px;padding:12px;font-size:12px;line-height:1.45;overflow:auto}.discord-attachment-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:10px;display:grid}.discord-attachment-grid img{object-fit:cover;border-radius:8px;width:100%;height:120px}.manage-page{flex-direction:column;gap:28px;max-width:760px;display:flex}.manage-header h2{margin:0 0 4px;font-size:22px}.manage-header p,.manage-card-copy{color:var(--ppd-text-muted);margin:0 0 8px;font-size:13px;line-height:1.45}.manage-block h3{margin:0 0 4px;font-size:18px;font-weight:700}.manage-line{border-top:1px solid var(--ppd-border);grid-template-columns:180px minmax(0,1fr);align-items:center;gap:16px;min-height:56px;padding:10px 0;display:grid}.manage-line-label{font-size:13px;font-weight:600}.manage-switch{border:1px solid var(--ppd-border);background:#00000047;border-radius:999px;padding:3px;display:inline-flex}.manage-switch-btn{color:var(--ppd-text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 16px;font-size:12px;font-weight:700}.manage-switch-btn.is-on{background:var(--ppd-blue);color:#fff}.manage-color{align-items:center;gap:10px;display:flex}.manage-color input[type=color]{border:1px solid var(--ppd-border);cursor:pointer;background:0 0;width:36px;height:36px;padding:0}.manage-color-hex{max-width:140px}.manage-login-preview-frame{border:1px solid var(--ppd-border);background:linear-gradient(#040a1673,#040a16a6),url(/login-bg.jpg) 50%/cover no-repeat;border-radius:8px;height:72px}.manage-block .modal-input,.manage-block .panel-action-btn,.manage-block .modal-btn{margin-top:0}.manage-preset-row{flex-wrap:wrap;gap:8px;display:flex}.manage-preset-chip{border:1px solid var(--ppd-border);color:var(--ppd-text);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.manage-preset-chip.is-on,.manage-preset-random{border-color:var(--ppd-blue);color:var(--ppd-blue)}.manage-preset-chip.is-on{background:#3b9eff1f}.manage-toast{z-index:1400;color:#fff;letter-spacing:.01em;pointer-events:none;border-radius:16px;align-items:center;gap:10px;min-width:220px;max-width:min(420px,100vw - 32px);padding:12px 16px;font-size:14px;font-weight:700;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #00000047}.manage-toast-ok{background:#16a34a}.manage-toast-err{background:#dc2626}.manage-toast-mark{background:#ffffff38;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:14px;line-height:1;display:grid}html[data-ppd-theme=theme-2]{--ppd-card:#f4f7fb;--ppd-card-hover:#fff;--ppd-border:#14325a24}