body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.implementation-message{background-color:#fff;border-radius:8px;border-radius:var(--radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);margin:1.5rem 0;padding:2rem}.implementation-message h2{color:#3050e4;color:var(--primary-color);margin-bottom:1rem;margin-top:0}.implementation-message ul{margin-bottom:1.5rem;padding-left:1.5rem}.implementation-message li{color:var(--gray-700);margin-bottom:.5rem}.records-preview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:1.5rem 0}.sample-record{background-color:#fff;border-left:4px solid #dee2e6;border-left:4px solid var(--gray-300);border-radius:8px;border-radius:var(--radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);opacity:.7;padding:1.5rem}.sample-record h3{color:var(--gray-700);font-size:1.1rem;margin-top:0}.sample-record p{color:var(--gray-600);margin:.5rem 0}.section{border:1px solid #dee2e6;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--radius);margin-bottom:1rem;overflow:hidden}.section h3{background-color:#f8f9fa;background-color:var(--gray-100);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--gray-300);color:var(--gray-700);font-size:1rem;font-weight:600;margin:0;padding:.75rem 1rem}.arrest-records,.flags-container,.section .content,.section>div:not(.content):not(.arrest-records):not(.arrest-record-item),.section>p,.warrants-table{padding:1rem}:root{--primary-color:#3050e4;--primary-dark:#2040c0;--primary-light:#5070ff;--secondary-color:#6c757d;--light-bg:#f8f9fa;--white:#fff;--dark:#343a40;--danger:#dc3545;--warning:#ffc107;--success:#28a745;--gray-100:#f8f9fa;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-800:#343a40;--shadow:0 4px 6px #0000001a;--radius:8px;--transition:all 0.3s ease}body,html{background-color:#f8f9fa;background-color:var(--light-bg);color:#343a40;color:var(--dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;margin:0;overflow-x:hidden;padding:0}.app-container{display:flex;min-height:100vh}.main-content{background-color:#f8f9fa;background-color:var(--light-bg);flex:1 1;padding:0}.content-area{overflow-x:hidden;padding:1.5rem}.header{align-items:center;background-color:#fff;background-color:var(--white);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--gray-300);box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:1rem 2rem}.header h1{color:#343a40;color:var(--gray-800);font-size:1.5rem;font-weight:600;margin:0}.user-info{color:#6c757d;color:var(--secondary-color);font-size:.9rem}.sidebar{background:linear-gradient(180deg,#3050e4,#2040c0);background:linear-gradient(180deg,var(--primary-color) 0,var(--primary-dark) 100%);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);color:#fff;color:var(--white);display:flex;flex-direction:column;padding-bottom:1rem;width:220px}.logo{background-color:#0000001a;font-size:2.2rem;font-weight:700;letter-spacing:1px;margin-bottom:1rem;padding:1.5rem 1rem;text-align:center}.sidebar .user-info{border-bottom:1px solid #ffffff1a;color:#fffc;font-size:.9rem;margin-bottom:1rem;padding:1rem}.nav-menu{flex:1 1;margin-bottom:1rem}.nav-menu ul{list-style:none;margin:0;padding:0}.nav-menu li{margin:0}.nav-menu a{border-left:3px solid #0000;color:#fffc;display:block;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.nav-menu a:hover{background-color:#ffffff1a;color:#fff;color:var(--white)}.nav-menu a.active{background-color:#ffffff26;border-left-color:#fff;border-left-color:var(--white);color:#fff;color:var(--white);font-weight:500}.home-page{margin:0 auto;max-width:1200px}.home-page h1{color:#343a40;color:var(--gray-800);font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.home-page p{color:#6c757d;color:var(--secondary-color);margin-bottom:2rem}.dashboard-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:2.5rem}.stat-card{background-color:#fff;background-color:var(--white);border-radius:8px;border-radius:var(--radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);padding:1.5rem;transition:all .3s ease;transition:var(--transition)}.stat-card:hover{box-shadow:0 6px 12px #0000001a;transform:translateY(-5px)}.stat-card h3{color:#6c757d;color:var(--secondary-color);font-size:1rem;font-weight:600;margin-bottom:.75rem}.stat-number{color:#3050e4;color:var(--primary-color);font-size:2.5rem;font-weight:700;margin:0}.quick-actions{background-color:#fff;background-color:var(--white);border-radius:8px;border-radius:var(--radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);padding:1.5rem}.quick-actions h2{color:#343a40;color:var(--gray-800);font-size:1.25rem;font-weight:600;margin-bottom:1.25rem}.action-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-left:auto;margin-top:.5rem}.action-btn{background-color:#3050e4;background-color:var(--primary-color);border:none;border-radius:8px;border-radius:var(--radius);color:#fff;color:var(--white);cursor:pointer;display:inline-block;font-size:.95rem;font-weight:500;padding:.75rem 1.25rem;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.action-btn:hover{background-color:#2040c0;background-color:var(--primary-dark);transform:translateY(-2px)}.player-search{margin:0 auto;max-width:1000px}.search-container{background-color:#fff;background-color:var(--white);border-radius:8px;border-radius:var(--radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);margin-bottom:1.5rem;padding:1.5rem}.search-container h2{color:#343a40;color:var(--gray-800);font-size:1.25rem;font-weight:600;margin-bottom:1.25rem}.search-input-group{display:flex;gap:.75rem;margin-bottom:.75rem}.search-input{border:1px solid #dee2e6;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--radius);flex:1 1;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;transition:var(--transition)}.search-input:focus{border-color:#3050e4;border-color:var(--primary-color);box-shadow:0 0 0 3px #3050e41a;outline:none}.search-button{background-color:#3050e4;background-color:var(--primary-color);border:none;border-radius:8px;border-radius:var(--radius);color:#fff;color:var(--white);cursor:pointer;font-weight:500;padding:0 1.5rem;transition:all .3s ease;transition:var(--transition)}.search-button:hover{background-color:#2040c0;background-color:var(--primary-dark)}.search-button:disabled{background-color:var(--gray-400);cursor:not-allowed}.search-options{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1rem}.checkbox-label{align-items:center;color:var(--gray-600);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}.checkbox-label input[type=checkbox]{accent-color:#3050e4;accent-color:var(--primary-color);height:16px;width:16px}.loading{background-color:#fff;background-color:var(--white);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);color:var(--gray-600);padding:2rem;text-align:center}.error-message,.loading{border-radius:8px;border-radius:var(--radius)}.error-message{background-color:#dc35451a;border-left:4px solid #dc3545;border-left:4px solid var(--danger);color:#dc3545;color:var(--danger);margin:1rem 0;padding:1rem;text-align:left}.player-profile{background-color:#fff;background-color:var(--white);border-radius:8px;border-radius:var(--radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);margin-bottom:2rem;max-width:100%;overflow:hidden}.profile-header{align-items:center;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--gray-300);display:flex;flex-wrap:wrap;padding:1.25rem}.avatar{background-color:#f8f9fa;background-color:var(--gray-100);border:2px solid #dee2e6;border:2px solid var(--gray-300);border-radius:50%;height:80px;margin-right:1.5rem;overflow:hidden;width:80px}.avatar img{height:100%;object-fit:cover;width:100%}.player-info{flex:1 1;min-width:200px}.player-info h2{color:#343a40;color:var(--gray-800);font-size:1.4rem;margin:0}.username{color:var(--gray-600);font-size:.95rem;margin-bottom:.5rem}.player-meta{color:var(--gray-500);display:flex;flex-wrap:wrap;font-size:.85rem;gap:1rem;margin-top:.5rem}.arrest-records-list{background-color:#fff;border-radius:8px;border-radius:var(--radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);overflow:hidden}.arrest-record-item{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--gray-300)}.arrest-record-item:last-child{border-bottom:none}.arrest-record-summary{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:background-color .2s}.arrest-record-summary:hover{background-color:#f8f9fa;background-color:var(--gray-100)}.record-main-info{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.record-date{color:var(--gray-700);font-weight:500;min-width:100px}.record-player{color:#3050e4;color:var(--primary-color);font-weight:500}.record-offense{color:var(--gray-600)}.record-status{align-items:center;display:flex;gap:.75rem}.expand-icon{color:var(--gray-500);font-size:.75rem}.arrest-details{background-color:var(--gray-50);border-top:1px solid #dee2e6;border-top:1px solid var(--gray-300);padding:1rem}.arrest-detail-row{display:flex;margin-bottom:.75rem}.arrest-detail-row.full-width{flex-direction:column}.detail-label{color:var(--gray-700);font-weight:500;min-width:150px;width:150px}.detail-value{color:#343a40;color:var(--gray-800)}.details-text{color:var(--gray-700);margin-top:.5rem;white-space:pre-line}.arrest-actions{border-top:1px solid #dee2e6;border-top:1px solid var(--gray-300);display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.edit-btn,.update-status-btn{border-radius:8px;border-radius:var(--radius);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.edit-btn{background-color:#fff;background-color:var(--white);border:1px solid #3050e4;border:1px solid var(--primary-color);color:#3050e4;color:var(--primary-color);display:inline-block;text-decoration:none}.edit-btn:hover,.update-status-btn{background-color:#3050e4;background-color:var(--primary-color);color:#fff;color:var(--white)}.update-status-btn{border:none}.update-status-btn:hover{background-color:#2040c0;background-color:var(--primary-dark)}.view-player-link{color:#3050e4;color:var(--primary-color);font-size:.85rem;margin-left:.5rem;text-decoration:none}.view-player-link:hover{text-decoration:underline}.profile-sections{padding:1.25rem}.no-content-message{color:var(--gray-500);font-style:italic;padding:1rem}.records-page{margin:0 auto;max-width:1200px;padding:1rem}.records-page h1{color:#343a40;color:var(--gray-800);font-size:1.8rem;margin-bottom:1.5rem}.search-row{display:flex;gap:1rem;margin-bottom:1rem}.status-filter{border:1px solid #dee2e6;border:1px solid var(--gray-300);color:var(--gray-700);min-width:150px;padding:.75rem}.records-table,.status-filter{background-color:#fff;border-radius:8px;border-radius:var(--radius)}.records-table{border-collapse:collapse;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);margin-top:1rem;overflow:hidden;width:100%}.records-table td,.records-table th{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--gray-300);padding:.75rem 1rem;text-align:left}.records-table th{background-color:#f8f9fa;background-color:var(--gray-100);color:var(--gray-700);font-weight:600}.records-table tr:last-child td{border-bottom:none}.record-row:hover{background-color:#f8f9fa;background-color:var(--gray-100)}.record-row.active{border-left:4px solid #3050e4;border-left:4px solid var(--primary-color)}.record-row.released{border-left:4px solid #28a745;border-left:4px solid var(--success)}.record-row.pending{border-left:4px solid #ffc107;border-left:4px solid var(--warning)}.edit-record-btn,.view-details-btn{background-color:initial;border:1px solid #dee2e6;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--radius);cursor:pointer;font-size:.8rem;margin-right:.5rem;padding:.25rem .5rem;transition:all .2s}.view-details-btn:hover{background-color:#f8f9fa;background-color:var(--gray-100);border-color:var(--gray-400)}.edit-record-btn{background-color:#3050e4;background-color:var(--primary-color);border-color:#3050e4;border-color:var(--primary-color);color:#fff}.edit-record-btn:hover{background-color:#2040c0;background-color:var(--primary-dark)}.status-badge{border-radius:50px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.status-badge.active{background-color:#3050e41a;color:#3050e4;color:var(--primary-color)}.status-badge.released{background-color:#28a7451a;color:#28a745;color:var(--success)}.status-badge.pending{background-color:#ffc1071a;color:#ffc107;color:var(--warning)}.no-records-message{background-color:#fff;border-radius:8px;border-radius:var(--radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);color:var(--gray-600);padding:3rem;text-align:center}.text-primary{color:#3050e4;color:var(--primary-color)}.bg-primary{background-color:#3050e4;background-color:var(--primary-color)}.text-success{color:#28a745;color:var(--success)}.text-danger{color:#dc3545;color:var(--danger)}.text-warning{color:#ffc107;color:var(--warning)}.login-container{align-items:center;background:linear-gradient(to bottom right,#3050e4,#1e40af);display:flex;justify-content:center;min-height:100vh}.login-card{background-color:#fff;border-radius:8px;border-radius:var(--radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);max-width:400px;padding:2rem;text-align:center;width:90%}.login-card h1{color:#343a40;color:var(--dark);margin-bottom:1rem}.login-card p{color:var(--gray-600);margin-bottom:2rem}.login-button{background-color:#3050e4;background-color:var(--primary-color);border:none;border-radius:8px;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.login-button:hover{background-color:#2040c0;background-color:var(--primary-dark)}.logout-button{align-items:center;background:linear-gradient(145deg,#3050e4,#2040c0);background:linear-gradient(145deg,var(--primary-color),var(--primary-dark));border:none;border-radius:8px;border-radius:var(--radius);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin:auto 1rem 1rem;padding:.75rem 1.5rem;transition:all .3s ease;width:calc(100% - 2rem)}.logout-button:hover{background:linear-gradient(145deg,#2040c0,#3050e4);background:linear-gradient(145deg,var(--primary-dark),var(--primary-color));box-shadow:0 4px 8px #0000001a;transform:translateY(-3px)}.logout-button:active{box-shadow:none;transform:translateY(1px)}.logout-button svg{color:#fff;color:var(--white);height:18px;width:18px}.logout-button span{color:#fff;color:var(--white);font-size:1rem}.user-profile{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;flex-direction:column;margin-bottom:1rem;padding:1.5rem 1rem}.avatar-container{background-color:#ffffff1a;border:3px solid #fff3;border-radius:50%;height:80px;margin:1rem auto;overflow:hidden;width:80px}.avatar-img{display:block;height:100%;object-fit:cover;width:100%}.avatar-placeholder{background-color:#fff3;border-radius:50%;height:80px;width:80px}.disclaimer{align-items:center;background-color:#e9ecef;background-color:var(--gray-200);border-top:1px solid #dee2e6;border-top:1px solid var(--gray-300);bottom:0;color:#343a40;color:var(--gray-800);display:flex;font-size:1rem;height:40px;justify-content:center;left:0;line-height:40px;margin-left:220px;position:fixed;right:0;text-align:center;z-index:100}.disclaimer p{margin:0}.nav-menu button{background:none;border:none;border-left:3px solid #0000;color:#fffc;cursor:pointer;display:block;font-family:inherit;font-size:1rem;padding:.75rem 1.5rem;text-align:left;transition:all .3s ease;transition:var(--transition);width:100%}.nav-menu button:hover{background-color:#ffffff1a;color:#fff;color:var(--white)}.nav-menu button.active{background-color:#ffffff26;border-left-color:#fff;border-left-color:var(--white);color:#fff;color:var(--white);font-weight:500}.login-card .error-message{margin-bottom:1.5rem}.loading-screen{align-items:center;background-color:#f8f9fa;background-color:var(--light-bg);display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #dee2e6;border-top:4px solid #3050e4;border:4px solid var(--gray-300);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.arrest-record-form{background-color:#fff;border-radius:8px;border-radius:var(--radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);margin:0 auto 2rem;max-width:800px;padding:1.5rem}.form-group{margin-bottom:1.25rem;overflow:visible}.form-group label{color:var(--gray-700);display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #dee2e6;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--radius);font-family:inherit;font-size:1rem;overflow:hidden;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3050e4;border-color:var(--primary-color);box-shadow:0 0 0 3px #3050e41a;outline:none}.form-actions{display:flex;justify-content:flex-end;margin-top:1.5rem}.success-message{background-color:#28a7451a;border-left:4px solid #28a745;border-left:4px solid var(--success);border-radius:8px;border-radius:var(--radius);color:#28a745;color:var(--success);margin:1rem 0;padding:1rem}.form-hint{color:var(--gray-500);display:block;font-size:.8rem;margin-top:.3rem}.secondary-btn{background-color:#e9ecef;background-color:var(--gray-200);border:none;border-radius:8px;border-radius:var(--radius);color:var(--gray-700);cursor:pointer;font-size:.95rem;font-weight:500;margin-right:.75rem;padding:.75rem 1.25rem;transition:all .3s ease;transition:var(--transition)}.secondary-btn:hover{background-color:#dee2e6;background-color:var(--gray-300)}textarea{min-height:100px;resize:vertical}.add-note-btn,.add-record-btn,.issue-warrant-btn{background-color:#3050e4;background-color:var(--primary-color);border:none;border-radius:8px;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem .75rem;transition:background-color .2s}.add-note-btn:hover,.add-record-btn:hover,.issue-warrant-btn:hover{background-color:#2040c0;background-color:var(--primary-dark)}@media (max-width:768px){.app-container{flex-direction:column}.sidebar{height:auto;width:100%}.dashboard-stats{grid-template-columns:1fr}.profile-header{align-items:flex-start;flex-direction:column}.avatar{margin-bottom:1rem;margin-right:0}.player-meta{flex-direction:column;gap:.25rem}.action-buttons{justify-content:flex-start;margin-left:0;margin-top:1rem;width:100%}.disclaimer{margin-left:0}}