*{margin:0;padding:0;box-sizing:border-box}body{font-family:Consolas,Courier New,monospace;background-color:#0a0a0a;color:#e8e4d0;line-height:1.6}html,body,#root{height:100%}:root{--bg-dark: #0a0a0a;--bg-panel: #1a1a1a;--bg-panel2: #252525;--border-color: #3a3a3a;--primary: #c84c2c;--primary-hover: #9d3d21;--secondary: #c9a961;--text-main: #e8e4d0;--text-sub: #7a7068;--error: #a0451a;--success: #4a7c4e}body{background-color:var(--bg-dark)}.container{max-width:1200px;margin:0 auto;padding:20px}header{background-color:var(--bg-panel);border-bottom:2px solid var(--primary);padding:20px;display:flex;justify-content:space-between;align-items:center}header h1{font-size:24px;color:var(--primary);margin:0}header .subtitle{font-size:12px;color:var(--secondary);margin-top:4px}header .user-info{font-size:12px;color:var(--text-sub)}header button{background-color:var(--primary);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:12px}header button:hover{background-color:var(--primary-hover)}main{min-height:calc(100vh - 100px);padding:20px 0}.card{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:6px;padding:20px;margin-bottom:20px}.card h2{color:var(--primary);margin-bottom:15px;font-size:18px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px}.stat-box{background-color:var(--bg-panel2);border-left:4px solid var(--primary);padding:20px;border-radius:4px}.stat-box .label{color:var(--text-sub);font-size:12px;text-transform:uppercase;margin-bottom:8px}.stat-box .value{font-size:32px;color:var(--primary);font-weight:700}form{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column}label{color:var(--text-main);font-size:12px;margin-bottom:6px;text-transform:uppercase}input,select,textarea{background-color:var(--bg-panel2);border:1px solid var(--border-color);color:var(--text-main);padding:10px;border-radius:4px;font-family:Consolas,monospace;font-size:14px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 8px #c84c2c4d}input::placeholder{color:var(--text-sub)}button{background-color:var(--primary);color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;text-transform:uppercase;transition:background-color .2s}button:hover{background-color:var(--primary-hover)}button:disabled{background-color:var(--text-sub);cursor:not-allowed}button.secondary{background-color:var(--border-color);color:var(--text-main)}button.secondary:hover{background-color:#4a4a4a}button.danger{background-color:var(--error)}button.danger:hover{background-color:#832608}button.success{background-color:var(--success)}button.success:hover{background-color:#3a6a3e}table{width:100%;border-collapse:collapse;margin-top:15px}thead{background-color:var(--bg-panel2);border-top:2px solid var(--primary);border-bottom:1px solid var(--border-color)}th{padding:12px;text-align:left;color:var(--primary);font-size:12px;text-transform:uppercase;font-weight:700}td{padding:12px;border-bottom:1px solid var(--border-color);font-size:13px}tbody tr:hover{background-color:var(--bg-panel2)}.badge{display:inline-block;padding:4px 8px;border-radius:3px;font-size:11px;text-transform:uppercase;font-weight:700}.badge.active{background-color:var(--success);color:#fff}.badge.inactive{background-color:var(--error);color:#fff}.badge.expired{background-color:#653;color:var(--secondary)}.badge.trial{background-color:#4a5a6a;color:var(--secondary)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:1000;justify-content:center;align-items:center}.modal.active{display:flex}.modal-content{background-color:var(--bg-panel);border:2px solid var(--primary);border-radius:6px;padding:30px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:15px}.modal-header h2{color:var(--primary);margin:0}.modal-close{background:none;border:none;color:var(--text-sub);font-size:24px;cursor:pointer;padding:0}.modal-close:hover{color:var(--primary)}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.search-bar{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.search-bar input{flex:1;min-width:200px}.search-bar select{min-width:150px}.search-bar button{min-width:100px}.pagination{display:flex;justify-content:center;gap:10px;margin-top:20px}.pagination button{padding:8px 12px;min-width:auto}.pagination button.active{background-color:var(--primary)}.loading{text-align:center;padding:40px;color:var(--text-sub)}.error{background-color:var(--error);color:#fff;padding:15px;border-radius:4px;margin-bottom:20px}.success-message{background-color:var(--success);color:#fff;padding:15px;border-radius:4px;margin-bottom:20px}.warning{background-color:var(--secondary);color:#0a0a0a;padding:15px;border-radius:4px;margin-bottom:20px}@media (max-width: 768px){header{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr}table{font-size:12px}th,td{padding:8px}.modal-content{width:95%;padding:20px}.search-bar{flex-direction:column}.search-bar input,.search-bar select{width:100%;min-width:auto}}