@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap";:root{--bg-primary: #060808;--bg-content: #292929;--text-primary: #e0e0e0;--text-nav: #ececec;--accent: #7a7a7a;--border-color: #ffffff;--header-bg: #000000;--font-family: "Quicksand", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-family);font-weight:500;background-color:var(--bg-primary);color:var(--text-primary);text-transform:lowercase;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--text-nav);font-weight:700;margin-bottom:1rem;text-transform:lowercase}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}a{color:var(--text-nav);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent)}.container{max-width:1200px;margin:0 auto;padding:20px;min-height:calc(100vh - 160px)}.card{background:var(--bg-content);border:2px solid var(--border-color);border-radius:8px;padding:29px 20px 20px;margin-bottom:1.5rem}.card-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--accent)}button,.btn{font-family:var(--font-family);font-weight:600;text-transform:lowercase;background:#000000;color:#fff;border:2px solid #000000;padding:12px 24px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;position:relative;overflow:hidden}button:hover,.btn:hover{background:var(--text-nav);color:#000;border-color:var(--text-nav)}button:active,.btn:active{transform:scale(.98)}button:focus-visible,.btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button:disabled,.btn:disabled,button[disabled],.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}button:disabled:hover,.btn:disabled:hover{background:#000000;color:#fff;border-color:#000;transform:none}.btn-loading{color:transparent!important}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:btn-spinner .6s linear infinite}@keyframes btn-spinner{to{transform:rotate(360deg)}}.btn-primary{background:#000000;border-color:#000;color:#fff}.btn-primary:hover{background:var(--text-nav);color:#000}.btn-secondary{background:transparent;border-color:var(--border-color);color:var(--text-nav)}.btn-secondary:hover{background:var(--text-nav);color:#000}input,select,textarea{font-family:var(--font-family);font-weight:500;text-transform:lowercase;background:var(--bg-primary);color:var(--text-primary);border:2px solid var(--border-color);padding:12px 16px;border-radius:6px;width:100%;min-height:44px;transition:border-color .2s ease,box-shadow .2s ease}textarea{min-height:100px;resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #7a7a7a33}input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-content)}input::placeholder,textarea::placeholder{color:var(--accent);opacity:.7}input::placeholder,select::placeholder,textarea::placeholder{color:var(--accent);opacity:.6}input.required,select.required,textarea.required{border-left:3px solid var(--accent)}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-height:auto;margin:0;cursor:pointer;accent-color:var(--accent)}.form-field-wrapper{position:relative;margin-bottom:1rem}.form-field-wrapper label{margin-bottom:.5rem}.form-error{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:8px 12px;background:rgba(220,53,69,.15);border:1px solid rgba(220,53,69,.4);border-radius:4px;color:#ff6b6b;font-size:.875rem}.form-error-icon{flex-shrink:0;width:16px;height:16px}.form-hint{display:block;margin-top:.5rem;color:var(--accent);font-size:.8rem}.form-success{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:8px 12px;background:rgba(40,167,69,.15);border:1px solid rgba(40,167,69,.4);border-radius:4px;color:#69db7c;font-size:.875rem}.input-error{border-color:#dc3545!important;box-shadow:0 0 0 3px #dc354533!important}.input-success{border-color:#28a745!important;box-shadow:0 0 0 3px #28a74533!important}.form-row{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-actions{display:flex;gap:1rem;margin-top:1.5rem;justify-content:flex-end}.form-actions-left{justify-content:flex-start}.form-actions-between{justify-content:space-between}label{display:block;margin-bottom:.5rem;color:var(--text-nav);font-weight:600}table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--accent)}th{background:var(--header-bg);color:var(--text-nav);font-weight:700;text-transform:lowercase}tr:hover{background:rgba(41,41,41,.5)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--text-nav)}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.d-flex{display:flex}.flex-column{flex-direction:column}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.align-center{align-items:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.grid{display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 768px){.grid-2,.grid-3{grid-template-columns:1fr}}.spinner{border:4px solid var(--bg-content);border-top:4px solid var(--accent);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:2rem auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{display:flex;align-items:flex-start;gap:.75rem;background:rgba(220,53,69,.1);border:1px solid rgba(220,53,69,.3);border-left:4px solid #dc3545;color:#ff6b6b;padding:1rem;border-radius:6px;margin-bottom:1rem;animation:slideIn .3s ease}.error-message svg{flex-shrink:0;margin-top:2px}.success-message{display:flex;align-items:flex-start;gap:.75rem;background:rgba(40,167,69,.1);border:1px solid rgba(40,167,69,.3);border-left:4px solid #28a745;color:#69db7c;padding:1rem;border-radius:6px;margin-bottom:1rem;animation:slideIn .3s ease}.success-message svg{flex-shrink:0;margin-top:2px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.warning-message{display:flex;align-items:flex-start;gap:.75rem;background:rgba(255,193,7,.1);border:1px solid rgba(255,193,7,.3);border-left:4px solid #ffc107;color:#ffc107;padding:1rem;border-radius:6px;margin-bottom:1rem}.warning-message svg{flex-shrink:0;margin-top:2px}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:lowercase}.badge-primary{background:var(--accent);color:var(--bg-primary)}.badge-success{background:#28a745;color:#fff}.badge-warning{background:#ffc107;color:#000}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-nav);font-weight:600}.form-group input,.form-group select,.form-group textarea{width:100%}.action-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.empty-state{text-align:center;padding:3rem;color:var(--accent)}.empty-state h3{color:var(--text-primary);margin-bottom:.5rem}
