:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-height:100vh;background-color:#e5e4e2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.logout-btn{padding:10px 20px;background-color:#ff4d4d;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:20px;width:350px}.logout-btn:hover{background-color:#ff1a1a}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.form-wrapper{background:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 8px #0000000f;max-width:400px;width:100%;margin:auto;box-sizing:border-box}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500}.form-group input{width:100%;padding:10px;font-size:1em;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.card-element-wrapper{padding:12px;border:1px solid #ccc;border-radius:4px;margin-bottom:16px}.form-message{margin-top:16px;font-weight:500}.form-message.success{color:green}.form-message.error{color:red}.PayNow{background-color:#635bff;color:#fff;width:350px;margin-top:30px}@media (prefers-color-scheme: dark){body{background:#0b0c0f;color:#e8eaed}.form-wrapper{background:#111317;border:1px solid #2a2f36}.form-group label{color:#b7bcc5}.form-group input,.form-group select{background:#16181c;color:#e8eaed;border:1px solid #30343a}.card-element-wrapper{background:#16181c;border:1px solid #30343a}.PayNow,.logout-btn,.totals-btn{background:#1f2329;color:#e8eaed;border-color:#2a2f36}.form-message.success,.totals-message.success{color:#2bb673}.form-message.error,.totals-message.error{color:#ff6b6b}}:root{--background-color: #ececec;--text-color: #222;--card-bg: #fff;--border-color: #ccc;--input-bg: #f9f9f9;--input-border: #ccc}@media (prefers-color-scheme: dark){:root{--background-color: #181a1b;--text-color: #f2f2f2;--card-bg: #222325;--border-color: #333;--input-bg: #242526;--input-border: #444}}body,#root{background:var(--background-color);color:var(--text-color)}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;background:var(--background-color);color:var(--text-color)}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em;background:var(--card-bg);color:var(--text-color);border-radius:10px;box-shadow:0 4px 20px #00000012;border:1px solid var(--border-color)}.read-the-docs{color:#888}.App input:not(.cl-input),.card-element-wrapper{background:var(--input-bg);color:var(--text-color);border:1px solid var(--input-border);border-radius:5px;padding:.6em 1em;margin:.4em 0;width:100%;font-size:1em;box-sizing:border-box}form select,.form-wrapper select,#root select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:var(--input-bg)!important;color:var(--text-color)!important;border:1px solid var(--input-border)!important;border-radius:5px!important;padding:.6em 2em .6em 1em!important;margin:.4em 0!important;width:100%!important;font-size:1em!important;font-family:inherit!important;min-height:42px!important;height:42px!important;box-sizing:border-box!important;background-image:url("data:image/svg+xml;charset=UTF-8,<svg fill='gray' height='24' width='24' viewBox='0 0 24 24'><path d='M7 10l5 5 5-5z'/></svg>")!important;background-repeat:no-repeat!important;background-position:right .7em top 50%!important;background-size:1.1em!important;line-height:1.2!important}.login-container{width:100%;max-width:400px;margin:0 auto;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a}h2{text-align:center;margin-bottom:20px}form{display:flex;flex-direction:column}form div{margin-bottom:15px}label{font-weight:700}input{width:80%;padding:10px;margin-top:5px;border:1px solid #ccc;border-radius:4px}button{padding:10px;background-color:#5433ff;color:#fff;border:none;border-radius:4px;cursor:pointer}button:disabled{background-color:#ccc}.error-message{color:red;font-size:.9em;text-align:center}@media (prefers-color-scheme: dark){.login-card{background:#111317;border:1px solid #2a2f36;border-radius:12px;box-shadow:0 8px 24px #00000040;padding:30px}.login-title{color:#e8eaed}.login-label{color:#b7bcc5}.login-input{background:#16181c;color:#e8eaed;border:1px solid #30343a;border-radius:8px;padding:10px}.login-input::placeholder{color:#8e96a3}.login-btn{background:#1f2329;color:#e8eaed;border:1px solid #2a2f36;border-radius:8px;cursor:pointer}.login-btn:hover{filter:brightness(1.05)}.error-message{color:#ff6b6b}}