:root{--cascara-red:#f2223c;--cascara-red-dark:#cf132d;--cascara-pink:#ffe5e8;--cascara-blush:#fff5f4;--cascara-ink:#241319}.auth-shell{background:#3a0c17}.auth-shell:before{background:#f2223c;opacity:.42}.auth-shell:after{background:#ffd6dc;opacity:.92}.auth-logo{display:block}.auth-logo img{width:175px;height:auto;object-fit:contain;object-position:left center}.auth-login-card{border:1px solid rgba(242,34,60,.14);box-shadow:0 30px 90px rgba(53,2,11,.38)}.auth-login-card .eyebrow{color:#b83045}.auth-login-card h1{color:#381017}.auth-login-card .auth-form input:focus{border-color:var(--cascara-red);box-shadow:0 0 0 3px rgba(242,34,60,.12)}.auth-mode{display:flex;background:#fff1f2;padding:4px;border-radius:10px;margin:-8px 0 26px}.auth-mode a{width:50%;text-align:center;padding:8px;border-radius:7px;color:#9b5964;font-size:11px;font-weight:800}.auth-mode a.is-active{color:#48131c;background:#fff;box-shadow:0 2px 8px rgba(99,17,31,.11)}.auth-red{background:var(--cascara-red)!important}.auth-red:hover{background:var(--cascara-red-dark)!important}.signature a{color:var(--cascara-red);font-weight:700}.access-choice{width:min(1020px,100%);margin:auto;background:#fffdfa;border-radius:30px;padding:42px 46px 24px;box-shadow:0 34px 100px rgba(45,0,10,.35);position:relative;overflow:hidden}.access-choice:after{content:"";position:absolute;right:-100px;bottom:-130px;height:280px;width:280px;border-radius:50%;background:#ffe0e3;z-index:0}.access-brand,.choice-intro,.access-cards,.choice-footer{position:relative;z-index:1}.access-brand{display:flex;align-items:center;justify-content:space-between}.access-brand img{width:162px;height:auto}.access-brand span{font-size:9px;color:#c05464;font-weight:800;letter-spacing:1.35px}.choice-intro{margin:48px 0 26px}.choice-intro .eyebrow{color:#b82c43}.choice-intro h1{font-family:Georgia,serif;font-size:42px;line-height:.95;letter-spacing:-1.9px;font-weight:500;color:#3b1019;margin:8px 0}.choice-intro p{color:#87626a;margin:0;font-size:13px}.access-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.access-card{min-height:250px;border-radius:21px;padding:23px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.access-card:hover{transform:translateY(-4px);box-shadow:0 16px 28px rgba(77,10,22,.17)}.owner-card{background:#4b101b;color:white}.employee-card{background:#f7d7dc;color:#47131c}.access-card:after{content:"";position:absolute;right:-32px;top:-40px;height:125px;width:125px;border-radius:50%;background:rgba(255,255,255,.11)}.access-icon{height:35px;width:35px;border-radius:11px;display:grid;place-items:center;background:#f2223c;color:white;font-size:17px}.employee-card .access-icon{background:#fff;color:#e82841}.access-card small{font-size:9px;font-weight:800;letter-spacing:1.1px;display:block;margin-top:19px;opacity:.72}.access-card h2{font-family:Georgia,serif;font-size:29px;line-height:.9;letter-spacing:-1px;font-weight:500;margin:6px 0 8px}.access-card p{font-size:11px;line-height:1.45;max-width:220px;margin:0;opacity:.75}.access-card>b{margin-top:auto;font-size:11px}.access-card i{font-style:normal;font-size:18px;margin-left:4px}.choice-footer{display:flex;align-items:center;gap:5px;color:#9a7c82;font-size:10px;margin-top:24px}.choice-footer img{width:23px;height:23px;object-fit:contain}.choice-footer b{color:#a3273e}.employee-app{min-height:100vh;background:linear-gradient(180deg,#fff8f5 0%,#fffdfb 44%,#fff1f2 100%);padding-bottom:90px}.employee-topbar{height:72px;padding:0 max(22px,calc((100% - 760px)/2));display:flex;justify-content:space-between;align-items:center;background:rgba(255,253,250,.76);backdrop-filter:blur(14px);border-bottom:1px solid #f4e4e1;position:sticky;top:0;z-index:5}.employee-topbar>a img{width:126px;height:auto;display:block}.employee-account{display:flex;align-items:center;gap:8px}.employee-avatar{width:31px;height:31px;border-radius:50%;background:var(--cascara-red);color:white;display:grid;place-items:center;font-size:11px;font-weight:800}.employee-account b,.employee-account small{display:block}.employee-account b{font-size:11px;color:#48131c}.employee-account small{font-size:9px;color:#a5757c}.employee-account form button{border:0;background:#ffe8eb;color:#dd2440;width:29px;height:29px;border-radius:8px;font-weight:800;margin-left:4px}.employee-content{width:min(100%,760px);margin:auto;padding:31px 23px}.employee-hero{display:flex;align-items:center;justify-content:space-between;margin:5px 2px 23px}.pwa-kicker{font-size:9px;font-weight:800;letter-spacing:1.2px;color:#c66c7a}.employee-hero h1{font-family:Georgia,serif;font-size:33px;line-height:1;font-weight:500;letter-spacing:-1.25px;margin:8px 0 4px;color:#45121b}.employee-hero h1 span{color:var(--cascara-red);font-size:19px}.employee-hero p{font-size:12px;color:#957077;margin:0}.hero-date{width:59px;height:63px;background:#45121b;color:#fff;border-radius:17px;display:grid;place-items:center;padding:6px}.hero-date small{font-size:8px;color:#ffbdc6;font-weight:800;letter-spacing:.8px}.hero-date b{font-family:Georgia,serif;font-size:25px;line-height:.6}.hero-date span{font-size:8px;color:#d2abb2}.attendance-card{background:#47111b;color:#fff;border-radius:25px;padding:24px;box-shadow:0 18px 35px rgba(91,14,29,.18);position:relative;overflow:hidden}.attendance-card:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-100px;top:-135px;background:#f2223c;opacity:.7}.attendance-status{position:relative;z-index:1;display:flex;align-items:center;gap:13px}.attendance-orb{height:45px;width:45px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.1);font-size:22px;color:#ffbac4}.attendance-orb.active{background:#f2223c;color:white}.attendance-orb.finished{background:#fff;color:#e72741}.attendance-status small{font-size:9px;letter-spacing:1px;font-weight:800;color:#e5a3ad}.attendance-status h2{font-family:Georgia,serif;font-size:22px;line-height:1;margin:4px 0;color:#fff;font-weight:500}.attendance-status p{font-size:10px;color:#e8cbd0;margin:0}.attendance-actions{position:relative;z-index:1;display:flex;gap:8px;margin-top:22px}.attendance-actions form{flex:1}.check-button{border:0;width:100%;padding:12px;border-radius:11px;background:#f2223c;color:#fff;font-size:11px;font-weight:800}.check-button span{font-size:15px;margin-right:4px}.check-button.subtle{background:#fff;color:#4b111c}.check-button.is-disabled{opacity:.42;cursor:not-allowed}.attendance-foot{position:relative;z-index:1;color:#deb7bd;font-size:9px;margin-top:12px}.employee-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}.employee-panel{background:#fff;border:1px solid #f2e1de;border-radius:21px;padding:18px;box-shadow:0 7px 17px rgba(94,29,38,.04)}.panel-title{display:flex;align-items:flex-start;justify-content:space-between}.panel-title>div{display:flex;align-items:center;gap:8px}.panel-title>div>span{height:28px;width:28px;border-radius:9px;background:#ffe4e7;color:#e72842;display:grid;place-items:center;font-size:13px}.panel-title small{display:block;font-size:8px;letter-spacing:.8px;color:#b6848b;font-weight:800}.panel-title h2{font-family:Georgia,serif;font-weight:500;font-size:19px;line-height:1;margin:3px 0 0;color:#4b121b}.panel-title em{font-style:normal;font-size:8px;color:#bf7580;background:#fff1f2;border-radius:10px;padding:4px 6px}.panel-title>a{color:#e52540;font-size:10px;font-weight:800}.overtime-form{display:grid;gap:10px;margin-top:16px}.overtime-form>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.overtime-form label{font-size:9px;font-weight:800;color:#825b62}.overtime-form input,.overtime-form textarea{display:block;width:100%;margin-top:4px;padding:8px;border:1px solid #eddcda;border-radius:8px;background:#fffdfc;color:#4a1a21;font-size:10px;outline:0}.overtime-form textarea{min-height:55px;resize:vertical}.employee-button{border:0;background:#f2223c;color:#fff;border-radius:9px;padding:10px;font-size:10px;font-weight:800;text-align:left}.employee-button span{float:right;font-size:15px;line-height:.6}.no-request{text-align:center;padding:29px 0 12px;color:#b08b90}.no-request span{font-size:19px;color:#e64058}.no-request p{font-size:10px;line-height:1.5;margin:4px}.request-list{margin-top:11px}.employee-request{display:flex;gap:8px;align-items:center;padding:9px 0;border-top:1px solid #f3e6e4}.request-type{height:25px;width:25px;border-radius:8px;background:#ffe8ea;color:#e72a44;display:grid;place-items:center}.employee-request div{flex:1}.employee-request b,.employee-request small{display:block}.employee-request b{font-size:10px;color:#54202a}.employee-request small{font-size:8px;color:#a9878d}.request-status{font-size:8px;font-style:normal;font-weight:800;color:#c27a38;background:#fff4dd;padding:4px 6px;border-radius:8px}.request-status.approved{background:#e6f3e7;color:#4a874f}.request-status.rejected{background:#ffebea;color:#c6534e}.employee-info-card{margin-top:15px;background:#fee2e5;border:1px solid #f8d4d8;border-radius:21px;padding:18px;display:flex;gap:11px;align-items:center}.employee-info-card img{width:37px;height:37px;object-fit:contain}.employee-info-card div{flex:1}.employee-info-card small{display:block;color:#c56f7d;font-size:8px;letter-spacing:.9px;font-weight:800}.employee-info-card h3{font-family:Georgia,serif;font-size:15px;color:#551820;font-weight:500;margin:3px 0}.employee-info-card p{font-size:9px;color:#926a70;margin:0;line-height:1.4}.employee-info-card>span{color:#e72a44;font-size:18px}.employee-nav{position:fixed;z-index:8;bottom:13px;left:50%;transform:translateX(-50%);width:min(calc(100% - 30px),510px);height:59px;border-radius:18px;background:rgba(70,15,25,.95);box-shadow:0 14px 28px rgba(69,12,24,.25);display:flex;align-items:center;justify-content:space-around;padding:5px}.employee-nav a{font-size:9px;color:#d9b4bc;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 9px;border-radius:10px;min-width:61px}.employee-nav a span{font-size:17px;line-height:1}.employee-nav a.is-active{background:#f2223c;color:#fff}@media(max-width:620px){.access-choice{padding:30px 23px 20px;border-radius:24px}.access-brand span{display:none}.choice-intro{margin:38px 0 22px}.choice-intro h1{font-size:35px}.access-cards{grid-template-columns:1fr}.access-card{min-height:190px}.employee-content{padding:25px 14px}.employee-grid{grid-template-columns:1fr}.employee-topbar{padding:0 18px}.employee-hero h1{font-size:30px}.attendance-card{padding:19px}.employee-info-card{padding:15px}.employee-nav{bottom:9px}}
