:root{color:#18233b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f9fc;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}#root{min-height:100vh}.expense-form-page{--lime:#b8fa55;--charcoal:#1c211b;min-height:100vh;color:var(--charcoal);background:radial-gradient(at 90% 5%,#baff7c80,#0000 36%),radial-gradient(at 5% 85%,#d8e7d1,#0000 40%),linear-gradient(135deg,#f5f7f2,#e8ede5);padding:42px clamp(24px,5vw,80px)}.expense-form-page>button{color:#3b4936;background:#fffc;border:1px solid #d8e2d0;border-radius:11px;align-items:center;gap:9px;padding:11px 16px;font-size:13px;font-weight:650;display:inline-flex;box-shadow:0 6px 18px #24361c0c}.expense-form-page>button:hover{background:#e7f9d5}.expense-form-heading{margin:38px 0 26px}.expense-form-heading>span{color:#608e28;letter-spacing:1.7px;font-size:11px;font-weight:800}.expense-form-heading h1{letter-spacing:-1.5px;margin:12px 0 8px;font-size:clamp(29px,3vw,40px)}.expense-form-heading p{color:#778174;margin:0;font-size:14px}.expense-form{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(145deg,#ffffffed,#eef6e8d9);border:1px solid #fff;border-radius:24px;flex-direction:column;width:100%;max-width:780px;padding:38px;display:flex;box-shadow:0 25px 65px #40552a20,inset 0 2px 2px #fff}.expense-form label{color:#344132;margin:0 0 9px;font-size:13px;font-weight:700}.expense-form input,.expense-form select,.expense-form textarea{color:#1c261a;background:#ffffffd9;border:1px solid #d7e2d0;border-radius:11px;outline:none;width:100%;margin:0 0 23px;padding:14px 16px;font-size:14px;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 2px 5px #283d1807}.expense-form input,.expense-form select{min-height:51px}.expense-form textarea{resize:vertical}.expense-form input:focus,.expense-form select:focus,.expense-form textarea:focus{border-color:#9bda48;box-shadow:0 0 0 4px #b7f66a30}.expense-file-field{color:#5e882e;background:#f4fbe9;border:1px dashed #a5d56d;border-radius:12px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 15px;display:flex}.expense-file-field input{min-height:auto;box-shadow:none;background:0 0;border:none;margin:0;padding:4px}.expense-form>button[type=submit]{color:#26351b;background:linear-gradient(115deg,#c6ff75,#a0ec38);border:1px solid #d4ffa0;border-radius:12px;justify-content:center;align-self:flex-start;align-items:center;gap:10px;min-width:170px;min-height:50px;margin-top:8px;padding:0 24px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 12px 26px #87c8313b,inset 0 1px #ffffffa0}.expense-form>button[type=submit]:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 17px 32px #87c83150}.expense-form>button[type=submit]:disabled{opacity:.65;cursor:not-allowed}.expense-form [role=alert]{color:#b42318;background:#fff0ef;border-radius:10px;padding:13px 15px;font-size:13px}.expense-form [role=status]{color:#3c711d;background:#e3f8d4;border-radius:10px;padding:13px 15px;font-size:13px}@media (width<=700px){.expense-form-page{padding:25px 18px}.expense-form{padding:25px 20px}}@media (prefers-reduced-motion:reduce){.expense-form>button[type=submit]{transition:none}}.master-sheet{background:linear-gradient(145deg,#fff,#f0f5eb);border:1px solid #ffffffe6;border-radius:24px;width:100%;padding:26px;box-shadow:0 22px 60px #2331191f}.master-sheet-toolbar{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:24px;display:flex}.master-sheet-search{color:#658c3b;background:#fff;border:1px solid #d9e5cf;border-radius:12px;flex:1;align-items:center;gap:10px;min-width:260px;padding:0 15px;display:flex}.master-sheet-search input{color:#191a23;background:0 0;border:none;outline:none;width:100%;height:46px;font-size:13px}.master-sheet-toolbar select{color:#191a23;background:#fff;border:1px solid #d9e5cf;border-radius:12px;outline:none;min-width:160px;height:48px;padding:0 14px}.master-sheet-toolbar>button{color:#191a23;cursor:pointer;background:#b9ff66;border:1px solid #a7e957;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 20px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.master-sheet-toolbar>button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #78b42a40}.master-sheet-table-wrap{background:#fff;border:1px solid #e1e8dc;border-radius:16px;width:100%;overflow-x:auto}.master-sheet-table{border-collapse:collapse;text-align:left;width:100%;min-width:1120px}.master-sheet-table thead{background:#191a23}.master-sheet-table th{color:#b9ff66;white-space:nowrap;padding:18px 17px;font-size:12px;font-weight:750}.master-sheet-table td{color:#475245;vertical-align:middle;border-bottom:1px solid #e8eee3;padding:18px 17px;font-size:13px}.master-sheet-table tbody tr:nth-child(2n){background:#f8fbf5}.master-sheet-table tbody tr:hover{background:#f0fbe5}.master-sheet-table td strong{color:#191a23;font-weight:800}.master-sheet-table td>button{color:#426b1e;white-space:nowrap;cursor:pointer;background:#e9ffd3;border:1px solid #cce6af;border-radius:9px;justify-content:center;align-items:center;gap:7px;margin:3px 4px 3px 0;padding:9px 12px;font-size:12px;font-weight:750;display:inline-flex}.master-sheet-table td>button:hover{color:#191a23;background:#b9ff66}.master-sheet-table td>button:disabled{opacity:.5;cursor:wait}.master-sheet-footnote{color:#7a8974;margin:18px 2px 0;font-size:12px}.master-sheet>[role=alert]{color:#b42318;background:#fff0ef;border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:13px}@media (width<=768px){.master-sheet{border-radius:18px;padding:16px}.master-sheet-toolbar{flex-direction:column;align-items:stretch}.master-sheet-search,.master-sheet-toolbar select,.master-sheet-toolbar>button{width:100%;min-width:0}}.master-sheet-table-wrap{width:100%!important;max-width:100%!important;display:block!important;overflow-x:auto!important}.master-sheet-table{table-layout:auto!important;border-collapse:collapse!important;width:100%!important;min-width:1100px!important;display:table!important}.master-sheet-table thead{display:table-header-group!important}.master-sheet-table tbody{display:table-row-group!important}.master-sheet-table tr{display:table-row!important}.master-sheet-table th,.master-sheet-table td{float:none!important;box-sizing:border-box!important;vertical-align:middle!important;text-align:left!important;white-space:normal!important;min-width:0!important;padding:16px!important;display:table-cell!important;position:static!important}.master-sheet-table th{color:#b9ff66!important;white-space:nowrap!important;background:#191a23!important;font-weight:700!important}.master-sheet-table td{border-bottom:1px solid #e3e9dc!important}.master-sheet-table td[colspan]{display:table-cell!important}.admin-layout{--accent:#079b88;--accent-dark:#087c70;--ink:#142c35;--muted:#73858d;--line:#ffffffd1;min-height:100vh;color:var(--ink);background:radial-gradient(at 83% 5%,#bcefe1 0%,#0000 34%),radial-gradient(at 20% 85%,#d8e9ff 0%,#0000 42%),linear-gradient(135deg,#f4faf9,#edf4f7 65%,#f8fafc);display:flex}.admin-sidebar{-webkit-backdrop-filter:blur(28px);background:#ffffffb8;border-right:1px solid #ffffffe6;flex-direction:column;flex-shrink:0;width:258px;height:100vh;padding:30px 17px 24px;display:flex;position:sticky;top:0;box-shadow:10px 0 45px #416a6810}.admin-logo{align-items:center;gap:12px;padding:0 9px;display:flex}.admin-logo-icon{color:#fff;background:linear-gradient(145deg,#32d6bc,#078b7b);border-radius:14px;place-items:center;width:44px;height:44px;font-size:14px;font-weight:800;display:grid;transform:rotate(-5deg);box-shadow:0 10px 22px #069b8740,inset 0 1px 2px #ffffff80}.admin-logo strong{letter-spacing:-.4px;font-size:15px;display:block}.admin-logo small{color:#8b9da4;letter-spacing:1.6px;margin-top:5px;font-size:9px;display:block}.admin-nav-label{color:#96a7ad;letter-spacing:1.8px;margin:52px 15px 16px;font-size:10px;font-weight:750}.admin-navigation{flex-direction:column;gap:7px;display:flex}.admin-nav-item{color:#72848b;border:1px solid #0000;border-radius:12px;align-items:center;gap:13px;min-height:47px;padding:0 15px;font-size:13px;font-weight:550;display:flex}.admin-nav-item.active{color:#047d70;background:linear-gradient(110deg,#d8f8ef,#e9fbf7);border-color:#b9eade;font-weight:750;box-shadow:0 6px 18px #159e8914,inset 0 1px #fff}.admin-nav-item:not(.active){opacity:.78}.admin-nav-item small{color:#9aabb0;margin-left:auto;font-size:9px}.admin-sidebar-bottom{margin-top:auto}.admin-secure{color:#64867e;border-bottom:1px solid #dfece9;align-items:center;gap:11px;padding:17px 14px;font-size:12px;display:flex}.admin-signout{color:#637780;text-align:left;background:0 0;border:none;border-radius:11px;align-items:center;gap:12px;width:100%;margin-top:15px;padding:13px 14px;font-size:13px;display:flex}.admin-main{flex:1;min-width:0;max-width:1700px;margin:0 auto;padding:37px 42px 60px}.admin-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.admin-overline{color:#168c7c;letter-spacing:1.7px;font-size:10px;font-weight:750}.admin-header h1{letter-spacing:-1.2px;margin:9px 0 6px;font-size:31px;font-weight:780}.admin-header p{color:var(--muted);margin:0;font-size:13px}.admin-header-profile{border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffa6;border-radius:14px;align-items:center;gap:11px;padding:9px 14px;display:flex;box-shadow:0 8px 25px #244b4810}.admin-profile-avatar{color:#fff;background:linear-gradient(135deg,#3bd3bc,#088a7c);border-radius:12px;place-items:center;width:38px;height:38px;font-weight:750;display:grid;box-shadow:inset 0 1px #fff8}.admin-header-profile strong{font-size:12px;display:block}.admin-header-profile small{color:#8b9aa0;margin-top:4px;font-size:10px;display:block}.admin-intro{isolation:isolate;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:radial-gradient(circle at 83% 38%,#80e8d285,#0000 35%),linear-gradient(115deg,#ffffffdc,#dff8f2b8 70%,#c6eee8b0);border:1px solid #ffffffed;border-radius:24px;justify-content:space-between;align-items:center;min-height:225px;padding:35px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 60px #2e81751b,0 5px 15px #2e81750a,inset 0 2px 2px #fff}.admin-intro:before{content:"";z-index:-1;background-image:linear-gradient(#139e8b0a 1px,#0000 1px),linear-gradient(90deg,#139e8b0a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.admin-intro-content{z-index:2;max-width:570px;position:relative}.admin-intro-badge{color:#087d70;letter-spacing:1.1px;background:#ffffffa8;border:1px solid #a6e6d9;border-radius:9px;align-items:center;gap:7px;padding:8px 12px;font-size:10px;font-weight:750;display:inline-flex;box-shadow:inset 0 1px #fff}.admin-intro h2{color:#153d3c;letter-spacing:-1.2px;margin:20px 0 10px;font-size:clamp(24px,2.6vw,35px)}.admin-intro p{color:#668782;max-width:450px;margin:0;font-size:13px;line-height:1.8}.admin-intro-art{perspective:700px;flex-shrink:0;width:230px;height:170px;position:relative}.admin-orbit{border:2px solid #0b9f8a45;border-radius:50%;position:absolute;inset:4px 25px;transform:rotate(-30deg)rotateX(65deg)}.admin-orbit-one{animation:7s ease-in-out infinite adminFloat}.admin-orbit-two{border-color:#57b6df65;animation:8s ease-in-out infinite reverse adminFloat;inset:12px 10px;transform:rotate(40deg)rotateX(65deg)}.admin-orbit-core{color:#078879;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#ffffffed,#72d9c9bb);border:1px solid #fff;border-radius:26px;place-items:center;width:94px;height:94px;animation:6s ease-in-out infinite adminCoreFloat;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-12deg);box-shadow:15px 22px 35px #078b7b30,-6px -8px 25px #fff,inset 0 2px 4px #fff}@keyframes adminFloat{50%{translate:0 -10px}}@keyframes adminCoreFloat{50%{transform:translate(-50%,-60%)rotate(-6deg)}}.admin-section-heading{margin:34px 0 18px}.admin-section-heading h2,.admin-recent-heading h2{letter-spacing:-.35px;margin:0 0 7px;font-size:17px}.admin-section-heading p,.admin-recent-heading p{color:var(--muted);margin:0;font-size:12px}.admin-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;display:grid}.admin-stat-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(145deg,#ffffffeb,#ffffff91);border:1px solid #fff;border-radius:19px;padding:24px 22px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 12px 32px #2b77700f,inset 0 2px 2px #fff}.admin-stat-card:before{content:"";background:linear-gradient(90deg,#0000,#1bc4aa60,#0000);height:2px;position:absolute;top:0;left:18px;right:18px}.admin-stat-card:hover{transform:translateY(-7px)perspective(800px)rotateX(2deg);box-shadow:0 22px 45px #178d7a1e}.admin-stat-top{color:#738c8b;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.admin-stat-top svg{color:#079b88}.admin-stat-card>strong{color:#15383b;letter-spacing:-1px;overflow-wrap:anywhere;margin:23px 0 9px;font-size:clamp(22px,2.2vw,30px);display:block}.admin-stat-card>small{color:#91a4a4;font-size:11px}.admin-data-error{color:#a42c37;background:#fff0f0;border:1px solid #f6caca;border-radius:10px;padding:12px 15px;font-size:13px}.admin-recent{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffffb9;border:1px solid #fff;border-radius:21px;margin-top:28px;overflow:hidden;box-shadow:0 14px 38px #287a7012,inset 0 2px #fff}.admin-recent-heading{justify-content:space-between;align-items:center;gap:15px;padding:25px;display:flex}.admin-recent-indicator{color:#078c79;align-items:center;gap:5px;font-size:11px;font-weight:700;display:inline-flex}.admin-table-wrap{width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}.admin-table th{color:#67847e;background:#e9f5f1a8;padding:16px 25px;font-size:11px;font-weight:750}.admin-table td{color:#647e7d;border-top:1px solid #dcebe84d;padding:19px 25px;font-size:12px}.admin-table td strong{color:#214746}.admin-status{color:#667b81;text-transform:capitalize;background:#edf1f2;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-block}.admin-status-pending{color:#a56a12;background:#fff2d9}.admin-status-approved{color:#087c52;background:#dff8eb}.admin-status-rejected{color:#c23d53;background:#ffe8eb}.admin-status-draft{color:#4c6db0;background:#e6efff}@media (width<=1200px){.admin-main{padding:30px 25px 45px}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.admin-sidebar{width:78px;padding:22px 10px}.admin-logo{justify-content:center;padding:0}.admin-logo>div,.admin-nav-label,.admin-nav-item span,.admin-nav-item small,.admin-secure span{display:none}.admin-navigation{margin-top:40px}.admin-nav-item,.admin-signout,.admin-secure{justify-content:center;padding:13px}.admin-signout{font-size:0}.admin-intro-art{display:none}}@media (width<=540px){.admin-main{padding:22px 15px 35px}.admin-header-profile{display:none}.admin-intro{padding:28px 24px}.admin-stats{grid-template-columns:1fr}.admin-recent-heading{padding:20px}}@media (prefers-reduced-motion:reduce){.admin-orbit,.admin-orbit-core{animation:none}.admin-stat-card{transition:none}}.admin-layout{background:radial-gradient(at 90% 12%,#7edec7 0%,#0000 40%),radial-gradient(at 25% 75%,#a6c7f5 0%,#0000 45%),linear-gradient(135deg,#dcece9,#e0e9f5 55%,#d5f0e9)}.admin-sidebar{background:linear-gradient(160deg,#e1f7f1eb,#cde3f1d9);border-right:1px solid #fff}.admin-nav-item.active{background:linear-gradient(110deg,#7fddcc,#c3f2e7);box-shadow:0 8px 20px #159e8930}.admin-layout{--accent:#a3f52b;--accent-dark:#405d10;--ink:#171b1b;--muted:#707777;background:radial-gradient(at 92% 10%,#b8ff76 0%,#0000 34%),radial-gradient(at 20% 85%,#dce5d7 0%,#0000 45%),linear-gradient(135deg,#f3f5f0,#e8ece7 60%,#f8faf5)}.admin-sidebar{background:linear-gradient(160deg,#f8faf5f2,#e4e9e2eb);border-right:1px solid #fff;box-shadow:10px 0 35px #202a1c12}.admin-logo-icon,.admin-profile-avatar{color:#192019;background:linear-gradient(145deg,#c8ff69,#91e42b);box-shadow:0 10px 22px #7acb2440,inset 0 1px #ffffffa0}.admin-nav-item.active{color:#25351a;background:linear-gradient(110deg,#c8ff73,#e7ffbf);border-color:#a7e84e;box-shadow:0 8px 20px #91d42b28}.admin-nav-item:not(.active){color:#59655c}.admin-secure,.admin-header p,.admin-section-heading p,.admin-recent-heading p{color:#6d7970}.admin-header h1,.admin-intro h2,.admin-stat-card>strong,.admin-table td strong{color:#171c19}.admin-overline,.admin-recent-indicator,.admin-stat-top svg{color:#5c8c1c}.admin-intro{background:radial-gradient(circle at 85% 35%,#a5f34eaa,#0000 42%),linear-gradient(115deg,#fff,#e5facd 60%,#b8f478);box-shadow:0 22px 55px #557e292a,inset 0 2px #fff}.admin-intro:before{background-image:linear-gradient(#405d1010 1px,#0000 1px),linear-gradient(90deg,#405d1010 1px,#0000 1px)}.admin-intro-badge{color:#456d19;background:#ffffffd9;border-color:#b1e56c}.admin-intro p{color:#596d50}.admin-orbit{border-color:#83c93380}.admin-orbit-two{border-color:#303a2d50}.admin-orbit-core{color:#344b17;background:linear-gradient(145deg,#fff,#b6f65c);box-shadow:15px 22px 35px #5c8e2b30,-6px -8px 25px #fff,inset 0 2px 4px #fff}.admin-stat-card{background:linear-gradient(145deg,#fff,#e9f6dc);border:1px solid #fff;box-shadow:0 15px 35px #405a2517,inset 0 2px #fff}.admin-stat-card:nth-child(2){background:linear-gradient(145deg,#fff,#e4ebdf)}.admin-stat-card:nth-child(3){background:linear-gradient(145deg,#fff,#f2f6e4)}.admin-stat-card:nth-child(4){background:linear-gradient(145deg,#fff,#d8f5b4)}.admin-stat-card:before{background:linear-gradient(90deg,#0000,#9fe62f,#0000)}.admin-stat-card:hover{box-shadow:0 22px 45px #6b99252b}.admin-recent{background:linear-gradient(145deg,#ffffffed,#e9f2e2e6);box-shadow:0 18px 40px #506b2b20}.admin-table th{color:#596951;background:#e5efd9}.admin-table tbody tr:hover{background:#e8f8d9}.admin-header-profile{background:linear-gradient(135deg,#fff,#e2f3d0)}.admin-signout:hover{color:#405d10;background:#e3f6d1}.login-page{color:#edf5ff;background:#071124;grid-template-columns:minmax(470px,44%) 1fr;width:100%;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif;display:grid;overflow:hidden}.login-panel{z-index:2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:radial-gradient(at 0 10%,#4275df28,#0000 55%),linear-gradient(155deg,#101e38f2,#081426f5);border-right:1px solid #ffffff20;flex-direction:column;min-height:100vh;padding:35px clamp(32px,5vw,78px);display:flex;position:relative;box-shadow:18px 0 70px #00000030}.brand{color:#fff;letter-spacing:-.6px;align-items:center;gap:13px;font-size:19px;font-weight:750;display:flex}.brand-icon{color:#fff;background:linear-gradient(135deg,#7cbaffb3,#3154d9a8);border:1px solid #fff5;border-radius:14px;place-items:center;width:45px;height:45px;font-size:14px;font-weight:800;display:grid;transform:rotate(-5deg);box-shadow:0 12px 28px #0a36a877,inset 0 2px 10px #fff5}.login-content{width:100%;max-width:425px;margin:auto;padding:45px 0}.eyebrow{color:#8ebcff;letter-spacing:2.4px;margin-bottom:18px;font-size:11px;font-weight:800}.login-content h1{color:#fff;letter-spacing:-1.8px;margin:0 0 15px;font-size:clamp(34px,3.2vw,46px);line-height:1.12}.subtitle{color:#a1b3d0;margin:0 0 38px;font-size:14px;line-height:1.8}.login-content form{flex-direction:column;display:flex}.login-content label{color:#d7e5fc;margin-bottom:10px;font-size:12px;font-weight:650}.login-content input{color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0c;border:1px solid #ffffff26;border-radius:12px;outline:none;width:100%;height:55px;margin-bottom:23px;padding:0 17px;font-size:14px;transition:border-color .2s,box-shadow .2s}.login-content button{color:#fff;background:linear-gradient(115deg,#347af3,#6a57e9);border:1px solid #a3caff70;border-radius:12px;width:100%;min-height:54px;font-size:14px;font-weight:750;transition:transform .25s,box-shadow .25s;box-shadow:0 14px 30px #2153df55,inset 0 1px #fff5}.login-content button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 20px 35px #2153df77}.login-content button:disabled{opacity:.6;cursor:not-allowed}.error,.success{border-radius:10px;margin:0 0 18px;padding:12px 14px;font-size:12px}.error{color:#ffb9c2;background:#ff425922}.success{color:#9ff0c6;background:#19bd7820}.login-panel footer{color:#8295b2;text-align:center;margin-top:auto;font-size:11px}.login-showcase{isolation:isolate;background:radial-gradient(at 80% 20%,#5264e670,#0000 40%),radial-gradient(at 20% 85%,#0bc3d64d,#0000 43%),linear-gradient(135deg,#10254d,#060e22 78%);justify-content:center;align-items:center;min-height:100vh;padding:70px clamp(35px,6vw,100px);display:flex;position:relative;overflow:hidden}.login-showcase:before{content:"";z-index:-1;background-color:#0000;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:55px 55px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:-30%;transform:perspective(700px)rotateX(55deg)scale(1.3);-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.login-showcase:after{content:"";z-index:-1;filter:blur(12px);background:radial-gradient(circle,#6c83ff55,#4275ee12 50%,#0000 70%);border-radius:50%;width:470px;height:470px;animation:9s ease-in-out infinite alternate glassGlow;position:absolute;top:8%;right:-120px}.showcase-content{-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:linear-gradient(145deg,#ffffff18,#ffffff05);border:1px solid #ffffff27;border-radius:28px;width:100%;max-width:570px;padding:36px;transition:transform .5s;position:relative;transform:perspective(1200px)rotateY(-5deg)rotateX(2deg);box-shadow:0 30px 90px #0005,inset 0 1px #ffffff36}.showcase-content:hover{transform:perspective(1200px)rotateY(0)rotateX(0)translateY(-5px)}.showcase-tag{color:#b9d6ff;letter-spacing:1.6px;background:#ffffff14;border:1px solid #a5c7ff4d;border-radius:30px;padding:9px 14px;font-size:10px;font-weight:750;display:inline-block}.showcase-content h2{color:#fff;letter-spacing:-2px;margin:28px 0 19px;font-size:clamp(36px,4vw,59px);line-height:1.13}.showcase-content>p{color:#bbcee8;max-width:450px;margin:0 0 35px;font-size:14px;line-height:1.85}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.feature-grid>div{color:#eff6ff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#ffffff20,#ffffff09);border:1px solid #ffffff2c;border-radius:15px;align-items:center;min-height:80px;padding:18px;font-size:12px;font-weight:650;transition:transform .25s,background .25s;display:flex;box-shadow:0 10px 25px #00000018,inset 0 1px #ffffff25}.feature-grid>div:hover{background:#ffffff25;transform:translateY(-5px)translateZ(12px)}@keyframes glassGlow{0%{transform:translateY(-20px)scale(.95)}to{transform:translateY(35px)scale(1.1)}}@media (width<=1100px){.login-page{grid-template-columns:minmax(400px,45%) 1fr}.showcase-content{padding:27px;transform:none}}@media (width<=850px){.login-page{grid-template-columns:1fr}.login-panel{min-height:100vh;padding:28px}.login-content{max-width:430px}.login-showcase{display:none}}@media (prefers-reduced-motion:reduce){.login-showcase:after{animation:none}.showcase-content,.feature-grid>div,.login-content button{transition:none}}.login-page{color:#171b18;background:#f2f4ee}.login-panel{background:radial-gradient(circle at 0 95%,#caff9d88,#0000 40%),linear-gradient(145deg,#fff,#f1f4ec);border-right:1px solid #dce4d5;box-shadow:15px 0 45px #202a1c10}.brand,.login-content h1{color:#171b18}.brand-icon{color:#1b2414;background:linear-gradient(145deg,#c8ff68,#9bea35);border:1px solid #e8ffc6;box-shadow:0 10px 25px #7acb2440}.eyebrow{color:#56851b}.subtitle,.login-panel footer{color:#758075}.login-content label{color:#303b30}.login-content input{color:#171b18;background:#ffffffd9;border:1px solid #d8e2d1;box-shadow:inset 0 2px 6px #26361a08}.login-content input::placeholder{color:#98a197}.login-content input:focus{border-color:#9bdb42;box-shadow:0 0 0 4px #a9f34e30}.login-content button{color:#1b2514;background:linear-gradient(110deg,#baff57,#91e82e);border:1px solid #d6ffa0;box-shadow:0 12px 25px #8bc72d40,inset 0 1px #fff9}.login-content button:hover:not(:disabled){background:linear-gradient(110deg,#caff7c,#a4f341);box-shadow:0 17px 32px #8bc72d55}.login-showcase{background:radial-gradient(at 85% 20%,#b8ff67,#0000 40%),radial-gradient(at 10% 90%,#d0f8a6,#0000 48%),linear-gradient(135deg,#e9eee6,#dfe7da)}.login-showcase:before{background-color:#0000;background-image:linear-gradient(#31432512 1px,#0000 1px),linear-gradient(90deg,#31432512 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:55px 55px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.login-showcase:after{background:radial-gradient(circle,#a5f735a0,#b8ff6425 55%,#0000 70%)}.showcase-content{background:linear-gradient(145deg,#ffffffed,#f5f8f0c9);border:1px solid #fff;box-shadow:0 30px 70px #263c1b24,inset 0 2px #fff}.showcase-tag{color:#405e19;background:#dfffbb;border:1px solid #b6e87c}.showcase-content h2{color:#151a16}.showcase-content>p{color:#697668}.feature-grid>div{color:#293728;background:linear-gradient(145deg,#fff,#e8f5dc);border:1px solid #d5e8c7;box-shadow:0 10px 25px #385c1c12,inset 0 1px #fff}.feature-grid>div:nth-child(2),.feature-grid>div:nth-child(3){color:#f7fff0;background:linear-gradient(145deg,#242827,#151918);border-color:#424a40}.feature-grid>div:hover{color:#1b2617;background:#d4ff9e}