:root{--navy:#12344a;--navy-2:#1c5367;--teal:#3aa6a0;--mint:#eaf7f5;--sky:#eef5fa;--ink:#183044;--muted:#6c8190;--line:#e4edf1;--white:#fff;--shadow:0 12px 35px rgba(18,52,74,.08)}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#f5fafb 0%,#eef5f8 100%);color:var(--ink);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:flex;min-height:100vh}aside{width:255px;background:linear-gradient(180deg,var(--navy),#0e293b);color:#fff;padding:25px 17px;display:flex;flex-direction:column;box-shadow:8px 0 28px rgba(18,52,74,.08)}.brand{font-weight:800;font-size:20px;letter-spacing:.5px;margin:0 9px 32px}.brand-logo{display:block;width:92px;height:92px;object-fit:contain;background:#fff;border-radius:18px;padding:5px;margin:0 auto 12px;box-shadow:0 8px 20px #06182633}.brand span{display:block;text-align:center;font-size:10px;letter-spacing:2px;color:#bfe6e2}nav{display:grid;gap:5px}nav a{color:#d9eef0;text-decoration:none;padding:11px 13px;border-radius:11px;transition:.2s}nav a:hover,nav a:focus{background:#ffffff18;color:#fff;transform:translateX(2px)}.user{margin-top:auto;color:#b9d1d7;font-size:12px;border-top:1px solid #ffffff22;padding:17px 10px}.user a{display:block;color:#fff;margin-top:9px}main{flex:1;padding:34px;max-width:1500px}.top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:23px}.top h1{margin:8px 0 0;font-size:30px;line-height:1.15;letter-spacing:-.5px;color:var(--navy)}.back-btn{border:1px solid #d7e6eb;background:#fff;color:var(--navy);border-radius:10px;padding:8px 12px;cursor:pointer;font-weight:700;box-shadow:0 3px 10px #12344a0c;transition:.2s}.back-btn:hover{background:var(--mint);border-color:#9ed7d1}.badge{background:var(--mint);color:#18766f;border-radius:999px;padding:8px 14px;font-weight:800;border:1px solid #c9ebe7}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin-bottom:24px}.card,.panel{background:rgba(255,255,255,.92);border:1px solid rgba(219,233,238,.9);border-radius:18px;padding:23px;box-shadow:var(--shadow)}.card{position:relative;overflow:hidden}.card:after{content:"";position:absolute;right:-22px;top:-25px;width:90px;height:90px;border-radius:50%;background:#3aa6a010}.card small{color:var(--muted);font-weight:650}.card strong{display:block;font-size:26px;margin-top:10px;color:var(--navy)}.green{border-left:4px solid #34a879}.red{border-left:4px solid #dd6a78}.blue{border-left:4px solid #438bd6}.panel{overflow:auto}.panelhead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.panel h2{margin:0;color:var(--navy);font-size:19px}.button,button{background:linear-gradient(135deg,#2f958f,#3aa6a0);color:#fff;border:0;border-radius:10px;padding:10px 15px;text-decoration:none;cursor:pointer;font-weight:750;box-shadow:0 6px 15px #2f958f25;transition:.2s}.button:hover,button:hover{filter:brightness(.96);transform:translateY(-1px)}table{border-collapse:collapse;width:100%;min-width:650px}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line)}th{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#78909d}tr:hover td{background:#f8fcfc}.pill{padding:4px 9px;border-radius:999px;font-size:11px;font-weight:750}.income,.paid{background:#dcf7eb;color:#087444}.expense,.due{background:#ffe7ea;color:#b4232f}.partial{background:#fff3d6;color:#996400}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}label{display:grid;gap:7px;font-weight:700;margin-bottom:17px;color:#395362}input,select,textarea{border:1px solid #d4e2e8;border-radius:10px;padding:11px 12px;font:inherit;background:#fff;color:var(--ink);outline:none;transition:.2s}input:focus,select:focus,textarea:focus{border-color:#61b9b1;box-shadow:0 0 0 4px #3aa6a018}textarea{resize:vertical}.formpanel{max-width:900px}.login{align-items:center;justify-content:center;background:radial-gradient(circle at 20% 10%,#58b8ae55,transparent 30%),linear-gradient(135deg,#12344a,#287d8b)}.loginbox{background:rgba(255,255,255,.98);border-radius:22px;padding:38px;width:min(430px,92vw);box-shadow:0 25px 70px #06132645}.login-logo{display:block;width:150px;height:150px;object-fit:contain;margin:0 auto 18px}.loginbox h1{color:var(--navy);margin:0;text-align:center;font-size:25px}.loginbox p{text-align:center;color:var(--muted);margin:7px 0 25px}.loginbox button{width:100%;margin-top:8px}.error{background:#ffe7ea;color:#b4232f;padding:10px;border-radius:9px;margin-bottom:15px}.receipt{max-width:760px;margin:40px auto;background:#fff;padding:40px;border-radius:20px;box-shadow:var(--shadow)}.receipt-logo{display:block;width:120px;height:120px;object-fit:contain;margin-bottom:12px}.print{float:right}@media(max-width:820px){body{display:block}aside{width:100%;padding:18px}.brand{margin-bottom:17px}nav{display:flex;overflow:auto;gap:5px}nav a{white-space:nowrap}.user{margin-top:15px}main{padding:20px}.grid{grid-template-columns:1fr}.top h1{font-size:25px}}@media print{.print{display:none}body{background:#fff}}
/* Advanced dashboard and receipt polish */
.welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:4px 0 28px}.eyebrow{font-size:11px;letter-spacing:2px;color:#3a9e98;font-weight:800}.welcome h2{font-size:28px;margin:4px 0;color:#12344a}.welcome p,.muted{color:#78909d;margin:0}.primary-action{padding:13px 18px}.card-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#edf8f6;color:#2f958f;font-weight:900;font-size:19px;float:right}.red .card-icon{background:#fff0f2;color:#d86372}.blue .card-icon{background:#edf4ff;color:#438bd6}.card-note{display:block;color:#91a2ac;font-size:12px;margin-top:8px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:20px;margin-bottom:22px}.chart-period{font-size:12px;color:#56817e;background:#edf8f6;padding:7px 11px;border-radius:999px}.chart-area{height:210px;display:flex;align-items:flex-end;border-bottom:1px solid #dfeaec;background:repeating-linear-gradient(to top,transparent 0,transparent 51px,#edf3f5 52px);padding:0 26px 0 30px}.chart-y{height:190px;display:flex;flex-direction:column;justify-content:space-between;color:#a0b0b7;font-size:11px;margin:0 14px 18px 0}.bar-chart{height:190px;flex:1;display:flex;align-items:flex-end;justify-content:center;gap:65px}.bar-group{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;color:#718793;font-size:12px}.bar{width:56px;min-height:12px;border-radius:13px 13px 4px 4px;position:relative;transition:height .5s ease;box-shadow:0 8px 18px #12344a18}.bar b{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;color:#48606d;font-weight:700}.income-bar{background:linear-gradient(180deg,#56c7bb,#2f958f)}.expense-bar{background:linear-gradient(180deg,#f49aa4,#d86372)}.legend{display:flex;gap:18px;margin-top:15px;color:#718793;font-size:12px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.income-dot{background:#3aa6a0}.expense-dot{background:#dc6978}.quick-panel{display:flex;flex-direction:column}.quick-link{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #edf2f3;color:var(--ink);text-decoration:none}.quick-link:last-child{border-bottom:0}.quick-link>span{width:35px;height:35px;border-radius:10px;background:#edf8f6;color:#2f958f;display:grid;place-items:center;font-weight:900}.quick-link div{flex:1}.quick-link b,.quick-link small{display:block}.quick-link small{color:#8a9ba4;font-size:12px;margin-top:2px}.quick-link em{font-style:normal;color:#9aadb6;font-size:23px}.text-link{color:#2f958f;text-decoration:none;font-weight:750;font-size:13px}.amount{font-weight:750;color:#234557}.empty{text-align:center;color:#91a2ac;padding:30px}.receipt{border-top:8px solid #2f958f}.receipt h1{letter-spacing:.5px}.receipt .line{padding:15px 0}.receipt .line:last-of-type{background:#edf8f6;border-radius:10px;padding:15px;margin-top:10px}.receipt button{background:#12344a}.receipt p{color:#718793}.receipt-logo{background:#fff;border-radius:14px;padding:4px;box-shadow:0 5px 16px #12344a12}@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}}@media(max-width:620px){.welcome{align-items:flex-start;flex-direction:column}.bar-chart{gap:35px}.bar{width:44px}.chart-area{padding-right:10px}.welcome h2{font-size:24px}}

.finance-chart{height:245px;display:flex;align-items:flex-end;justify-content:space-around;gap:8px;padding:20px 8px 0;border-bottom:1px solid #dfeaec;background:repeating-linear-gradient(to top,transparent 0,transparent 48px,#edf3f5 49px)}.finance-month{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:9px;color:#718793}.finance-bars{height:190px;display:flex;align-items:flex-end;gap:5px}.finance-bars i{display:block;width:14px;min-height:4px;border-radius:8px 8px 2px 2px}.finance-income{background:linear-gradient(180deg,#56c7bb,#2f958f)}.finance-expense{background:linear-gradient(180deg,#f49aa4,#d86372)}.finance-month small{font-size:11px;font-weight:700}@media(max-width:760px){.finance-bars i{width:9px}.finance-chart{gap:2px}}

/* Refined account menu and transaction form */
.user-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:13px 12px;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center}.avatar{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#55c9bc,#2f958f);display:grid;place-items:center;color:#fff;font-weight:850;font-size:15px}.user-info{min-width:0}.user-info b,.user-info span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info b{color:#fff;font-size:12px}.user-info span{color:#b8d1d5;font-size:10px;margin-top:2px}.logout-link{grid-column:1/-1;display:flex!important;align-items:center;justify-content:center;gap:7px;color:#e8ffff!important;text-decoration:none!important;background:#ffffff12;border:1px solid #ffffff15;border-radius:9px;padding:8px 10px;margin-top:2px!important;font-weight:750;font-size:12px;transition:.2s}.logout-link:hover{background:#d863721f;border-color:#d863724c;color:#ffdfe3!important;transform:none!important}.logout-link span{font-size:16px;line-height:1}.form-shell{max-width:980px;background:rgba(255,255,255,.9);border:1px solid #dce9ed;border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.form-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:28px 30px;background:linear-gradient(135deg,#f2fbfa,#eef6fb);border-bottom:1px solid #dfecee}.form-intro h2{margin:5px 0 4px;color:#12344a;font-size:25px}.form-intro p{margin:0;color:#718793}.form-badge{background:#fff;color:#2f958f;border:1px solid #cbe9e5;border-radius:999px;font-weight:850;padding:9px 14px}.clean-form{padding:0 30px}.form-section{padding:27px 0;border-bottom:1px solid #e5eef1}.section-title{display:flex;align-items:flex-start;gap:13px;margin-bottom:20px}.section-title>span{width:30px;height:30px;border-radius:10px;background:#e9f7f5;color:#2f958f;display:grid;place-items:center;font-size:12px;font-weight:850}.section-title b,.section-title small{display:block}.section-title b{color:#183d50;font-size:16px}.section-title small{color:#80939d;font-size:12px;margin-top:3px}.clean-form label{margin-bottom:0}.clean-form label>span{font-size:13px;color:#3e5968}.clean-form label em{font-style:normal;color:#9aaab2;font-weight:500;font-size:11px;margin-left:4px}.clean-form input,.clean-form select,.clean-form textarea{margin-top:7px;border-radius:11px;border-color:#d4e3e8;background:#fff;padding:12px 13px}.clean-form textarea{min-height:92px}.field-help{display:block;color:#95a5ad;font-size:11px;margin-top:5px;font-weight:500}.money-input{display:flex;align-items:center;margin-top:7px;border:1px solid #d4e3e8;border-radius:11px;background:#fff;overflow:hidden}.money-input b{padding:0 0 0 13px;color:#2f958f}.money-input input{border:0!important;box-shadow:none!important;margin:0!important;flex:1}.form-footer{display:flex;align-items:center;justify-content:flex-end;gap:20px;padding:22px 0}.cancel-link{color:#78909d;text-decoration:none;font-weight:750;padding:11px 5px}.cancel-link:hover{color:#2f958f}.save-button{padding:12px 19px}.save-button span{margin-right:5px}.clean-form .grid{gap:19px}.form-shell .eyebrow{font-size:10px}@media(max-width:650px){.form-intro{padding:23px 20px}.clean-form{padding:0 20px}.form-intro h2{font-size:22px}.form-footer{justify-content:space-between}.form-footer .save-button{flex:1}.user-card{max-width:380px}}

.row-actions{white-space:nowrap}.danger-link{background:none!important;color:#c55463!important;box-shadow:none!important;padding:0 0 0 9px!important;font-size:13px}.danger-link:hover{transform:none!important;text-decoration:underline}.locked-note{font-size:11px;color:#8b9ba3;background:#f1f5f6;padding:4px 7px;border-radius:7px}

/* Simple, focused transaction form */
.transaction-page{max-width:980px}.transaction-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.transaction-header h2{font-size:30px;line-height:1.1;margin:5px 0;color:#12344a}.transaction-header p{margin:0;color:#78909d}.back-link{color:#2f958f;background:#edf8f6;border:1px solid #cbe9e5;text-decoration:none;border-radius:10px;padding:10px 13px;font-weight:750;white-space:nowrap}.transaction-form{background:#fff;border:1px solid #dfeaec;border-radius:20px;box-shadow:var(--shadow);padding:26px}.type-switch{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.type-option{display:block;margin:0;cursor:pointer}.type-option input{position:absolute;opacity:0;pointer-events:none}.type-option span{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border:1.5px solid #dce8ec;border-radius:14px;background:#fbfdfd;transition:.2s}.type-option b{font-size:15px;color:#345362}.type-option small{color:#899ba4;font-size:11px}.type-option input:checked+span{border-color:#3aa6a0;background:#edf9f7;box-shadow:0 0 0 3px #3aa6a014}.expense-option input:checked+span{border-color:#d86372;background:#fff3f4;box-shadow:0 0 0 3px #d8637214}.primary-fields{display:grid;grid-template-columns:1.4fr .8fr;gap:18px;padding-bottom:22px;border-bottom:1px solid #e6eef1}.secondary-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;padding:22px 0}.transaction-form label{display:grid;gap:7px;margin:0;color:#3e5968;font-weight:700}.transaction-form label>span{font-size:13px}.transaction-form em{font-style:normal;color:#96a7af;font-size:11px;font-weight:500;margin-left:4px}.transaction-form input,.transaction-form select,.transaction-form textarea{margin:0;border-radius:10px;padding:12px 13px}.large-money{display:flex;align-items:center;border:1.5px solid #bcdedb;border-radius:12px;background:#faffff;overflow:hidden;box-shadow:0 0 0 3px #3aa6a00b}.large-money b{font-size:20px;color:#2f958f;padding-left:14px}.large-money input{border:0!important;box-shadow:none!important;font-size:24px;font-weight:800;color:#12344a;padding:10px 12px}.description-field{margin-top:2px!important}.description-field textarea{resize:vertical;min-height:78px}.transaction-footer{display:flex;justify-content:flex-end;align-items:center;gap:18px;margin-top:24px;padding-top:20px;border-top:1px solid #e6eef1}.transaction-footer .save-button{padding:12px 20px}.transaction-footer .cancel-link{padding:10px 4px}@media(max-width:700px){.transaction-header{align-items:flex-start;flex-direction:column}.transaction-header h2{font-size:26px}.transaction-form{padding:19px}.primary-fields,.secondary-fields{grid-template-columns:1fr}.type-switch{gap:8px}.type-option span{display:block}.type-option small{display:block;margin-top:4px}.transaction-footer{justify-content:space-between}.transaction-footer .save-button{flex:1}}

/* Premium welcome and login page */
.welcome-login{display:block;min-height:100vh;background:#f5fafb}.welcome-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(430px,.95fr);max-width:1500px;margin:0 auto;background:#fff;box-shadow:0 0 55px rgba(18,52,74,.08)}.welcome-visual{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:54px 8%;background:linear-gradient(145deg,#10384c 0%,#125264 52%,#2f958f 100%);color:#fff}.visual-orb{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.orb-one{width:390px;height:390px;right:-150px;top:-120px;background:#79d6c733;border:1px solid #ffffff1c}.orb-two{width:270px;height:270px;left:-155px;bottom:-110px;background:#0a273c55;border:1px solid #ffffff12}.visual-content,.visual-footer{position:relative;z-index:1}.welcome-logo-wrap{width:92px;height:92px;border-radius:24px;background:#fff;padding:6px;box-shadow:0 15px 32px #061f2d40;margin-bottom:24px}.welcome-logo{width:100%;height:100%;object-fit:contain;border-radius:18px}.welcome-kicker{font-size:11px;letter-spacing:3px;color:#b9eeea;font-weight:850}.welcome-visual h1{font-size:clamp(34px,4vw,58px);line-height:1.08;letter-spacing:-1.5px;margin:18px 0 18px}.welcome-visual h1 strong{color:#9ce4dc;font-weight:800}.welcome-visual p{max-width:480px;color:#d7eff0;font-size:16px;line-height:1.7;margin:0}.welcome-highlights{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.welcome-highlights span{font-size:12px;color:#e4fbf8;background:#ffffff13;border:1px solid #ffffff21;border-radius:999px;padding:9px 12px}.visual-footer{display:flex;justify-content:space-between;color:#b9dadd;font-size:11px;border-top:1px solid #ffffff25;padding-top:18px}.welcome-form-side{display:flex;flex-direction:column;justify-content:center;padding:50px clamp(28px,7vw,100px);background:#fff}.mobile-brand{display:none}.signin-card{max-width:430px;width:100%;margin:0 auto}.small-label{font-size:11px;letter-spacing:2px;color:#3a9e98;font-weight:850}.signin-heading h2{color:#12344a;font-size:29px;line-height:1.18;margin:9px 0 9px;letter-spacing:-.5px}.signin-heading p{color:#7c909a;margin:0 0 28px;font-size:14px}.signin-form label{display:grid;gap:8px;color:#395362;font-size:13px;font-weight:750;margin-bottom:17px}.input-wrap{height:49px;display:flex;align-items:center;border:1px solid #d7e5e9;border-radius:12px;background:#fbfdfd;transition:.2s}.input-wrap:focus-within{border-color:#50aca4;box-shadow:0 0 0 4px #3aa6a012;background:#fff}.input-wrap i{font-style:normal;color:#72a09e;font-size:13px;width:38px;text-align:center}.input-wrap input{border:0!important;box-shadow:none!important;background:transparent!important;flex:1;padding:11px 12px 11px 0!important;font-size:14px}.signin-options{display:flex;justify-content:space-between;align-items:center;margin:3px 0 22px;color:#8599a1;font-size:12px}.remember{display:flex!important;align-items:center;gap:7px;margin:0!important;font-weight:500!important;color:#6d838d!important}.remember input{accent-color:#2f958f;width:15px;height:15px}.secure-note{color:#65a09b}.signin-button{width:100%;height:51px;border-radius:12px;background:linear-gradient(135deg,#123f53,#2f958f);font-size:14px;letter-spacing:.2px;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 10px 22px #2f958f2e}.signin-button span{font-size:20px;line-height:0;transition:.2s}.signin-button:hover span{transform:translateX(4px)}.signin-footer{display:flex;justify-content:space-between;margin-top:21px;color:#9aabb2;font-size:11px}.status-dot{color:#55a69e}.status-dot:first-letter{font-size:10px}.welcome-form-side>.copyright{max-width:430px;width:100%;margin:40px auto 0;color:#a1afb5;text-align:center;font-size:11px}@media(max-width:850px){.welcome-shell{display:block;max-width:560px;min-height:100vh}.welcome-visual{display:none}.welcome-form-side{min-height:100vh;padding:36px 25px;background:linear-gradient(180deg,#f3fbfa 0%,#fff 38%)}.mobile-brand{display:flex;align-items:center;justify-content:center;gap:10px;color:#12344a;font-weight:850;letter-spacing:1.5px;font-size:12px;margin-bottom:45px}.mobile-brand img{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:12px;padding:3px;box-shadow:0 5px 12px #12344a15}.signin-card{background:#fff;border:1px solid #e1ecef;border-radius:22px;padding:25px 21px;box-shadow:0 15px 35px #12344a0d}.welcome-form-side>.copyright{margin-top:24px}}

/* Simple clean login */
.simple-login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#f4f8f9;padding:24px}.simple-login-card{width:min(430px,100%);background:#fff;border:1px solid #e1ebee;border-radius:20px;padding:34px;box-shadow:0 18px 45px rgba(18,52,74,.08)}.simple-brand{text-align:center;border-bottom:1px solid #edf2f3;padding-bottom:25px;margin-bottom:28px}.simple-brand img{display:block;width:78px;height:78px;object-fit:contain;margin:0 auto 11px;border-radius:16px}.simple-brand span{font-size:11px;letter-spacing:2px;color:#12344a;font-weight:850}.simple-heading{text-align:center}.simple-label{font-size:10px;letter-spacing:2px;color:#3a9e98;font-weight:850}.simple-heading h1{font-size:25px;line-height:1.2;color:#12344a;margin:8px 0}.simple-heading p{font-size:13px;line-height:1.55;color:#7b909a;margin:0 0 25px}.simple-form label{display:grid;gap:7px;color:#385463;font-size:13px;font-weight:750;margin-bottom:17px}.simple-form input{width:100%;height:48px;border:1px solid #d5e3e7;border-radius:10px;background:#fff;padding:11px 13px;font:inherit;outline:none}.simple-form input:focus{border-color:#52aaa3;box-shadow:0 0 0 4px #3aa6a014}.simple-form button{width:100%;height:49px;border-radius:10px;background:#123f53;color:#fff;font-weight:800;font-size:14px;margin-top:3px;box-shadow:none}.simple-form button:hover{background:#2f958f;transform:none}.simple-form button span{font-size:19px;margin-left:7px}.simple-footer{display:flex;justify-content:space-between;margin-top:21px;color:#96a7ae;font-size:11px}.online{color:#4e9d96}.simple-copyright{color:#9aaab1;font-size:11px;text-align:center;margin:18px 0 0}@media(max-width:480px){.simple-login{padding:16px}.simple-login-card{padding:27px 21px;border-radius:16px}.simple-heading h1{font-size:23px}}