:root{--bg-body: #332f28;--bg-content: #ffecc7;--bg-card: #f2e0bd;--bg-header: #006db7;--bg-explain: #ede5ce;--btn-red: #dd3b25;--btn-red-border-light: #ff442b;--btn-red-border-dark: #852317;--btn-blue: #264678;--btn-blue-light: #2b76ff;--btn-blue-dark: #173685;--btn-green: #1d992c;--text-primary: #000;--text-ylw: #6b441b;--text-grn: #097d26;--text-link: #004687;--text-link-hover: #0077e5;--text-epic: #6300b4;--text-red: #c73522;--text-white: #fff;--text-gray: #6e6e6e;--text-time: #6b441b;--status-running: #097d26;--status-stopped: #c73522;--status-paused: #6b441b;--border-gold: #ff9b3a;--border-soft: #9c9079;--delim-color: #cfbfa1;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--radius: 4px;--radius-md: 6px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Tahoma,Arial,sans-serif;background-color:var(--bg-body);color:var(--text-primary);font-size:14px;line-height:1.4;min-height:100vh;max-width:900px;margin:0 auto}#root{min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh}.header{background:linear-gradient(to bottom,#0080d0,#006db7);background-image:url(https://xospital.mobi/Themes/images/winter.png);background-repeat:repeat-x;background-position:left;padding:var(--spacing-md) var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;color:var(--text-white);text-shadow:0 1px 5px black}.header h1{font-size:1.3rem;font-weight:400;display:flex;align-items:center;gap:var(--spacing-sm)}.header h1 img{width:32px;height:32px;border-radius:var(--radius)}.header-user{display:flex;align-items:center;gap:var(--spacing-md);font-size:.9rem}.main{flex:1;background-color:var(--bg-content);padding:var(--spacing-lg)}.card{background:var(--bg-explain);border-radius:var(--radius);padding:var(--spacing-md);border:2px solid var(--border-soft);border-top-color:#9e9e9e;border-left-color:#9e9e9e;border-right-color:#5e5e5e;border-bottom-color:#5e5e5e;margin-bottom:var(--spacing-md)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px dashed var(--delim-color)}.card-title{color:var(--text-ylw);font-size:1.1rem;font-weight:700}.grid{display:grid;gap:var(--spacing-md)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.btn{padding:5px 12px;border-radius:var(--radius-md);font-size:.9rem;font-weight:700;cursor:pointer;transition:background-color .2s;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);text-decoration:none;color:var(--text-white)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--btn-red);border:1px solid;border-color:var(--btn-red-border-light) var(--btn-red-border-dark) var(--btn-red-border-dark) var(--btn-red-border-light)}.btn-primary:hover:not(:disabled){background-color:#f7422a}.btn-success{background-color:var(--btn-green);border:1px solid #114a17}.btn-success:hover:not(:disabled){background-color:#22b333}.btn-secondary{background-color:var(--btn-blue);border:1px solid;border-color:var(--btn-blue-light) var(--btn-blue-dark) var(--btn-blue-dark) var(--btn-blue-light)}.btn-secondary:hover:not(:disabled){background-color:#3866b1}.btn-danger{background-color:var(--btn-red);border:1px solid;border-color:var(--btn-red-border-light) var(--btn-red-border-dark) var(--btn-red-border-dark) var(--btn-red-border-light)}.btn-gray{background-color:#ccc;border:1px solid #a1a1a1;color:gray}.status-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 12px;border-radius:var(--radius);font-size:.85rem;font-weight:700;background-color:var(--bg-content);border:2px solid var(--border-soft)}.status-running{color:var(--status-running);border-color:var(--status-running)}.status-stopped{color:var(--status-stopped)}.status-paused{color:var(--status-paused)}.status-error{color:var(--status-stopped)}.stat-card{text-align:center;padding:var(--spacing-md);background-color:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border-soft)}.stat-value{font-size:1.8rem;font-weight:700;color:var(--text-ylw)}.stat-value.green{color:var(--text-grn)}.stat-value.epic{color:var(--text-epic)}.stat-label{font-size:.8rem;color:var(--text-gray);margin-top:var(--spacing-xs)}.input{width:100%;padding:6px 10px;background:#fff;border:1px solid var(--border-soft);border-radius:var(--radius);color:var(--text-primary);font-size:.95rem;font-family:Verdana,Arial,sans-serif}.input:focus{outline:none;border-color:var(--text-link)}.input-group{margin-bottom:var(--spacing-md)}.input-label{display:block;margin-bottom:var(--spacing-xs);color:var(--text-ylw);font-weight:700;font-size:.9rem}.select{width:100%;padding:6px 10px;background:#fff;border:1px solid var(--border-soft);border-radius:var(--radius);color:var(--text-primary);font-size:.95rem;cursor:pointer}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:var(--spacing-sm);text-align:left;border-bottom:1px dashed var(--delim-color)}.table th{color:var(--text-ylw);font-weight:700;font-size:.85rem;background-color:var(--bg-card)}.table tr:hover td{background-color:var(--bg-card)}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-body);padding:var(--spacing-lg)}.login-card{width:100%;max-width:320px;background:var(--bg-content);padding:var(--spacing-lg);border-radius:var(--radius)}.login-title{text-align:center;margin-bottom:var(--spacing-lg)}.login-title h2{color:var(--text-ylw);font-size:1.3rem}.login-title img{width:96px;height:96px;margin-bottom:var(--spacing-sm);border-radius:var(--radius);border:2px solid var(--border-gold)}.log-container{background:#fff;border:1px solid var(--border-soft);border-radius:var(--radius);max-height:300px;overflow-y:auto;font-family:Monaco,Consolas,monospace;font-size:.8rem}.log-entry{padding:4px 8px;border-bottom:1px dotted #ccc}.log-entry.info{color:var(--text-primary)}.log-entry.warn{color:var(--text-ylw);background-color:#fff8e0}.log-entry.error{color:var(--status-stopped);background-color:#ffe8e8}.log-entry.success{color:var(--status-running);background-color:#e8ffe8}.log-timestamp{color:var(--text-time);margin-right:var(--spacing-sm)}.progress-bar{background:#fff;height:5px;border:1px solid var(--border-soft);border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFElEQVQYV2NkIBIwEqmOYVQhMQoBLqIDw+aYLqsAAAAASUVORK5CYII=) repeat scroll 0 0 #006db7;transition:width .3s ease}.progress-bar-fill.green{background-color:var(--btn-green)}.progress-bar-fill.red{background-color:var(--btn-red)}.chart-container{background:#fff;border:1px solid var(--border-soft);border-radius:var(--radius);padding:var(--spacing-md)}.schedule-item{border-radius:10px;border:2px solid #ffaa97;padding:10px;box-shadow:inset 0 0 6px #ffb631;background-color:var(--bg-content);margin-bottom:10px}.schedule-item.active{border-color:var(--btn-green)}.schedule-item.inactive{opacity:.6}.controls-section{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-md) 0}.mode-toggle{display:flex;gap:var(--spacing-xs);margin-left:auto}.bot-status-display{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.state-info{display:flex;flex-direction:column;gap:2px}.state-label{font-size:.75rem;color:var(--text-gray)}.state-value{font-weight:700;color:var(--text-ylw)}.game-icon{width:48px;height:48px;border-radius:var(--radius);border:1px solid var(--border-gold)}.game-icon-sm{width:24px;height:24px}.game-icon-lg{width:96px;height:96px}a{color:var(--text-link);font-weight:700;text-decoration:none}a:hover{color:var(--text-link-hover)}.delim-dashed{border-top:1px dashed #ccc;margin:var(--spacing-sm) 0}.delim-solid{height:1px;border-top:1px solid var(--delim-color);margin:var(--spacing-sm) 0}.text-ylw{color:var(--text-ylw);font-weight:700}.text-grn{color:var(--text-grn)}.text-epic{color:var(--text-epic);font-weight:700}.text-red{color:var(--text-red)}.text-gray{color:var(--text-gray)}.text-time{color:var(--text-time)}.text-bold{font-weight:700}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.pt-sm{padding-top:var(--spacing-sm)}.pb-sm{padding-bottom:var(--spacing-sm)}.flex{display:flex}.flex-center{align-items:center;justify-content:center}.flex-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.text-center{text-align:center}.text-right{text-align:right}.smallfont{font-size:small}.xsmallfont{font-size:x-small}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.pulse{animation:pulse 2s infinite}.soft-panel{padding:2px;border-radius:var(--radius);background-color:var(--bg-card);border:1px solid var(--border-soft)}.online-indicator{width:8px;height:8px;border-radius:50%;display:inline-block}.online-indicator.active{background-color:var(--status-running)}.online-indicator.inactive{background-color:var(--text-gray)}.footer{background-color:var(--bg-body);color:var(--text-gray);text-align:center;padding:var(--spacing-md);font-size:small}.footer a{color:#ff0}