@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;700;900&display=swap";:root{--primary:#ac1234;--primary-dark:#810d27;--secondary:#fff;--bg-color:#ac1234;--surface:#fff;--surface-alt:#fff4f6;--text-main:#000;--text-muted:#333;--border-color:#000;--border-width:4px;--radius-brutal:0px;--radius-neo:12px;--shadow-brutal:6px 6px 0px #000;--shadow-brutal-hover:2px 2px 0px #000}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;line-height:1.6}.hidden{display:none!important}.btn{border-radius:var(--radius-neo);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-brutal);cursor:pointer;text-transform:uppercase;letter-spacing:1px;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:900;text-decoration:none;transition:all .15s ease-in-out;display:inline-flex}.btn:hover{box-shadow:var(--shadow-brutal-hover);transform:translate(4px,4px)}.btn-primary{background-color:var(--secondary);color:var(--text-main)}.btn-secondary{color:var(--text-main);background-color:#fff}.btn-danger{color:#fff;background-color:#ff3b3b}.btn-block{width:100%}.icon-box{border-radius:var(--radius-neo);border:var(--border-width) solid var(--border-color);justify-content:center;align-items:center;width:54px;height:54px;font-size:1.8rem;display:flex;box-shadow:4px 4px #000}.red-box{background-color:var(--primary);color:#fff}.blue-box{color:#fff;background-color:#3b82f6}.green-box{color:#fff;background-color:#10b981}.amber-box{background-color:var(--secondary);color:#000}.purple-box{color:#fff;background-color:#8b5cf6}.pill-badge{text-transform:uppercase;letter-spacing:.1em;border:3px solid var(--border-color);border-radius:9999px;align-items:center;margin-bottom:16px;padding:6px 16px;font-size:.8rem;font-weight:900;display:inline-flex;box-shadow:3px 3px #000}.red-pill{color:var(--text-main);background-color:#fff}.amber-pill{background-color:var(--secondary);color:#000}.input-group{margin-bottom:1.5rem}.input-group label{color:var(--text-main);text-transform:uppercase;margin-bottom:.5rem;font-size:1rem;font-weight:900;display:block}.input-with-icon{position:relative}.input-with-icon i{color:var(--text-main);font-size:1.4rem;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input-group input,.input-group textarea,.input-group select{border:var(--border-width) solid var(--border-color);border-radius:var(--radius-neo);color:#000;background-color:#fff;width:100%;padding:16px;font-family:inherit;font-size:1rem;font-weight:700;transition:all .2s;box-shadow:4px 4px #000}.input-with-icon input{padding-left:50px}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{background-color:var(--secondary);outline:none;transform:translate(2px,2px);box-shadow:2px 2px #000}.error-msg{color:#fff;background:var(--border-color);min-height:20px;margin-top:-.5rem;margin-bottom:1rem;padding:4px 8px;font-size:.85rem;font-weight:700;display:inline-block}.error-msg:empty{display:none}.login-wrapper{background:repeating-linear-gradient(45deg,#ac1234,#ac1234 10px,#980f2d 10px 20px);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--surface);border-radius:var(--radius-neo);border:var(--border-width) solid var(--border-color);width:100%;max-width:450px;box-shadow:var(--shadow-brutal);padding:40px}.login-header{text-align:center;flex-direction:column;align-items:center;gap:16px;margin-bottom:30px;display:flex}.login-header h2{color:var(--text-main);text-transform:uppercase;letter-spacing:-1px;font-size:2.5rem;font-weight:900}.login-header p{color:var(--text-muted);font-size:1.1rem;font-weight:700}.dashboard-wrapper{height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--secondary);border-right:var(--border-width) solid var(--border-color);z-index:10;flex-direction:column;flex-shrink:0;width:300px;padding:30px 20px;display:flex}.sidebar-brand{border-radius:var(--radius-neo);background:#fff;border:3px solid #000;align-items:center;gap:16px;margin-bottom:50px;padding:16px;display:flex;box-shadow:4px 4px #000}.sidebar-brand h3{color:#000;text-transform:uppercase;font-size:1.2rem;font-weight:900;line-height:1.2}.sidebar-brand p{color:var(--primary);font-size:.9rem;font-weight:900}.sidebar-nav{flex-direction:column;flex:1;gap:16px;display:flex}.tab-btn{border:3px solid var(--border-color);border-radius:var(--radius-neo);color:#000;cursor:pointer;text-transform:uppercase;background:#fff;align-items:center;gap:16px;padding:18px 20px;font-family:inherit;font-size:1.1rem;font-weight:900;transition:all .15s;display:flex;box-shadow:4px 4px #000}.tab-btn i{font-size:1.6rem}.tab-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px #000}.tab-btn.active{background-color:var(--primary);color:#fff}.sidebar-footer{margin-top:auto}.btn-logout{color:#fff;border-radius:var(--radius-neo);cursor:pointer;text-transform:uppercase;background-color:#000;border:3px solid #000;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:1.1rem;font-weight:900;transition:all .15s;display:flex}.btn-logout:hover{background-color:var(--danger);transform:translate(-2px,-2px);box-shadow:4px 4px #fff}.main-content{background-color:var(--primary);background-image:radial-gradient(#980f2d 20%,#0000 20%);background-size:20px 20px;flex:1;padding:40px;overflow-y:auto}.content-header{background:var(--surface);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-brutal);border-radius:var(--radius-neo);justify-content:space-between;align-items:flex-start;margin-bottom:50px;padding:30px;display:flex}.content-header h2{color:var(--text-main);text-transform:uppercase;letter-spacing:-1px;margin-bottom:8px;font-size:2.5rem;font-weight:900}.content-header p{color:var(--text-muted);font-size:1.2rem;font-weight:700}.modern-card{background:var(--surface);border-radius:var(--radius-neo);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-brutal);margin-bottom:40px;padding:40px}.card-title-box{border-bottom:var(--border-width) solid var(--border-color);align-items:center;gap:20px;margin-bottom:30px;padding-bottom:20px;display:flex}.card-title-box h3{text-transform:uppercase;font-size:1.6rem;font-weight:900}.settings-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}@media (width<=1200px){.settings-grid{grid-template-columns:1fr}}.table-responsive{border:var(--border-width) solid var(--border-color);border-radius:var(--radius-neo);background:#fff;overflow-x:auto}.modern-table{border-collapse:collapse;width:100%}.modern-table th{text-align:left;background-color:var(--secondary);color:#000;text-transform:uppercase;border-bottom:var(--border-width) solid var(--border-color);border-right:var(--border-width) solid var(--border-color);padding:20px;font-size:1rem;font-weight:900}.modern-table th:last-child{border-right:none}.modern-table td{vertical-align:middle;border-bottom:var(--border-width) solid var(--border-color);border-right:var(--border-width) solid var(--border-color);background-color:#fff;padding:20px;font-weight:600}.modern-table td:last-child{border-right:none}.modern-table tbody tr:last-child td{border-bottom:none}.modern-table tbody tr{transition:all .2s}.modern-table tbody tr:hover td{background-color:#f1f5f9}.thumbnail-img{object-fit:cover;border-radius:var(--radius-sm);border:3px solid #000;width:100px;height:70px}.modal-overlay{z-index:1000;background-color:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modern-modal{background:var(--surface);border-radius:var(--radius-neo);border:var(--border-width) solid var(--border-color);width:100%;max-width:650px;max-height:90vh;padding:50px;overflow-y:auto;box-shadow:10px 10px #000}.modal-head{align-items:center;gap:20px;margin-bottom:40px;display:flex;position:relative}.modal-head h3{text-transform:uppercase;font-size:2rem;font-weight:900}.modal-close{border-radius:var(--radius-neo);color:#000;cursor:pointer;background:#fff;border:3px solid #000;width:48px;height:48px;font-size:1.5rem;transition:all .1s;position:absolute;top:0;right:0;box-shadow:4px 4px #000}.modal-close:hover{background:var(--danger);color:#fff;transform:translate(2px,2px);box-shadow:2px 2px #000}.modal-foot{justify-content:flex-end;gap:16px;margin-top:40px;display:flex}.file-upload-box{border:var(--border-width) dashed var(--border-color);border-radius:var(--radius-neo);color:var(--text-main);text-align:center;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;padding:40px;font-weight:900;transition:all .2s;display:flex;position:relative;box-shadow:4px 4px #000}.file-upload-box:hover{background-color:var(--primary);color:#fff;transform:translate(2px,2px);box-shadow:2px 2px #000}.file-upload-box i{margin-bottom:12px;font-size:2.5rem}