*{box-sizing:border-box}body,html,#root{margin:0;padding:0;height:100%;font-family:system-ui,sans-serif;background:#fffbf2;color:#2b1810}a{color:#ff6f00}button{cursor:pointer}.app{display:flex;min-height:100vh}.sidebar{width:230px;background:#ff6f00;color:#fff;padding:18px 10px;display:flex;flex-direction:column;gap:4px}.sidebar h1{font-size:18px;margin:0 10px 20px}.sidebar a{color:#fff;text-decoration:none;padding:10px 14px;border-radius:6px;display:block;font-weight:600}.sidebar a.active,.sidebar a:hover{background:#ffffff26}.main{flex:1;padding:24px;max-width:1100px}.card{background:#fff;border-radius:10px;padding:18px;box-shadow:0 1px 6px #0000000f;margin-bottom:18px}h2{margin-top:0}label{display:block;font-weight:600;margin:10px 0 6px;font-size:13px}input,textarea,select{width:100%;padding:10px 12px;border:1px solid #EADFC8;border-radius:8px;font-size:14px;background:#fff}textarea{min-height:70px}.btn{background:#ff6f00;color:#fff;padding:10px 16px;border:none;border-radius:8px;font-weight:700}.btn.secondary{background:#666}.btn.danger{background:#b71c1c}.btn:disabled{opacity:.6}.row{display:grid;gap:12px;grid-template-columns:1fr 1fr}table{width:100%;border-collapse:collapse;margin-top:10px}th,td{padding:10px;border-bottom:1px solid #EADFC8;text-align:left;font-size:14px}th{background:#fff8e7}.login{max-width:380px;margin:80px auto}.badge{display:inline-block;padding:3px 8px;border-radius:12px;background:#fff8e7;color:#ff6f00;font-size:12px;font-weight:700}.error{color:#b71c1c;font-size:13px}.ok{color:#2e7d32;font-size:13px}.loginShell{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(1200px 600px at 10% -10%,#FFE0B2 0%,transparent 60%),radial-gradient(1000px 500px at 110% 110%,#FFD59A 0%,transparent 55%),linear-gradient(135deg,#fff8e7,#fffbf2,#fff3de);overflow:hidden}.loginGlow{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;pointer-events:none;z-index:0}.loginGlow.glow1{width:420px;height:420px;background:#ff9a3d;top:-120px;left:-120px}.loginGlow.glow2{width:520px;height:520px;background:#d4af37;bottom:-180px;right:-140px;opacity:.35}.loginCard{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:980px;min-height:580px;background:#fff;border-radius:24px;box-shadow:0 30px 80px #c43e002e,0 8px 24px #2b181014;overflow:hidden}.loginHero{position:relative;padding:44px 40px;color:#fff;background:radial-gradient(400px 280px at 20% 15%,rgba(255,255,255,.18) 0%,transparent 60%),linear-gradient(160deg,#ff8a1f,#ff6f00 45%,#c43e00);display:flex;flex-direction:column;align-items:center;text-align:center}.heroOrnamentTop,.heroOrnamentBottom{color:#ffe1a0cc;font-size:14px;letter-spacing:6px}.heroOrnamentBottom{margin-top:auto;padding-top:24px}.heroLogo{margin-top:18px;margin-bottom:14px}.heroLogoCircle{width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffe6b2,#ffc168 70%);border:3px solid rgba(255,255,255,.55);box-shadow:0 10px 26px #00000038,inset 0 -6px 12px #c43e0040;display:flex;align-items:center;justify-content:center}.heroOm{font-size:44px;color:#8a3a00;font-weight:700;text-shadow:0 2px 4px rgba(255,255,255,.6)}.heroBrand{font-size:34px;font-weight:900;letter-spacing:2px;margin:4px 0;text-shadow:0 2px 6px rgba(0,0,0,.25)}.heroOrg{font-size:12px;font-weight:600;letter-spacing:1px;margin:0;opacity:.92;text-transform:uppercase}.heroDivider{display:flex;align-items:center;gap:10px;width:180px;margin:22px 0 16px}.heroDividerLine{flex:1;height:1px;background:#ffe6b28c}.heroDividerGlyph{color:#ffe1a0;font-size:12px}.heroTagline{font-size:15px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 10px;color:#fff0cc}.heroSub{font-size:14px;line-height:1.55;margin:0 0 22px;opacity:.92;max-width:340px}.heroList{list-style:none;padding:0;margin:0;text-align:left;width:100%;max-width:320px}.heroList li{display:flex;align-items:center;gap:10px;font-size:13px;padding:6px 0;opacity:.95}.heroDot{width:6px;height:6px;border-radius:50%;background:#ffd480;flex-shrink:0;box-shadow:0 0 0 3px #ffd48038}.loginForm{padding:52px 48px 40px;display:flex;flex-direction:column;justify-content:center;background:#fff}.formHead{margin-bottom:28px}.formBadge{display:inline-block;background:#fff3de;color:#c43e00;font-size:10px;font-weight:800;letter-spacing:1.8px;padding:5px 10px;border-radius:20px;border:1px solid #F5DDB1;margin-bottom:14px}.formTitle{font-size:26px;font-weight:800;color:#2b1810;margin:0 0 6px;letter-spacing:-.2px}.formSub{font-size:14px;color:#7a6a58;margin:0}.field{margin-bottom:16px}.fieldLabel{display:block;font-size:12px;font-weight:700;color:#5a4a38;margin-bottom:6px;letter-spacing:.3px}.inputWrap{position:relative;display:flex;align-items:center}.inputIcon{position:absolute;left:14px;color:#ff8a1f;display:inline-flex;pointer-events:none}.inputField{width:100%;padding:12px 14px 12px 42px;background:#fffdf8;border:1.5px solid #EADFC8;border-radius:10px;font-size:14px;color:#2b1810;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;font-family:inherit}.inputField::placeholder{color:#b8a990}.inputField:hover{border-color:#e3cfa5}.inputField:focus{outline:none;border-color:#ff8a1f;background:#fff;box-shadow:0 0 0 4px #ff8a1f24}.inputToggle{position:absolute;right:10px;background:transparent;border:none;color:#9a8a72;padding:6px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;transition:color .15s ease,background .15s ease}.inputToggle:hover{color:#ff6f00;background:#fff3de}.errorBanner{display:flex;align-items:center;gap:8px;background:#ffeee8;border:1px solid #F5C0AF;color:#b33a0e;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:600;margin-bottom:14px;animation:shake .35s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.submitBtn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#ff8a1f,#ff6f00 60%,#c43e00);color:#fff;border:none;border-radius:12px;padding:14px 18px;font-size:15px;font-weight:800;letter-spacing:.5px;margin-top:6px;box-shadow:0 10px 24px #ff6f0047,inset 0 1px #ffffff40;transition:transform .1s ease,box-shadow .15s ease,filter .15s ease}.submitBtn:hover:not(:disabled){filter:brightness(1.04);box-shadow:0 14px 28px #ff6f0057}.submitBtn:active:not(:disabled){transform:translateY(1px)}.submitBtn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.spinner{width:16px;height:16px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.formFooter{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#9a8a72;font-weight:600;margin-top:22px}.footerDot{width:7px;height:7px;border-radius:50%;background:#2e7d32;box-shadow:0 0 0 3px #2e7d322e}.formVersion{text-align:center;font-size:11px;color:#b8a990;margin-top:8px;letter-spacing:.6px}@media (max-width: 860px){.loginCard{grid-template-columns:1fr;min-height:0;max-width:460px}.loginHero{padding:32px 28px 26px}.heroOrnamentBottom,.heroList{display:none}.heroSub{margin-bottom:0}.loginForm{padding:36px 28px}.heroBrand{font-size:28px}.heroLogoCircle{width:72px;height:72px}.heroOm{font-size:34px}}