:root{--bg: #0f1115;--card: #1a1d24;--card2: #232730;--text: #e5e5e5;--gray: #9aa0a6;--red: #E50914;--blue: #1b79f8;--red-soft: #ff2a2a;--green: #009600;--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--topbar-height: 70px;--success: #4caf50;--success-bg: #112e1b;--warning: #f5a623;--warning-bg: #3a2a10;--danger: #ff6b6b;--danger-bg: #3a1010;--info: #2196f3;--info-bg: #0d1f3c;--border-color: #444;--border-subtle: #2a2f3a;--input-bg: #1f1f1f;--font-mono: "Courier New", monospace}html,body{height:100%;margin:0;overflow-x:hidden}*{box-sizing:border-box}body{font-family:Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.card{background:var(--card);padding:20px;border-radius:14px;box-shadow:0 10px 25px #0000004d;border-bottom:2px solid var(--red);min-height:85vh;overflow-x:auto}.top-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.left-actions{display:flex;gap:10px}.btn{padding:8px 14px;border-radius:8px;border:none;cursor:pointer;transition:.2s}.btn-dark{background:var(--card2);color:#fff;border:solid 2px var(--red);font-weight:700;transition:.2s}.btn-dark:hover{transform:scale(1.03);background:var(--red);border:solid 2px whitesmoke;color:#f5f5f5}.btn-red{background:var(--red);color:#fff;border:solid 1px white;font-weight:700}.btn-red:hover{background:#f5f5f5;border:solid 1px var(--red);color:var(--card2)}.btn-green{background:var(--card2);color:#fff;border:solid 2px var(--green);font-weight:700;transition:.2s}.btn-green:hover{transform:scale(1.03);background:var(--green);border:solid 2px whitesmoke;color:#fff}.btn-green:hover .confirm-icon{color:#fff}.btn-green .confirm-icon{color:var(--green)}.btn-blue{background:var(--card2);color:#fff;border:solid 2px var(--blue);font-weight:700;transition:.2s}.btn-blue:hover{background:var(--blue);border:solid 2px whitesmoke;color:#fff}.close-btn{position:relative;top:5px;right:5px;background:#ff4d4f;border:none;color:#fff;font-size:14px;padding:6px 10px;border-radius:8px;cursor:pointer;transition:.2s}.close-btn:hover{background:#d9363e}:is(.btn,.btn-dark,.btn-red,.btn-green,.btn-blue,.close-btn):focus-visible{outline:2px solid var(--red);outline-offset:2px}:is(.btn,.btn-dark,.btn-red,.btn-green,.btn-blue,.close-btn):active{transform:scale(.97)}:is(.btn,.btn-dark,.btn-red,.btn-green,.btn-blue,.close-btn):disabled,:is(.btn,.btn-dark,.btn-red,.btn-green,.btn-blue,.close-btn)[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}select{background:var(--card2);color:#fff;border:none;padding:7px;border-radius:6px}table{width:100%;border-collapse:collapse}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive table{width:max-content;min-width:100%}th{text-align:left;padding:12px;color:var(--gray);font-size:13px}td{padding:12px;font-size:14px}tr{border-bottom:1px solid var(--border-subtle);transition:.2s}tr:hover{background:#1f232c}.pagination{margin-top:15px}.pagination button{background:var(--card2);color:#fff;border:none;padding:6px 10px;margin:2px;border-radius:6px;cursor:pointer;transition:.2s}.pagination button:hover{background:#2f3542}.pagination .active-page{background:var(--red)}.modal{display:none;position:fixed;inset:0;background:#000000bf;justify-content:center;align-items:center;z-index:9999}.modal-content{background:var(--card);width:60%;max-height:90%;overflow:auto;padding:20px;border-radius:12px;box-sizing:border-box}@media(max-width:480px){.modal-content{width:85%}.modal-content .detail-grid,.modal-content .subs-grid,.modal-content .detail-grid.col-2{grid-template-columns:1fr}.modal-content .detail-view .detail-grid,.registro-grid{grid-template-columns:repeat(2,1fr)}.registro-grid .detail-label{font-size:11px}.registro-grid .detail-value{font-size:12px}.detail-view .form-actions{flex-direction:column;gap:10px}.detail-view .form-actions .btn{width:100%;box-sizing:border-box}}@media(max-width:768px){.left-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%}.left-actions .btn:nth-child(n+3){grid-column:1 / -1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.form-group{margin-bottom:10px}.form-group .form-input{width:75%;padding:12px;border-radius:8px;border:1px solid var(--border-color);background:var(--input-bg);color:#fff;font-size:14px;margin-top:10px;box-sizing:border-box}.form-group .form-input:focus{outline:none;border-color:#d6231e}.form-group .form-input:disabled{opacity:.6;cursor:not-allowed;background:var(--card2)}.form-group .select-form{width:75%;padding:12px;border-radius:8px;border:1px solid var(--border-color);background:var(--input-bg);color:#fff;font-size:14px;margin-top:10px;box-sizing:border-box}.form-group .select-form:focus{outline:none;border-color:#d6231e}.form-group .select-form:disabled{opacity:.6;cursor:not-allowed;background:var(--card2)}.form-group i{color:red}.field-error{color:var(--danger);font-size:12px;margin-top:4px;display:block}.form-actions{display:flex;justify-content:center;gap:15px;margin-top:20px}.drop{border:2px dashed var(--border-color);padding:20px;text-align:center;border-radius:10px;margin-top:10px;width:100%;box-sizing:border-box}.drop input[type=file]{max-width:100%}.detail-view{text-align:left}.detail-header{display:flex;align-items:center;gap:18px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--border-subtle)}.detail-avatar{width:72px;height:72px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid var(--red)}.detail-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--card2);color:#fff;font-size:28px;font-weight:700}.detail-headline{display:flex;flex-direction:column;gap:6px}.detail-headline h3{font-size:20px;color:#fff}.status-badge{display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px;width:fit-content}.status-active{background:var(--success-bg);color:var(--success)}.status-inactive{background:var(--danger-bg);color:var(--danger)}.detail-section{margin-bottom:22px}.detail-section h4{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--gray);margin-bottom:12px;font-weight:600}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.detail-grid.col-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-items:start}.form-col{display:flex;flex-direction:column;gap:12px;min-width:0}.detail-grid>.form-col,.detail-grid>.form-group{min-width:0}.form-group textarea,.modal-content textarea{width:100%;box-sizing:border-box}.form-group textarea.form-input{width:100%}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item.full-width{grid-column:1 / -1}.detail-label{font-size:12px;color:var(--gray)}.detail-value{font-size:14px;color:#fff}.detail-value.blood-type{display:inline-block;background:var(--card2);padding:2px 10px;border-radius:6px;font-weight:600;width:fit-content}.permissions-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.permissions-list li{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--gray);font-family:var(--font-mono);padding:6px 10px;background:var(--card2);border-radius:6px;border-left:3px solid var(--red)}.permissions-list li:before{content:"\b7";color:var(--red);font-size:10px;flex-shrink:0}.form-input{width:100%;padding:10px;border-radius:8px;border:1px solid var(--border-color);background:var(--input-bg);color:#fff;font-size:14px;font-family:inherit}.form-input:focus{outline:none;border-color:var(--red)}.form-input:disabled{opacity:.6;cursor:not-allowed;background:var(--card2)}.autocomplete-wrapper{position:relative;margin-top:4px}.selected-customer{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--card2);border:1px solid var(--red);border-radius:8px}.search-input-wrapper{position:relative}.search-input-wrapper .search-spinner{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:14px}.search-dropdown{position:absolute;top:100%;left:0;right:0;background:#1f1f1f;border:1px solid var(--border-color);border-radius:8px;z-index:999;max-height:200px;overflow-y:auto;box-shadow:0 8px 20px #0006}.dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;cursor:pointer;transition:.15s}.dropdown-item:hover{background:var(--card2);border-left:3px solid var(--red)}.dropdown-name{font-size:14px;color:#fff}.dropdown-birth{font-size:12px;color:var(--gray)}.customer-avatar{width:36px;height:36px;border-radius:50%;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.customer-info{display:flex;flex-direction:column;flex:1}.customer-name{font-size:14px;font-weight:600;color:#fff}.customer-birth{font-size:12px;color:var(--gray)}.btn-clear{background:none;border:none;color:var(--gray);cursor:pointer;font-size:14px;padding:4px;transition:.15s}.btn-clear:hover{color:var(--red)}.row-clickable{cursor:pointer}.text-muted{color:var(--gray)}.text-center{text-align:center}.table-empty{text-align:center;color:var(--gray)}.modal-sm{max-width:400px;width:90%}.modal-md{max-width:520px;width:90%}.modal-lg{max-width:680px;width:90%}.modal-xl{max-width:860px;width:90%}