/* ===================================================================
   LIT BILLBOOK — shared modern split-screen auth design (login + register)
   Linked from app_login.php and app_activation_form.php. Edit here once.
   =================================================================== */
.reghide{display:none;}
	/* ===== LIT BILLBOOK — modern split-screen login (v10.4.7) ===== */
	body.lg-body{background:#ffffff !important;margin:0;overflow-x:hidden;font-family:"Inter","Segoe UI",Roboto,-apple-system,BlinkMacSystemFont,Arial,sans-serif}
	.lg-login{display:flex;min-height:100vh}
	/* left showcase panel — dark charcoal to match the app sidebar */
	.lg-left{flex:1 1 auto;background:radial-gradient(1200px 500px at 10% -10%,rgba(16,185,129,.14),transparent 60%),linear-gradient(160deg,#0f172a 0%,#111c33 55%,#0b1220 100%);padding:44px 48px;position:relative;overflow:hidden}
	/* brand header (top-left of the dark panel) */
	.lg-brand{display:flex;align-items:center;gap:13px;margin:0 0 30px}
	.lg-brand-logo{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;background:#fff;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.25);flex:0 0 auto}
	.lg-brand-logo img{max-width:34px;max-height:34px;width:auto;height:auto}
	.lg-brand-text{display:flex;flex-direction:column;gap:3px}
	.lg-brand-name{font-size:23px;font-weight:800;letter-spacing:.4px;color:#fff;line-height:1.1}
	.lg-brand-name b{color:#34d399;font-weight:800}
	.lg-brand-ver{font-size:11.5px;font-weight:600;color:#94a3b8}
	.lg-brand-ver a{color:#34d399;text-decoration:none}
	.lg-brand-ver a:hover{text-decoration:underline}
	.lg-suit{font-size:12px;letter-spacing:2.5px;color:#34d399;font-weight:800;margin:6px 0 20px}
	.lg-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;max-width:790px}
	.lg-card{background:#fff;border-radius:14px;padding:15px 15px 14px;box-shadow:0 3px 12px rgba(16,24,40,.06);position:relative;min-height:98px;border:2px solid #d9dfe8;transition:transform .12s ease,box-shadow .12s ease}
	.lg-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(16,24,40,.12)}
	.lg-card .ic{font-size:22px;line-height:1}
	.lg-card .t{font-weight:700;color:#1e293b;margin-top:9px;font-size:14px}
	.lg-card .s{color:#64748b;font-size:11.5px;margin-top:3px;line-height:1.35}
	.lg-card.blue{background:#e6effe;border-color:#7fa8f7}.lg-card.blue .t{color:#2563eb}
	.lg-card.green{background:#e7f5ec;border-color:#7fd0a0}.lg-card.green .t{color:#16a34a}
	.lg-card.yellow{background:#fdf3d7;border-color:#e6c268}.lg-card.yellow .t{color:#b7791f}
	.lg-card.cyan{background:#e2f4f8;border-color:#79c8da}.lg-card.cyan .t{color:#0e8fa8}
	.lg-card.pink{background:#fdeaec;border-color:#f193ab}.lg-card.pink .t{color:#d6336c}
	.lg-card.gray{background:#eceef2;border-color:#b3bac7}.lg-card.gray .t{color:#4a5568}
	.lg-card.plum{background:#f6eafb;border-color:#d197e6}.lg-card.plum .t{color:#8c008c}
	.lg-badge{position:absolute;top:-9px;right:12px;background:#fff;border:1px solid #f3aacb;color:#d6336c;font-size:10px;font-weight:700;padding:2px 9px;border-radius:9px;box-shadow:0 1px 3px rgba(214,51,108,.15)}
	/* right form panel */
	.lg-right{flex:0 0 470px;max-width:470px;background:#fff;padding:38px 48px;display:flex;flex-direction:column;justify-content:center;position:relative;box-shadow:-10px 0 34px rgba(16,24,40,.06)}
	.lg-logo{text-align:center;margin-bottom:6px}
	.lg-logo .cube{color:#f2711c;font-size:46px;line-height:1}
	.lg-logo .wm{font-family:"Lora",Georgia,serif;font-weight:700;letter-spacing:1px;color:#1e293b;font-size:24px;margin-top:8px}
	.lg-logo-img{max-height:72px;max-width:230px;margin:4px auto 6px;display:inline-block}
	.lg-bizname{text-align:center;font-size:18px;font-weight:700;color:#1e293b;margin:4px 0 2px;line-height:1.25}
	.lg-sub{text-align:center;color:#64748b;font-size:14px;margin:4px 0 26px}
	.lg-field{margin-bottom:16px}
	.lg-field>label{display:block;font-size:13px;color:#1e293b;font-weight:600;margin-bottom:7px}
	.lg-input{position:relative}
	.lg-input input.form-control,.lg-input input{width:100%;height:auto;border:1px solid #e2e8f0;border-radius:10px;padding:11px 40px 11px 14px;font-size:14px;outline:none;background:#fff;color:#1e293b;transition:border-color .15s,box-shadow .15s;box-shadow:none}
	.lg-input input:focus{border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.15)}
	.lg-eye{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#64748b;cursor:pointer}
	.lg-optrow{display:flex;align-items:center;justify-content:space-between;margin:4px 0 22px}
	.lg-remember{display:flex;align-items:center;gap:9px;font-size:13px;color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none}
	.lg-switch{width:38px;height:20px;background:#cfd6e0;border-radius:20px;position:relative;transition:.2s;flex:0 0 auto}
	.lg-switch::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 2px rgba(0,0,0,.2)}
	.lg-remember input{display:none}
	.lg-remember input:checked + .lg-switch{background:#10b981}
	.lg-remember input:checked + .lg-switch::after{left:20px}
	.lg-forgot{color:#10b981;font-size:13px;text-decoration:none;font-weight:600}
	.lg-forgot:hover{color:#059669}
	.lg-signin{width:100%;background:#10b981;color:#fff;border:0;border-radius:10px;padding:12px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s;box-shadow:0 2px 8px rgba(16,185,129,.28)}
	.lg-signin:hover{background:#059669}
	.lg-ver{text-align:center;color:#64748b;font-size:12px;margin-top:12px}
	.lg-ver a{color:#64748b}
	.lg-foot{text-align:center;color:#64748b;font-size:11.5px;margin-top:14px;line-height:1.6}
	.lg-foot a{color:#10b981}
	.lg-nobrowser{padding:60px 30px;text-align:center;color:#1e293b}
	@media (max-width:920px){
		.lg-left{display:none}
		.lg-right{flex:1 1 100%;max-width:100%;box-shadow:none;padding:34px 22px}
	}