@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;background:var(--bg-body);color:var(--text-primary);font-size:16px}a{color:var(--orange-link);text-decoration:none}.app-bg{min-height:100%;position:relative;overflow-x:hidden;background:radial-gradient(1200px 600px at 50% -10%,rgba(255,107,43,.06),transparent),linear-gradient(160deg,var(--bg-gradient-a),var(--bg-gradient-b))}.spotlight{position:fixed;top:-180px;left:50%;transform:translate(-50%);width:600px;height:400px;pointer-events:none;z-index:0;background:radial-gradient(circle,var(--orange-glow),transparent 70%);filter:blur(80px)}.card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.center{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:24px}.container{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:8px 24px 48px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.04em}.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--orange-500);box-shadow:0 0 14px var(--orange-glow)}.brand .name{font-size:1.05rem}.brand .name b{color:var(--orange-600)}.login{width:100%;max-width:380px;padding:32px;border-radius:var(--radius-lg)}.login h1{font-size:1.15rem;font-weight:600;margin:18px 0 4px}.login p.sub{color:var(--text-secondary);font-size:.85rem;margin:0 0 22px}.field{margin-bottom:14px}.field label{display:block;font-size:.74rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);margin-bottom:6px}.input{width:100%;padding:10px 12px;font-size:.9rem;font-family:inherit;background:var(--surface);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus{outline:none;border-color:var(--orange-400);box-shadow:0 0 0 3px #ff6b2b1f}.btn{width:100%;padding:11px 16px;font-size:.9rem;font-weight:600;font-family:inherit;color:#fff;background:var(--orange-500);border:none;border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 0 24px var(--orange-glow);transition:transform var(--transition-fast),background var(--transition-fast)}.btn:hover{background:var(--orange-600);transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:default;transform:none}.error{color:var(--red-500);font-size:.82rem;margin:8px 0 0}.btn-ghost{padding:7px 14px;font-size:.82rem;font-weight:500;font-family:inherit;color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.btn-ghost:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.topbar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;max-width:1080px;margin:0 auto}.topbar .right{display:flex;align-items:center;gap:14px}.page-title{font-size:1.15rem;font-weight:600;margin:8px 0 2px}.page-sub{color:var(--text-secondary);font-size:.85rem;margin:0 0 22px}.statusbar{display:flex;align-items:center;gap:18px;padding:13px 18px;margin-bottom:18px;font-size:.82rem;color:var(--text-secondary);flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:7px;font-weight:500;color:var(--text-primary)}.pill .led{width:8px;height:8px;border-radius:50%}.led.ok{background:var(--green-500);box-shadow:0 0 8px #22c55e99}.led.bad{background:var(--amber-500);box-shadow:0 0 8px #f59e0b99}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.tile{padding:18px;transition:transform var(--transition-base),border-color var(--transition-base)}.tile:hover{transform:translateY(-2px);border-color:var(--glass-border-hover)}.tile .ico{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:1.1rem;background:#ff6b2b1f;color:var(--orange-600);margin-bottom:12px}.tile h3{font-size:.95rem;font-weight:600;margin:0 0 4px}.tile p{font-size:.82rem;color:var(--text-secondary);margin:0}.badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.72rem;font-weight:600}.badge.soon{background:#0000000d;color:var(--text-tertiary)}.badge.active{background:#22c55e24;color:#1c8a4b}.muted{color:var(--text-tertiary)}:root{--orange-500: #ff6b2b;--orange-400: #ff8f5e;--orange-600: #e55a1b;--orange-link: #c96a1a;--orange-glow: rgba(255, 107, 43, .22);--purple: #6c6aa8;--red-500: #ef4444;--green-500: #22c55e;--amber-500: #f59e0b;--bg-body: #faf6ef;--bg-gradient-a: #fdf8f0;--bg-gradient-b: #f9f5ef;--surface: #ffffff;--glass-bg: rgba(255, 255, 255, .55);--glass-bg-hover: rgba(255, 255, 255, .78);--glass-border: rgba(0, 0, 0, .08);--glass-border-hover: rgba(0, 0, 0, .12);--glass-blur: 20px;--text-primary: rgba(20, 16, 12, .92);--text-secondary: rgba(20, 16, 12, .6);--text-tertiary: rgba(20, 16, 12, .4);--text-accent: var(--orange-600);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-card: 0 4px 24px rgba(80, 50, 20, .1);--shadow-glow: 0 0 40px rgba(255, 107, 43, .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}