:root{--bg-color:#0b132b;--panel-bg:#151f38;--text-primary:#fff;--text-secondary:#a6b8d4;--accent-color:#314a72;--accent-glow:#00e5ff;--success:#00e699;--warning:#fc0;--danger:#f44;--border-radius:16px}*{box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at top, #142042 0%, var(--bg-color) 40%);background-repeat:no-repeat;background-attachment:fixed;margin:0;font-family:Inter,Roboto,sans-serif}.app-container{flex-direction:column;gap:28px;max-width:600px;min-height:100vh;margin:0 auto;padding:30px 20px;display:flex}.app-container>:not(:last-child):not(.header){position:relative}.app-container>:not(:last-child):not(.header):after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);border-radius:50%;width:90%;height:2px;position:absolute;bottom:-15px;left:5%}.header{text-align:center;flex-direction:column;gap:12px;padding:40px 0 20px;display:flex}.header h1{letter-spacing:-1px;color:var(--text-primary);text-shadow:0 0 30px #00e5ff80;margin:0;font-size:3rem;font-weight:800}.header p{color:var(--text-secondary);letter-spacing:.5px;margin:0;font-size:1.1rem;font-weight:400}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#151f38cc,#111a30e6);border:1px solid #ffffff14;border-radius:20px;padding:28px;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 16px 40px #0006,inset 0 1px 1px #ffffff1a}.card:hover{border:1px solid #ffffff1f;transform:translateY(-4px);box-shadow:0 24px 48px #0009,inset 0 1px 1px #ffffff26}.card-title{letter-spacing:.5px;color:var(--text-primary);border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;margin-top:0;margin-bottom:24px;padding-bottom:16px;font-size:1.4rem;font-weight:700;display:flex}.btn{background:linear-gradient(135deg, var(--accent-color), #1c2e4a);color:var(--text-primary);cursor:pointer;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:16px 24px;font-size:1.1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 15px #0003}.btn:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#ffffff1a,#0000);transition:opacity .3s;position:absolute;inset:0}.btn:hover{background:linear-gradient(135deg, var(--accent-glow), #00b3cc);color:#0b132b;border-color:#ffffff80;transform:translateY(-3px);box-shadow:0 12px 24px #00e5ff4d,0 4px 8px #0006}.btn:hover:after{opacity:1}.btn:active{transform:translateY(-1px);box-shadow:0 6px 12px #00e5ff33}.btn-secondary{color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff26}.btn-secondary:hover{color:var(--text-primary);background:#ffffff1a;border-color:#ffffff4d;box-shadow:0 8px 20px #0003}.form-group{margin-bottom:18px}.form-group label{color:var(--text-secondary);margin-bottom:8px;font-size:.95rem;font-weight:500;display:block}select{width:100%;color:var(--text-primary);appearance:none;background-color:#00000040;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:14px;font-size:1.05rem;transition:border-color .2s,box-shadow .2s}select:focus{border-color:var(--accent-glow);box-shadow:0 0 0 2px #00e5ff33}.status-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.status-item{text-align:center;background-color:#00000040;border:1px solid #ffffff0a;border-radius:16px;padding:20px 16px;box-shadow:inset 0 2px 10px #0003}.status-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:.85rem;font-weight:600}.status-value{text-shadow:0 2px 10px #0000004d;font-size:1.5rem;font-weight:800}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.alert-banner{border-left:4px solid var(--danger);background:linear-gradient(90deg,#ff444426,#ff44440d);border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:4px;padding:16px;display:flex;box-shadow:0 4px 15px #00000026}.alert-icon{color:var(--danger);font-size:1.2rem;font-weight:700}.alert-content p{color:#ffffffe6;margin:0;font-size:.95rem;line-height:1.5}
