@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Manrope:wght@500;700;800&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@600&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--text:#000;--text-h:#000;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#f7f;--accent-bg:#be27ee1a;--accent-border:#be27ee80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#000;--text-h:#000;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#f7f;--accent-bg:#be27ee26;--accent-border:#be27ee80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px}#social .button-icon{filter:none}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px;font-weight:600;line-height:1.1}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}button,.button{background:var(--accent);color:#fff;border:none;border-radius:4px}.splash-screen{z-index:99999;color:#fff;background:#f7f;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.splash-content{z-index:10;text-align:center;flex-direction:column;align-items:center;animation:1s splashFade;display:flex;position:relative}.splash-logo{object-fit:cover;background:#fff;border-radius:50%;width:125px;height:125px;padding:7px;animation:1s logoPop;box-shadow:0 0 25px #ffffff73,0 15px 40px #5a007840}.splash-content h1{letter-spacing:-1px;text-shadow:0 5px 15px #64008233;margin:20px 0 0;font-size:36px;font-weight:800}.cartoon{z-index:5;flex-direction:column;align-items:center;width:95px;height:115px;animation:3s ease-in-out infinite characterFloat;display:flex;position:absolute}.cartoon-one{top:28%;left:14%;transform:rotate(-8deg)}.character-face{background:#ffd5bd;border:4px solid #fff;border-radius:48% 48% 45% 45%;width:72px;height:72px;position:relative;box-shadow:0 8px 20px #5a00782e}.character-face:before{content:"";background:#54205f;border-radius:50% 50% 35% 35%;width:78px;height:38px;position:absolute;top:-8px;left:-7px}.character-face .eye{z-index:2;color:#301438;margin-top:36px;margin-left:14px;font-size:10px;display:inline-flex;position:relative}.character-face .smile{color:#b32975;font-size:19px;font-weight:700;position:absolute;bottom:11px;left:29px}.character-body{filter:drop-shadow(0 8px 8px #50006e33);margin-top:-2px;font-size:40px}.cartoon-two{animation-delay:.8s;top:27%;right:14%;transform:rotate(8deg)}.animal-face{background:#fff;border:4px solid #f2d7fa;border-radius:48% 48% 45% 45%;justify-content:center;gap:18px;width:78px;height:68px;padding-top:30px;display:flex;position:relative;box-shadow:0 8px 20px #5a00782e}.animal-face:before,.animal-face:after{content:"";background:#fff;border:4px solid #f2d7fa;width:30px;height:32px;position:absolute;top:-18px}.animal-face:before{border-radius:70% 20% 50%;left:3px;transform:rotate(-28deg)}.animal-face:after{border-radius:20% 70% 20% 50%;right:3px;transform:rotate(28deg)}.animal-face span{z-index:2;color:#4a1859;font-size:10px;position:relative}.animal-face small{color:#e34a9c;font-size:17px;position:absolute;bottom:6px;left:33px}.animal-body{margin-top:2px;font-size:38px;animation:1s ease-in-out infinite alternate pawBounce}.cartoon-three{animation-delay:1.3s;bottom:23%;left:20%;transform:rotate(5deg)}.robot{background:#fff;border:5px solid #ead0f4;border-radius:20px;width:75px;height:65px;position:relative;box-shadow:0 10px 25px #50007833}.robot:before{content:"";background:#fff;width:4px;height:15px;position:absolute;top:-20px;left:31px}.robot:after{content:"✦";color:#ffe76b;font-size:17px;position:absolute;top:-35px;left:25px}.robot-eye{color:#f7f;margin-top:23px;margin-left:17px;font-size:9px;display:inline-block;position:relative}.robot-smile{color:#f7f;font-size:18px;position:absolute;bottom:8px;left:28px}.star{color:#fff;opacity:.8;font-size:30px;animation:1.8s ease-in-out infinite twinkle;position:absolute}.star-one{top:18%;left:28%}.star-two{font-size:22px;animation-delay:.8s;bottom:27%;right:27%}.cloud{color:#ffffff40;font-size:80px;animation:5s ease-in-out infinite cloudMove;position:absolute}.cloud-one{top:10%;left:5%}.cloud-two{font-size:65px;animation-delay:1.5s;bottom:10%;right:5%}.splash-bottom{opacity:.85;z-index:10;font-size:25px;position:absolute;bottom:30px}.splash-bottom strong{color:#fff}@keyframes splashFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes logoPop{0%{opacity:0;transform:scale(.65)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes characterFloat{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-12px)rotate(5deg)}}@keyframes pawBounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@keyframes twinkle{0%,to{opacity:.4;transform:scale(.8)rotate(0)}50%{opacity:1;transform:scale(1.2)rotate(20deg)}}@keyframes cloudMove{0%,to{transform:translate(0)}50%{transform:translate(18px)}}@media (width<=700px){.splash-logo{width:105px;height:105px}.splash-content h1{font-size:30px}.cartoon-one{top:25%;left:4%;transform:scale(.75)}.cartoon-two{top:25%;right:3%;transform:scale(.75)}.cartoon-three{bottom:22%;left:7%;transform:scale(.7)}.star-one{left:15%}.star-two{right:15%}.splash-bottom{font-size:11px;bottom:18px}}:root{--primary:#f7f;--primary-light:#ff9dff;--primary-soft:#ffd8ff;--primary-dark:#e957e9;--white:#fff;--black:#000;--header-start:#f7f;--header-mid:#ff8cff;--header-end:#f7f;--footer-start:#f7f;--footer-mid:#ff8cff;--footer-end:#f7f}.site-header{z-index:1000;background:linear-gradient(120deg, var(--header-start) 0%, var(--header-mid) 50%, var(--header-end) 100%);border-bottom:1px solid #ffffff40;justify-content:space-between;align-items:center;padding:18px 40px;animation:.5s headerSlide;display:flex;position:sticky;top:0;overflow:hidden;box-shadow:0 8px 25px #be27ee33}@keyframes headerSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header-star{color:#ffffff8c;pointer-events:none;z-index:0;font-size:18px;animation:4s ease-in-out infinite headerFloat;position:absolute}.header-star-one{top:12px;left:32%}.header-star-two{font-size:14px;animation-delay:1.5s;bottom:10px;right:28%}.header-cloud{color:#ffffff2e;pointer-events:none;z-index:0;font-size:34px;animation:7s ease-in-out infinite cloudFloat;position:absolute}.header-cloud-one{top:-4px;left:52%}.header-cloud-two{font-size:28px;animation-delay:2s;bottom:-9px;right:5%}@keyframes headerFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(8deg)}}@keyframes cloudFloat{0%,to{transform:translate(0)}50%{transform:translate(10px)}}.brand{z-index:2;color:#fff;align-items:center;gap:12px;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;text-decoration:none;transition:all .3s;display:flex;position:relative}.brand span{color:#fff;align-items:center;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;transition:all .3s;display:flex}.brand:hover{color:#fff;transform:translateY(-2px)}.brand-logo{object-fit:cover;background:#fff;border:2px solid #ffffff73;border-radius:50%;width:68px;height:68px;padding:3px;transition:all .35s;box-shadow:0 5px 15px #0000001f}.brand:hover .brand-logo{transform:rotate(8deg)scale(1.07);box-shadow:0 0 20px #ffffff8c}.site-nav{z-index:2;align-items:center;gap:6px;display:flex;position:relative}.site-nav a{border-radius:12px;justify-content:center;align-items:center;padding:10px 17px;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s;display:flex;position:relative;color:#000!important}.site-nav a:after{content:"";background:#fff;border-radius:10px;width:0;height:2px;transition:width .3s;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.site-nav a:hover:after{width:60%}.site-nav a:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff24;transform:translateY(-2px);color:#fff!important}.site-nav a:focus-visible{outline-offset:2px;outline:2px solid #fff}.nav-cta{background:#fff;border-radius:12px;margin-left:8px;box-shadow:0 8px 20px #0000002e;color:#000!important;font-weight:700!important}.nav-cta:after{display:none}.nav-cta:hover{background:#fff;transform:translateY(-3px)scale(1.02);box-shadow:0 12px 25px #00000040;color:#f7f!important}.menu-toggle{z-index:5;color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:10px;padding:7px 11px;font-size:27px;line-height:1;transition:all .3s;display:none;position:relative}.menu-toggle:hover{background:#ffffff38;transform:scale(1.05)}.site-footer{background:linear-gradient(160deg, var(--footer-start) 0%, var(--footer-mid) 50%, var(--footer-end) 100%);color:#fff;padding:70px 40px 25px;position:relative;overflow:hidden}.site-footer:before{content:"✦";color:#ffffff40;font-size:30px;animation:5s ease-in-out infinite headerFloat;position:absolute;top:30px;left:8%}.site-footer:after{content:"☁";color:#ffffff26;font-size:55px;animation:8s ease-in-out infinite cloudFloat;position:absolute;top:20px;right:8%}.footer-grid{z-index:2;border-bottom:1px solid #ffffff38;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:45px;max-width:1200px;margin:auto;padding-bottom:40px;display:grid;position:relative}.footer-brand .brand{margin-bottom:18px}.footer-brand .brand span{color:#fff}.footer-brand p{color:#ffffffd1;text-align:left;max-width:360px;margin:0;font-size:15px;line-height:1.8}.footer-col h5{text-transform:uppercase;letter-spacing:.08em;color:#000;text-align:left;margin:0 0 18px;font-size:14px}.footer-col a,.footer-col span{color:#ffffffd1;text-align:left;margin-bottom:13px;font-size:14px;text-decoration:none;transition:all .3s;display:block}.footer-col a:hover{color:#fff;transform:translate(6px)}.footer-bottom{z-index:2;color:#ffffffb8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1200px;margin:auto;padding-top:25px;font-size:14px;display:flex;position:relative}.footer-bottom a{color:#fff;text-decoration:none;transition:all .3s}.footer-bottom a:hover{color:#fff;text-decoration:underline}@media (width<=1000px){.site-header{padding:15px 22px}.brand,.brand span{font-size:20px}.brand-logo{width:55px;height:55px}.site-nav{gap:2px}.site-nav a{padding:9px 12px;font-size:14px}}@media (width<=900px){.menu-toggle{display:block}.site-header{min-height:64px;padding:12px 18px;position:sticky}.brand{gap:9px;font-size:19px}.brand span{font-size:19px}.brand-logo{width:46px;height:46px}.site-nav{opacity:0;visibility:hidden;background:linear-gradient(145deg,#f7f,#ff91ff);border-bottom:1px solid #ffffff2e;flex-direction:column;align-items:center;gap:6px;width:100%;max-height:0;padding:0 18px;transition:max-height .35s,opacity .25s,padding .35s,visibility .35s;display:flex;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 12px 25px #be27ee2e}.site-nav.show{opacity:1;visibility:visible;max-height:500px;padding:16px 18px 20px}.site-nav a{text-align:center;border-radius:10px;width:100%;padding:13px}.site-nav a:hover{background:#ffffff24;transform:none}.site-nav a:after{display:none}.nav-cta{width:100%;margin:7px 0 0;padding:13px!important}.header-cloud-one{left:45%}.header-cloud-two{right:15%}.header-star-one{left:40%}}@media (width<=600px){.site-header{padding:10px 12px}.brand,.brand span{font-size:18px}.brand-logo{width:40px;height:40px}.menu-toggle{padding:6px 9px;font-size:24px}.header-star{font-size:13px}.header-cloud{font-size:25px}}@media (width<=900px){.site-footer{padding:55px 25px 25px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}}@media (width<=600px){.site-footer{padding:50px 18px 22px}.footer-grid{text-align:center;grid-template-columns:1fr;gap:30px}.footer-brand{grid-column:auto}.footer-brand .brand{justify-content:center}.footer-brand p{text-align:center;max-width:100%;margin:auto}.footer-col h5,.footer-col a,.footer-col span{text-align:center}.footer-col a:hover{transform:none}.footer-bottom{text-align:center;flex-direction:column;gap:8px}.site-footer:before{font-size:22px;left:12%}.site-footer:after{font-size:40px;right:10%}}@media (width<=900px){.menu-toggle{display:block}.site-header{min-height:64px;padding:12px 18px;position:sticky}.site-nav{opacity:0;visibility:hidden;flex-direction:column;align-items:center;width:100%;max-height:0;transition:max-height .35s,opacity .25s,padding .35s,visibility .35s;display:flex;position:absolute;top:100%;left:0;overflow:hidden}.site-nav.show{opacity:1;visibility:visible;max-height:500px;padding:16px 18px 20px}.site-nav a{text-align:center;width:100%;padding:13px}.nav-cta{width:100%;margin:7px 0 0;padding:13px!important}}@media (width<=600px){.site-footer{padding:50px 18px 22px}.footer-grid{text-align:center;grid-template-columns:1fr;gap:30px}.footer-brand{grid-column:auto}.footer-brand .brand{justify-content:center}.footer-brand p{text-align:center;max-width:100%;margin:auto}.footer-col h5,.footer-col a,.footer-col span{text-align:center}.footer-col a:hover{transform:none}.footer-bottom{text-align:center;flex-direction:column;gap:8px}.site-footer:before{font-size:22px;left:12%}.site-footer:after{font-size:40px;right:10%}}@media (width<=900px){.menu-toggle{display:block}.site-header{min-height:64px;padding:12px 18px;position:sticky;top:0;overflow:visible}.site-nav{opacity:0;visibility:hidden;background:linear-gradient(145deg,#f7f,#ff91ff);border-bottom:1px solid #ffffff2e;flex-direction:column;align-items:center;gap:6px;width:100%;max-height:0;padding:0 18px;transition:max-height .35s,opacity .25s,padding .35s,visibility .35s;display:flex;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 12px 25px #be27ee2e}.site-nav.show{opacity:1;visibility:visible;max-height:500px;padding:16px 18px 20px}.site-nav a{text-align:center;border-radius:10px;width:100%;padding:13px}.site-nav a:hover{background:#ffffff24;transform:none}.site-nav a:after{display:none}.nav-cta{width:100%;margin:7px 0 0;padding:13px!important}}@media (width<=600px){.site-header{padding:10px 12px}.brand,.brand span{font-size:18px}.brand-logo{width:40px;height:40px}.menu-toggle{padding:6px 9px;font-size:24px}.header-star{font-size:13px}.header-cloud{font-size:25px}}.ridesai-support-widget-button{z-index:9999;color:#fff;cursor:pointer;background:#f7f;border:none;border-radius:30px;align-items:center;gap:9px;padding:11px 17px 11px 11px;font-size:14px;font-weight:700;transition:all .25s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #ff77ff59}.ridesai-support-widget-button:hover{transform:translateY(-3px);box-shadow:0 14px 35px #ff77ff73}.ridesai-support-widget-icon{color:#f7f;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:17px;font-weight:800;display:flex}.ridesai-support-widget{z-index:9999;background:#fff;border:1px solid #eee3ef;border-radius:18px;flex-direction:column;width:390px;max-width:calc(100vw - 30px);height:600px;max-height:calc(100vh - 45px);animation:.22s ridesaiSupportOpen;display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 18px 60px #2a12302e}@keyframes ridesaiSupportOpen{0%{opacity:0;transform:translateY(15px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.ridesai-support-widget-header{color:#fff;background:#f7f;justify-content:space-between;align-items:center;min-height:70px;padding:0 16px;display:flex}.ridesai-support-widget-profile{align-items:center;gap:10px;display:flex}.ridesai-support-widget-avatar{color:#f7f;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:19px;font-weight:800;display:flex}.ridesai-support-widget-profile h3{margin:0;font-size:14px;font-weight:700}.ridesai-support-widget-online{opacity:.9;align-items:center;gap:5px;margin-top:3px;font-size:11px;display:flex}.ridesai-support-widget-online span{background:#baffc6;border-radius:50%;width:7px;height:7px}.ridesai-support-widget-close{color:#fff;cursor:pointer;background:#ffffff29;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;line-height:1;transition:all .2s;display:flex}.ridesai-support-widget-close:hover{background:#ffffff47}.ridesai-support-widget-body{background:#fff;flex:1;padding:17px;overflow-y:auto}.ridesai-support-widget-body::-webkit-scrollbar{width:5px}.ridesai-support-widget-body::-webkit-scrollbar-thumb{background:#ead8ea;border-radius:10px}.ridesai-support-widget-bot-row{align-items:flex-end;gap:8px;margin-bottom:14px;display:flex}.ridesai-support-widget-user-row{justify-content:flex-end;margin-bottom:14px;display:flex}.ridesai-support-widget-small-avatar{color:#fff;background:#f7f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:27px;height:27px;font-size:12px;font-weight:700;display:flex}.ridesai-support-widget-bot-message{color:#433a45;background:#f6f3f6;border-radius:14px 14px 14px 4px;max-width:80%;padding:11px 13px;font-size:12px;line-height:1.55}.ridesai-support-widget-user-message{color:#fff;background:#f7f;border-radius:14px 14px 4px;max-width:80%;padding:11px 13px;font-size:12px;line-height:1.55;box-shadow:0 5px 14px #ff77ff2e}.ridesai-support-widget-question-section{margin-top:20px}.ridesai-support-widget-question-title{color:#716874;text-transform:uppercase;letter-spacing:.5px;margin-bottom:9px;font-size:11px;font-weight:700}.ridesai-support-widget-question{color:#443b46;text-align:left;cursor:pointer;background:#fff;border:1px solid #eee6ef;border-radius:10px;align-items:center;gap:9px;width:100%;margin-bottom:7px;padding:10px;font-size:11.5px;line-height:1.4;transition:all .18s;display:flex}.ridesai-support-widget-question:hover{color:#dc54dc;background:#fff7ff;border-color:#f7f}.ridesai-support-widget-question-mark{color:#f7f;background:#fff0ff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:23px;height:23px;font-size:11px;font-weight:800;display:flex}.ridesai-support-widget-arrow{color:#aaa0ac;margin-left:auto;font-size:18px}.ridesai-support-widget-loading{text-align:center;color:#99909b;padding:15px;font-size:12px}.ridesai-support-widget-input-row{background:#fff;border-top:1px solid #eee7ef;align-items:center;gap:8px;padding:12px 15px;display:flex}.ridesai-support-widget-input-row input[type=text]{color:#433a45;background:#f6f3f6;border:1px solid #eee3ef;border-radius:20px;outline:none;flex:1;padding:10px 13px;font-size:12px;line-height:1.4;transition:all .18s}.ridesai-support-widget-input-row input[type=text]::placeholder{color:#aaa0ac}.ridesai-support-widget-input-row input[type=text]:focus{background:#fff;border-color:#f7f;box-shadow:0 0 0 3px #ff77ff1f}.ridesai-support-widget-input-row input[type=text]:disabled{opacity:.6;cursor:not-allowed}.ridesai-support-widget-input-row button{color:#fff;cursor:pointer;background:#f7f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:0;transition:all .18s;display:flex;box-shadow:0 5px 14px #ff77ff47}.ridesai-support-widget-input-row button:before{content:"➤";font-size:13px}.ridesai-support-widget-input-row button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #f7f6}.ridesai-support-widget-input-row button:disabled{box-shadow:none;cursor:not-allowed;background:#d9c9d9}.ridesai-support-widget-footer{color:#9a919d;border-top:1px solid #eee7ef;justify-content:center;align-items:center;min-height:48px;padding:0 15px;font-size:10px;display:flex;position:relative}.ridesai-support-widget-clear{color:#f7f;cursor:pointer;background:0 0;border:none;font-size:10px;font-weight:600;position:absolute;left:15px}.ridesai-support-widget-clear:hover{text-decoration:underline}@media (width<=480px){.ridesai-support-widget-button{padding:10px 14px 10px 10px;bottom:16px;right:16px}.ridesai-support-widget{border-radius:16px;width:calc(100vw - 20px);height:calc(100vh - 20px);max-height:none;bottom:10px;right:10px}.ridesai-support-widget-body{padding:14px}}:root{--primary:#f7f;--primary-dark:#f05df0;--primary-soft:#fff0ff;--ink:#4a0e2e;--ink-soft:#8c3a63;--paper:#fff;--border:#f0d8f0;--display:"Space Grotesk", sans-serif;--body:"Inter", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--body);background:var(--paper);margin:0}.rides{width:100%;min-height:100vh;font-family:var(--body);color:var(--ink);background:var(--paper);overflow-x:hidden}.rides a{color:inherit;text-decoration:none}.rides button{font-family:inherit}.eyebrow{font-family:var(--body);letter-spacing:.08em;text-transform:uppercase;color:#000;background:var(--primary-soft);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--primary);border-radius:50%;width:6px;height:6px}.hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:42px;width:100%;max-width:1180px;margin:0 auto;padding:78px 32px 70px;display:grid}.hero h1{font-family:var(--display);letter-spacing:-.01em;margin:20px 0 18px;font-size:clamp(34px,4.2vw,58px);font-weight:700;line-height:1.08}.hero h1 .accent{color:var(--primary)}.hero p.lede{max-width:48ch;color:var(--ink-soft);margin:0 0 32px;font-size:18px;line-height:1.6}.hero-ctas{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.btn-primary{background:var(--primary);color:#fff;border:1px solid var(--primary);font-family:var(--body);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:15px 32px;font-size:16px;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex;box-shadow:0 10px 24px -8px #ff77ff8c}.btn-primary:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 14px 28px -8px #ff77ffa6}.btn-primary:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.btn-ghost{font-family:var(--body);color:var(--ink);border:none;border-bottom:2px solid var(--primary);cursor:pointer;background:0 0;align-items:center;padding:15px 6px;font-size:15px;font-weight:600;transition:color .15s,border-color .15s;display:inline-flex}.btn-ghost:hover{color:var(--primary);border-color:var(--primary)}.btn-ghost:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.trust-row{letter-spacing:.02em;color:var(--primary);margin-top:36px;font-size:13px}.trust-row b{color:var(--ink-soft);font-weight:600}.module-stack{justify-content:center;align-items:center;width:100%;max-width:520px;height:670px;margin:0 auto;display:flex;position:relative}.thread-svg{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:15px 0 0}.thread-path{fill:none;stroke:#f7f;stroke-width:3px;stroke-linecap:round;stroke-dasharray:8 8;opacity:.5}.module-card{z-index:2;background:#fff;border:1px solid #f0d8f0;border-radius:16px;align-items:center;gap:13px;width:270px;min-height:70px;padding:11px 15px;transition:transform .2s,box-shadow .2s;display:flex;position:absolute;box-shadow:0 12px 30px #ff77ff1f}.module-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #f7f3}.module-card:first-of-type{z-index:5;top:5px;left:15px}.module-card:nth-of-type(2){z-index:5;top:65px;right:5px}.module-card:nth-of-type(3){z-index:6;top:125px;left:45px}.module-card:nth-of-type(4){z-index:8;border:2px solid var(--primary);top:185px;right:25px;box-shadow:0 16px 38px #ff77ff38}.module-card:nth-of-type(5){z-index:6;top:245px;left:5px}.module-card:nth-of-type(6){z-index:5;top:305px;right:10px}.module-card:nth-of-type(7){z-index:6;top:365px;left:50px}.module-card:nth-of-type(8){z-index:5;top:425px;right:0}.module-card:nth-of-type(9){z-index:6;top:485px;left:20px}.module-card:nth-of-type(10){z-index:5;top:545px;right:25px}.module-card:nth-of-type(11){z-index:7;top:605px;left:70px}.module-card .module-dot{border-radius:13px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.module-card h4{font-family:var(--display);color:var(--ink);margin:0 0 3px;font-size:15px;font-weight:700}.module-card p{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.4}.hero-mascot{z-index:10;pointer-events:none;filter:drop-shadow(0 15px 20px #ff77ff2e);width:125px;height:auto;position:absolute;bottom:8px;left:93%;transform:translate(-50%)}.section{width:100%;max-width:1180px;margin:0 auto;padding:20px 32px 50px}.section-head{text-align:center;max-width:560px;margin:0 auto 56px}.section-head h2{font-family:var(--display);color:var(--ink);margin:16px 0 12px;font-size:clamp(26px,3vw,38px)}.section-head p{color:var(--ink-soft);margin:0;font-size:16px;line-height:1.6}.steps{grid-template-columns:repeat(4,1fr);gap:0;display:grid;position:relative}.step{text-align:left;padding:0 20px;position:relative}.step:before{content:"";background:var(--primary);width:calc(100% + 40px);height:1px;position:absolute;top:26px;left:-20px}.step:first-child:before{display:none}.step-num{z-index:1;background:var(--primary);color:#fff;width:44px;height:44px;font-family:var(--display);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;font-size:15px;font-weight:700;display:flex;position:relative}.step h3{font-family:var(--display);color:var(--ink);margin:0 0 8px;font-size:18px}.step p{color:var(--ink-soft);margin:0;font-size:14.5px;line-height:1.55}.modules-wrap{background:#fff;width:100%;padding:80px 32px 90px}.modules-wrap .section{padding-left:0;padding-right:0;position:relative}.modules-grid{grid-template-columns:repeat(3,minmax(0,280px));justify-content:center;gap:24px;display:grid}.module-tile{background:#fff;border:1px solid #ff77ff59;border-radius:18px;padding:28px 24px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}.module-tile:hover{border-color:var(--primary);transform:translateY(-6px);box-shadow:0 18px 35px #ff77ff29}.module-tile .module-dot{background:var(--primary);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:18px;font-size:19px;display:flex}.module-tile h4{font-family:var(--display);color:var(--ink);margin:0 0 9px;font-size:18px}.module-tile p{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.6}.section-mascot{z-index:2;filter:drop-shadow(0 10px 16px #4a0e2e38);width:104px;animation:5s ease-in-out infinite bob;position:absolute;top:-6px;right:24px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.cta-band{background:var(--primary);color:#fff;border-radius:24px;justify-content:space-between;align-items:center;gap:40px;width:calc(100% - 64px);max-width:1180px;margin:20px auto 96px;padding:48px 56px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #ff77ff38}.cta-band:before{content:"";border:1px solid #ffffff40;border-radius:50%;width:260px;height:260px;position:absolute;top:-130px;right:-100px}.cta-band:after{content:"";border:1px solid #fff3;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-100px;right:100px}.cta-band>div{z-index:2;position:relative}.cta-band h3{max-width:25ch;font-family:var(--display);color:#fff;margin:0 0 10px;font-size:30px;line-height:1.18}.cta-band p{color:#ffffffe6;margin:0;font-size:15px;line-height:1.6}.cta-band .btn-primary{z-index:3;color:var(--primary);background:#fff;border:0;border-radius:12px;flex-shrink:0;padding:15px 30px;font-size:15px;font-weight:700;position:relative;box-shadow:0 8px 20px #0000001f}.cta-band .btn-primary:hover{color:var(--primary);background:#fff;transform:translateY(-3px);box-shadow:0 12px 26px #0000002e}@media (width<=1100px){.hero{grid-template-columns:1fr .9fr;gap:20px}.module-stack{transform-origin:50%;transform:scale(.92)}}@media (width<=960px){.hero{text-align:center;grid-template-columns:1fr;padding-top:64px}.hero p.lede{margin-left:auto;margin-right:auto}.hero-ctas{justify-content:center}.module-stack{width:520px;max-width:100%;height:650px;margin-top:10px;transform:none}.steps{grid-template-columns:repeat(2,1fr);gap:32px 20px}.step:before{display:none}.modules-grid{grid-template-columns:repeat(2,minmax(0,280px));gap:20px}.cta-band{text-align:center;flex-direction:column;padding:44px 32px}.cta-band h3{margin-left:auto;margin-right:auto}.hero-mascot{width:105px;bottom:15px;left:auto;right:-10px}.section-mascot{width:80px;top:-4px;right:12px}}@media (width<=560px){.hero{padding:56px 20px 55px}.hero h1{font-size:36px}.hero p.lede{font-size:16px}.hero-ctas{flex-direction:column;gap:12px;width:100%}.hero-ctas .btn-primary{width:100%}.btn-ghost{padding:10px 6px}.steps,.modules-grid{grid-template-columns:1fr}.section{padding-left:20px;padding-right:20px}.modules-wrap{padding:60px 18px 70px}.module-stack{width:100%;max-width:360px;height:875px;margin:35px auto 0;display:block;position:relative;overflow:visible;transform:none}.thread-svg{z-index:0;opacity:.65;width:100%;height:100%;display:block;position:absolute;inset:0}.thread-path{stroke-width:2.5px;stroke-dasharray:7 7}.module-card,.module-card:first-of-type,.module-card:nth-of-type(2),.module-card:nth-of-type(3),.module-card:nth-of-type(4),.module-card:nth-of-type(5),.module-card:nth-of-type(6),.module-card:nth-of-type(7),.module-card:nth-of-type(8),.module-card:nth-of-type(9),.module-card:nth-of-type(10),.module-card:nth-of-type(11){border-radius:15px;align-items:center;gap:10px;width:220px;min-height:67px;margin:0;padding:10px 12px;display:flex;position:absolute}.module-card:first-of-type{z-index:5;top:0;left:0}.module-card:nth-of-type(2){z-index:5;top:78px;left:auto;right:0}.module-card:nth-of-type(3){z-index:6;top:156px;left:8px}.module-card:nth-of-type(4){z-index:8;width:235px;min-height:74px;top:234px;left:auto;right:0}.module-card:nth-of-type(5){z-index:6;top:320px;left:0}.module-card:nth-of-type(6){z-index:5;top:398px;left:auto;right:0}.module-card:nth-of-type(7){z-index:7;top:476px;left:12px}.module-card:nth-of-type(8){z-index:5;top:554px;left:auto;right:0}.module-card:nth-of-type(9){z-index:6;top:632px;left:0}.module-card:nth-of-type(10){z-index:5;top:710px;left:auto;right:0}.module-card:nth-of-type(11){z-index:7;top:788px;left:25px}.module-card .module-dot{border-radius:11px;flex:0 0 40px;width:40px;height:40px;font-size:19px}.module-card h4{white-space:nowrap;margin:0 0 2px;font-size:13px}.module-card p{font-size:10px;line-height:1.35}.hero-mascot{z-index:10;width:88px;position:absolute;bottom:-48px;left:auto;right:-8px;transform:none}.module-tile{padding:25px 22px}.cta-band{border-radius:20px;width:calc(100% - 32px);margin:10px auto 60px;padding:38px 24px}.cta-band h3{font-size:25px}.cta-band p{font-size:14px}.cta-band .btn-primary{width:100%}.section-mascot{width:64px;top:-2px;right:8px}}@media (width<=380px){.hero h1{font-size:32px}.module-stack{max-width:340px;height:850px}.module-card,.module-card:first-of-type,.module-card:nth-of-type(2),.module-card:nth-of-type(3),.module-card:nth-of-type(4),.module-card:nth-of-type(5),.module-card:nth-of-type(6),.module-card:nth-of-type(7),.module-card:nth-of-type(8),.module-card:nth-of-type(9),.module-card:nth-of-type(10),.module-card:nth-of-type(11){width:202px;min-height:64px;padding:9px 10px}.module-card:nth-of-type(4){width:215px}.module-card:first-of-type{left:0}.module-card:nth-of-type(2){right:0}.module-card:nth-of-type(3),.module-card:nth-of-type(5){left:3px}.module-card:nth-of-type(7){left:10px}.module-card:nth-of-type(9){left:3px}.module-card:nth-of-type(11){left:15px}.module-card:nth-of-type(6),.module-card:nth-of-type(8),.module-card:nth-of-type(10),.module-card:nth-of-type(4){right:0}.module-card .module-dot{flex-basis:37px;width:37px;height:37px;font-size:17px}.module-card h4{font-size:12px}.module-card p{font-size:9.5px}.hero-mascot{width:80px;bottom:-42px;right:-5px}.section-head h2{font-size:27px}.cta-band{padding:32px 20px}}@media (prefers-reduced-motion:reduce){.module-card,.hero-mascot,.section-mascot{transition:none;animation:none}}.plans-page{background:#f6f8fb;min-height:100vh;padding:88px 20px 100px;font-family:Inter,-apple-system,sans-serif}.plans-shell{text-align:center;max-width:1160px;margin:0 auto}.plans-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#7a46e0;margin:0 0 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.plans-title{color:#101828;letter-spacing:-.02em;margin:0 0 16px;font-family:Manrope,sans-serif;font-size:clamp(32px,4vw,46px);font-weight:800;line-height:1.15}.plans-subtitle{color:#667085;margin:0 0 56px;font-size:17px}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;gap:28px;display:grid}.plan-card{text-align:left;background:#fff;border:1px solid #e4e7ec;border-radius:20px;flex-direction:column;padding:40px 32px 32px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;box-shadow:0 1px 2px #1018280a}.plan-card:hover{border-color:color-mix(in srgb, var(--accent) 35%, #e4e7ec);box-shadow:0 20px 40px -12px color-mix(in srgb, var(--accent) 25%, transparent);transform:translateY(-6px)}.plan-card--featured{border:1.5px solid var(--accent);box-shadow:0 24px 48px -16px color-mix(in srgb, var(--accent) 35%, transparent)}@media (width>=860px){.plan-card--featured{transform:translateY(-14px)}.plan-card--featured:hover{transform:translateY(-20px)}}.plan-ribbon{color:#fff;letter-spacing:.02em;background:#f7f;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600;position:absolute;top:-14px;left:32px}.plan-badge{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;font-family:Manrope,sans-serif;font-size:18px;font-weight:800;display:flex}.plan-name{color:#101828;margin:0 0 6px;font-family:Manrope,sans-serif;font-size:22px;font-weight:700}.plan-tagline{color:#667085;min-height:40px;margin:0 0 26px;font-size:14px}.plan-price{color:#101828;align-items:baseline;gap:2px;margin-bottom:26px;font-family:JetBrains Mono,monospace;display:flex}.plan-price-currency{color:var(--accent);align-self:flex-start;margin-top:6px;font-size:20px;font-weight:600}.plan-price-value{letter-spacing:-.02em;font-size:48px;font-weight:600}.plan-price-period{color:#98a2b3;margin-left:4px;font-family:Inter,sans-serif;font-size:15px}.plan-features{flex-grow:1;margin:0 0 32px;padding:0;list-style:none}.plan-features li{color:#344054;border-bottom:1px solid #f0f2f5;align-items:center;gap:10px;padding:11px 0;font-size:14.5px;display:flex}.plan-features li:last-child{border-bottom:none}.plan-check{color:var(--accent);flex-shrink:0}.plan-cta{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;transition:filter .2s,transform .15s}.plan-cta:hover{filter:brightness(1.08)}.plan-cta:active{transform:scale(.98)}.plan-cta:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:2px}.billing-switch{background:#fff;border:1px solid #e5e7eb;border-radius:999px;gap:6px;width:max-content;margin:35px auto 25px;padding:5px;display:flex;box-shadow:0 8px 30px #0000000f}.billing-switch button{cursor:pointer;color:#555;background:0 0;border:none;border-radius:40px;padding:12px 30px;font-weight:600;transition:all .3s;position:relative}.plan-old-price{color:#9ca3af;margin-bottom:6px;font-size:18px;font-weight:600;text-decoration:line-through}.billing-switch button.active{color:#fff;background:#f7f;box-shadow:0 8px 20px #be27ee40}.billing-switch span{color:#fff;background:#16a34a;border-radius:20px;padding:2px 8px;font-size:11px;position:absolute;top:-10px;right:-8px}.pricing-note{color:#555;background:#f7f3ff;border-left:4px solid #f7f;border-radius:12px;max-width:700px;margin:0 auto 45px;padding:18px 24px;line-height:1.6}.save-badge{color:#15803d;background:#dcfce7;border-radius:20px;margin-top:10px;padding:5px 14px;font-size:13px;font-weight:600;display:inline-block}@media (prefers-reduced-motion:reduce){.plan-card,.plan-cta{transition:none}.plan-card--featured,.plan-card:hover,.plan-card--featured:hover{transform:none}}.register-card{width:100%;max-width:520px;padding:35px}.register-card h2{text-align:center;color:#111827;margin-bottom:25px;font-size:28px}.register-card h4{color:#374151;margin-bottom:12px}.field-label{color:#374151;text-align:left;margin-bottom:6px;font-size:14px;font-weight:600;display:block}.required-star{color:red}.form-input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;width:100%;margin-bottom:15px;padding:12px 14px;font-size:15px;transition:all .3s}.form-input:focus{border-color:#f7f;outline:none;box-shadow:0 0 0 2px #2563eb26}.radio-group{gap:25px;margin-bottom:20px;display:flex}.radio-group label{cursor:pointer;color:#374151;align-items:center;gap:8px;font-size:14px;display:flex}.file-box{background:#f9fafb;border:1px dashed #9ca3af;border-radius:10px;margin-bottom:20px;padding:15px}.file-box label{color:#374151;margin-bottom:10px;font-weight:600;display:block}.register-btn{color:#fff;cursor:pointer;background:#f7f;border:none;border-radius:8px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:all .3s}.register-btn:hover{background:#f7f}.register-btn:disabled{cursor:not-allowed;background:#f7f}.error-box{color:red;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:12px}.error-box p{color:red;margin:5px 0}.error-box strong{color:red}@media (width<=600px){.register-card{padding:25px}.radio-group{flex-direction:column;gap:10px}.register-card h2{font-size:24px}}.register-page{background:#f4f7fb;justify-content:center;align-items:center;min-height:80vh;padding:60px 20px;display:flex}.register-card{background:#fff;border-radius:16px;width:100%;max-width:500px;padding:40px;box-shadow:0 10px 30px #00000014}.register-card h1{text-align:center;margin-bottom:10px}.subtitle{text-align:center;color:#666;margin-bottom:30px}.form-group label{text-align:left;margin-bottom:8px;font-weight:600;display:block}.form-group input{box-sizing:border-box;text-align:left;border:1px solid #ddd;border-radius:8px;width:100%;padding:13px;font-size:15px}.file-box{box-sizing:border-box;background:#faf7ff;border:1px dashed #c4b5fd;border-radius:10px;margin-top:20px;margin-bottom:22px;padding:18px}.file-box h4{color:#374151;margin-top:0;margin-bottom:18px;font-size:17px}.file-box .field-label{color:#374151;text-align:left;margin-top:12px;margin-bottom:7px;font-size:14px;font-weight:600;display:block}.file-box input[type=file]{color:#374151;box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px;font-size:13px}.file-box input[type=file]:focus{border-color:#f7f;outline:none;box-shadow:0 0 0 2px #be27ee1f}.file-box small{color:#6b7280;margin-top:6px;margin-bottom:14px;font-size:12px;line-height:1.5;display:block}.file-box h4:after{content:"";background:#f7f;border-radius:5px;width:45px;height:2px;margin-top:8px;display:block}@media (width<=600px){.file-box{padding:15px}.file-box h4{font-size:16px}.file-box input[type=file]{font-size:12px}}.primary-btn{color:#fff;cursor:pointer;background:#f7f;border:none;border-radius:8px;width:100%;padding:14px;font-size:16px;font-weight:600}.primary-btn:hover{background:#f7f}.accounting-dashboard{color:#000;box-sizing:border-box;background:#fff;width:100%;padding:24px}.accounting-dashboard-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.accounting-dashboard-header h1{color:#000;margin:0 0 8px;font-size:28px;font-weight:700}.accounting-dashboard-header p{color:#000;opacity:.65;margin:0;font-size:14px}.accounting-refresh-btn{color:#000;cursor:pointer;background:#f7f;border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.accounting-refresh-btn:hover{transform:translateY(-2px)}.accounting-refresh-btn svg{font-size:17px}.accounting-error{color:#000;background:#fff;border:1px solid #f7f;border-radius:10px;margin-bottom:20px;padding:14px 16px}.accounting-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.accounting-stat-card{background:#fff;border:1px solid #eee;border-radius:14px;align-items:center;gap:15px;padding:20px;transition:all .2s;display:flex}.accounting-stat-card:hover{border-color:#f7f;transform:translateY(-3px)}.accounting-stat-icon{color:#000;background:#f7f;border-radius:12px;justify-content:center;align-items:center;width:50px;min-width:50px;height:50px;display:flex}.accounting-stat-icon svg{font-size:22px}.accounting-stat-content{flex-direction:column;gap:5px;min-width:0;display:flex}.accounting-stat-content span{color:#000;opacity:.65;font-size:13px}.accounting-stat-content h3{color:#000;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:18px;overflow:hidden}.accounting-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px;display:grid}.accounting-dashboard-card{background:#fff;border:1px solid #eee;border-radius:14px;padding:22px}.accounting-card-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.accounting-card-header h2{color:#000;margin:0;font-size:18px;font-weight:700}.accounting-summary-list{flex-direction:column;display:flex}.accounting-summary-row{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;display:flex}.accounting-summary-row:last-child{border-bottom:none}.accounting-summary-row span{color:#000;opacity:.7;font-size:14px}.accounting-summary-row strong{color:#000;font-size:14px}.accounting-status{background:#f7f;border-radius:8px;padding:7px 12px}.accounting-outstanding-card{margin-bottom:20px}.accounting-outstanding-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.accounting-outstanding-item{background:#fff;border:1px solid #eee;border-radius:12px;padding:22px}.accounting-outstanding-item span{color:#000;opacity:.65;margin-bottom:10px;font-size:14px;display:block}.accounting-outstanding-item h2{color:#000;margin:0 0 8px;font-size:24px}.accounting-outstanding-item p{color:#000;opacity:.6;margin:0;font-size:13px}@media (width<=1100px){.accounting-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.accounting-dashboard{padding:16px}.accounting-dashboard-header{flex-direction:column;align-items:flex-start}.accounting-stats-grid,.accounting-dashboard-grid,.accounting-outstanding-grid{grid-template-columns:1fr}.accounting-dashboard-header h1{font-size:23px}.accounting-refresh-btn{justify-content:center;width:100%}}.accounting-header-actions{align-items:center;gap:12px;display:flex}.accounting-add-btn{color:#fff;cursor:pointer;background:#f7f;border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:600;display:flex}.accounting-stat-card{text-align:left;cursor:pointer;border:1px solid #eee;width:100%;position:relative}.accounting-stat-arrow{margin-left:auto;font-size:20px}.accounting-card-header button{color:#be27ee;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600}.accounting-quick-actions{flex-direction:column;gap:10px;display:flex}.accounting-quick-actions button{color:#000;cursor:pointer;text-align:left;background:#fff;border:1px solid #eee;border-radius:10px;align-items:center;gap:12px;width:100%;padding:14px;font-size:14px;display:flex}.accounting-quick-actions button:hover{border-color:#f7f}.accounting-quick-actions button span{flex:1}.accounting-outstanding-main{padding:20px}.accounting-outstanding-main span{opacity:.65;font-size:14px}.accounting-outstanding-main h2{margin:12px 0 20px;font-size:28px}.accounting-outstanding-main button{color:#000;cursor:pointer;background:#f7f;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;display:flex}@media (width<=768px){.accounting-header-actions{flex-direction:column;width:100%}.accounting-header-actions button{justify-content:center;width:100%}}.accounting-page{box-sizing:border-box;color:#000;background:#fff;width:100%;min-width:0;max-width:100%;min-height:100%;padding:24px;overflow-x:hidden}.accounting-page-header h1{color:#000;margin:0;font-size:28px;font-weight:700;line-height:1.2}.accounting-page-header p{color:#666;margin:7px 0 0;font-size:14px;line-height:1.5}.accounting-primary-btn{color:#000;white-space:nowrap;cursor:pointer;background:#f7f;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 17px;font-size:14px;font-weight:600;transition:background .2s,transform .2s,opacity .2s;display:inline-flex}.accounting-primary-btn:hover{background:#f05cf0;transform:translateY(-1px)}.accounting-primary-btn:active{transform:translateY(0)}.accounting-primary-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.accounting-primary-btn svg{flex-shrink:0;width:16px;height:16px}.accounting-secondary-btn{color:#000;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.accounting-secondary-btn:hover{background:#fafafa;border-color:#cfcfcf}.accounting-secondary-btn:disabled{opacity:.55;cursor:not-allowed}.accounting-secondary-btn svg{width:15px;height:15px}.accounting-toolbar{justify-content:flex-end;align-items:center;margin-bottom:14px;display:flex}.accounting-refresh-btn{color:#000;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 13px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.accounting-refresh-btn:hover{background:#fafafa;border-color:#ccc}.accounting-refresh-btn svg{width:15px;height:15px}.accounting-error{box-sizing:border-box;color:#a22222;background:#fff2f2;border:1px solid #f1cccc;border-radius:8px;width:100%;margin-bottom:16px;padding:12px 14px;font-size:14px;line-height:1.5}.accounting-loading{color:#666;justify-content:center;align-items:center;min-height:300px;font-size:14px;display:flex}.accounting-table-wrapper{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #eee;border-radius:10px;width:100%;min-width:0;max-width:100%;overflow:auto hidden}.accounting-table{border-collapse:collapse;background:#fff;width:100%;min-width:900px}.accounting-table th{color:#333;text-align:left;white-space:nowrap;background:#fafafa;border-bottom:1px solid #eee;padding:13px 15px;font-size:12px;font-weight:700}.accounting-table td{color:#000;text-align:left;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #eee;padding:14px 15px;font-size:13px}.accounting-empty-table{text-align:center!important;color:#777!important;padding:50px 20px!important;font-size:14px!important}.accounting-status-badge{color:#9b199b;white-space:nowrap;background:#ffe0ff;border-radius:20px;justify-content:center;align-items:center;min-width:62px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.accounting-table-actions{white-space:nowrap;align-items:center;gap:7px;display:flex}.accounting-action-btn{color:#000;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:all .2s;display:inline-flex}.accounting-action-btn:hover{background:#f8f8f8;border-color:#ccc}.accounting-action-btn svg{width:15px;height:15px}.accounting-delete-btn{color:#d33}.accounting-delete-btn:hover{color:#c22;background:#fff2f2;border-color:#efcaca}.journal-lines-section{margin-top:24px}.journal-lines-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px;display:flex}.journal-lines-header h3{color:#000;margin:0;font-size:17px;font-weight:700}.journal-lines-section .accounting-table{min-width:800px}.accounting-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.accounting-form-group{flex-direction:column;gap:7px;min-width:0;display:flex}.accounting-full-width{grid-column:1/-1}.accounting-form-group label{color:#222;font-size:13px;font-weight:600}.accounting-form-group input,.accounting-form-group select,.accounting-form-group textarea,.accounting-table input,.accounting-table select{box-sizing:border-box;color:#000;background:#fff;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;min-width:0;padding:10px 11px;font-size:13px;transition:border-color .2s,box-shadow .2s}.accounting-form-group textarea{resize:vertical;min-height:80px}.accounting-form-group input:focus,.accounting-form-group select:focus,.accounting-form-group textarea:focus,.accounting-table input:focus,.accounting-table select:focus{border-color:#f7f;box-shadow:0 0 0 3px #ff77ff1f}.accounting-form-group input::placeholder,.accounting-form-group textarea::placeholder,.accounting-table input::placeholder{color:#999}.journal-total-box{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.journal-total-box>div{background:#fafafa;border:1px solid #eee;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.journal-total-box span{color:#666;font-size:13px}.journal-total-box strong{color:#000;white-space:nowrap;font-size:14px;font-weight:700}.accounting-modal-overlay{z-index:1000;box-sizing:border-box;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.accounting-modal{box-sizing:border-box;background:#fff;border-radius:12px;width:100%;max-width:620px;max-height:calc(100vh - 40px);padding:24px;overflow-y:auto}.accounting-large-modal{max-width:950px}.accounting-modal-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.accounting-modal-header>div{min-width:0}.accounting-modal-header h2{color:#000;margin:0;font-size:21px;font-weight:700;line-height:1.3}.accounting-modal-header p{color:#666;margin:6px 0 0;font-size:13px;line-height:1.5}.accounting-close-btn{color:#000;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:8px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:inline-flex}.accounting-close-btn:hover{background:#f8f8f8;border-color:#ccc}.accounting-close-btn svg{width:18px;height:18px}.accounting-modal-footer{border-top:1px solid #eee;justify-content:flex-end;align-items:center;gap:12px;margin-top:24px;padding-top:18px;display:flex}.accounting-back-btn{color:#000;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:18px;padding:0;font-size:21px;transition:all .2s;display:inline-flex}.accounting-back-btn:hover{background:#fafafa;border-color:#ccc;transform:translate(-2px)}@media (width<=1024px){.accounting-page{padding:20px}.accounting-page-header h1{font-size:26px}.accounting-large-modal{max-width:90vw}.accounting-table{min-width:900px}}@media (width<=768px){.accounting-page{width:100%;max-width:100%;padding:16px;overflow-x:hidden}.accounting-page-header{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:18px}.accounting-page-header h1{font-size:24px}.accounting-page-header p{font-size:13px}.accounting-page-header .accounting-primary-btn{width:100%}.accounting-toolbar{justify-content:flex-start}.accounting-refresh-btn{width:100%}.accounting-table-wrapper{border-radius:8px}.accounting-table{min-width:850px}.accounting-form-grid{grid-template-columns:1fr}.accounting-full-width{grid-column:auto}.journal-lines-header{flex-direction:column;align-items:flex-start}.journal-lines-header .accounting-secondary-btn{width:100%}.journal-total-box{grid-template-columns:1fr}.accounting-modal-overlay{align-items:flex-start;padding:12px}.accounting-modal,.accounting-large-modal{border-radius:10px;width:100%;max-width:100%;max-height:calc(100vh - 24px);padding:18px}.accounting-modal-header{gap:12px}.accounting-modal-header h2{font-size:19px}.accounting-modal-footer{flex-direction:column-reverse;align-items:stretch}.accounting-modal-footer button{width:100%}}@media (width<=480px){.accounting-page{padding:12px}.accounting-page-header h1{font-size:22px}.accounting-page-header p{font-size:12px}.accounting-primary-btn{padding:10px 14px;font-size:13px}.accounting-refresh-btn{padding:9px 12px}.accounting-modal-overlay{padding:8px}.accounting-modal,.accounting-large-modal{border-radius:9px;padding:15px}.accounting-modal-header h2{font-size:18px}.accounting-close-btn{flex-basis:34px;width:34px;height:34px}.journal-total-box>div{padding:11px 12px}}.accounting-reports-section{width:100%;margin-bottom:24px}.accounting-reports-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.accounting-report-card{box-sizing:border-box;color:#000;text-align:left;cursor:pointer;background:#fff;border:1px solid #eee;border-radius:14px;width:100%;min-width:0;padding:20px;transition:all .2s}.accounting-report-card:hover{border-color:#f7f;transform:translateY(-3px)}.accounting-report-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.accounting-report-card-icon{color:#000;background:#f7f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.accounting-report-card-icon svg{width:20px;height:20px}.accounting-report-card-arrow{color:#000;font-size:18px}.accounting-report-card h3{color:#000;margin:0 0 6px;font-size:16px;font-weight:700}.accounting-report-card p{color:#666;margin:0;font-size:13px;line-height:1.5}.accounting-management-section{width:100%;margin-bottom:24px}.accounting-management-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.accounting-management-item{box-sizing:border-box;color:#000;cursor:pointer;text-align:left;background:#fff;border:1px solid #eee;border-radius:10px;align-items:center;gap:10px;width:100%;min-width:0;padding:14px;transition:all .2s;display:flex}.accounting-management-item:hover{background:#fffaff;border-color:#f7f}.accounting-management-item svg{flex-shrink:0;width:18px;height:18px}.accounting-management-item span{color:#000;flex:1;min-width:0;font-size:13px;font-weight:600}@media (width<=1100px){.accounting-reports-grid,.accounting-management-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.accounting-reports-grid,.accounting-management-grid{grid-template-columns:1fr}.accounting-report-card{padding:18px}}@media (width<=480px){.accounting-report-card{padding:16px}.accounting-report-card h3{font-size:15px}.accounting-report-card p{font-size:12px}.accounting-management-item{padding:12px}}.accounting-dashboard-section{box-sizing:border-box;background:#fff;border:1px solid #eee;border-radius:14px;width:100%;min-width:0;margin-bottom:24px;padding:22px}.accounting-dashboard-section .accounting-card-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.accounting-dashboard-section .accounting-card-header>div{min-width:0}.accounting-dashboard-section .accounting-card-header h2{color:#000;margin:0;font-size:18px;font-weight:700;line-height:1.3}.accounting-dashboard-section .accounting-card-header p{color:#666;margin:6px 0 0;font-size:13px;line-height:1.5}.accounting-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;min-width:0;display:grid}.accounting-feature-card{box-sizing:border-box;color:#000;text-align:left;cursor:pointer;background:#fff;border:1px solid #eee;border-radius:12px;align-items:center;gap:14px;width:100%;min-width:0;min-height:92px;padding:17px;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;display:flex}.accounting-feature-card:hover{background:#fffaff;border-color:#f7f;transform:translateY(-2px);box-shadow:0 5px 15px #0000000d}.accounting-feature-card:active{transform:translateY(0)}.accounting-feature-icon{color:#000;background:#f7f;border-radius:11px;justify-content:center;align-items:center;width:46px;min-width:46px;height:46px;display:flex}.accounting-feature-icon svg{width:21px;height:21px}.accounting-feature-content{flex:1;min-width:0}.accounting-feature-content h3{color:#000;margin:0 0 5px;font-size:15px;font-weight:700;line-height:1.3}.accounting-feature-content p{color:#666;margin:0;font-size:12px;line-height:1.5}.accounting-feature-card>svg:last-child{color:#777;flex-shrink:0;width:17px;height:17px;transition:transform .2s,color .2s}.accounting-feature-card:hover>svg:last-child{color:#be27ee;transform:translate(3px)}.accounting-outstanding-main{box-sizing:border-box;min-height:150px}.accounting-outstanding-main span{color:#666;font-size:13px;line-height:1.5;display:block}.accounting-outstanding-main h2{color:#000;margin:10px 0 18px;font-size:28px;font-weight:700;line-height:1.2}.accounting-outstanding-main button{color:#000;cursor:pointer;background:#f7f;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.accounting-outstanding-main button:hover{background:#f05cf0;transform:translateY(-1px)}.accounting-outstanding-main button svg{width:15px;height:15px}.accounting-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.accounting-quick-actions button{box-sizing:border-box;color:#000;cursor:pointer;text-align:left;background:#fff;border:1px solid #eee;border-radius:9px;align-items:center;gap:10px;width:100%;min-width:0;padding:12px;font-size:13px;transition:border-color .2s,background .2s,transform .2s;display:flex}.accounting-quick-actions button:hover{background:#fffaff;border-color:#f7f;transform:translateY(-1px)}.accounting-quick-actions button>svg:first-child{flex-shrink:0;width:17px;height:17px}.accounting-quick-actions button span{flex:1;min-width:0}.accounting-quick-actions button>svg:last-child{color:#777;flex-shrink:0;width:15px;height:15px}.accounting-stat-card{box-sizing:border-box;cursor:pointer;min-width:0}.accounting-stat-card:hover .accounting-stat-arrow{color:#be27ee;transform:translate(3px)}.accounting-stat-arrow{flex-shrink:0;transition:transform .2s,color .2s}@media (width<=1100px){.accounting-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.accounting-dashboard-section{margin-bottom:18px;padding:18px}.accounting-dashboard-section .accounting-card-header{flex-direction:column;align-items:flex-start;gap:8px}.accounting-feature-grid{grid-template-columns:1fr;gap:12px}.accounting-feature-card{min-height:82px;padding:14px}.accounting-feature-icon{width:42px;min-width:42px;height:42px}.accounting-feature-icon svg{width:19px;height:19px}.accounting-feature-content h3{font-size:14px}.accounting-feature-content p{font-size:12px}.accounting-quick-actions{grid-template-columns:1fr}}@media (width<=480px){.accounting-dashboard-section{border-radius:11px;padding:15px}.accounting-dashboard-section .accounting-card-header h2{font-size:17px}.accounting-dashboard-section .accounting-card-header p{font-size:12px}.accounting-feature-card{gap:11px;padding:13px}.accounting-feature-icon{border-radius:9px;width:40px;min-width:40px;height:40px}.accounting-feature-content h3{font-size:13px}.accounting-feature-content p{font-size:11px}.accounting-outstanding-main{padding:15px}.accounting-outstanding-main h2{font-size:24px}}.accounting-toolbar{align-items:center;gap:12px;width:100%;margin-bottom:20px;display:flex}.accounting-search-box{box-sizing:border-box;background:#fff;border:1px solid #e2e2e2;border-radius:8px;flex:1;align-items:center;min-width:0;height:42px;display:flex;position:relative}.accounting-search-box svg{color:#888;pointer-events:none;flex-shrink:0;margin-left:13px;font-size:17px}.accounting-search-box input{color:#222;box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;height:100%;padding:0 14px 0 10px;font-size:13px}.accounting-search-box input::placeholder{color:#999}.accounting-search-box:focus-within{border-color:#be27ee;box-shadow:0 0 0 3px #be27ee14}.accounting-select{color:#333;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #e2e2e2;border-radius:8px;outline:none;width:190px;height:42px;padding:0 34px 0 12px;font-size:13px}.accounting-select:focus{border-color:#be27ee;box-shadow:0 0 0 3px #be27ee14}.accounting-icon-btn{color:#555;cursor:pointer;background:#fff;border:1px solid #e2e2e2;border-radius:8px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:inline-flex}.accounting-icon-btn svg{font-size:17px}.accounting-icon-btn:hover{color:#be27ee;background:#faf3fd;border-color:#be27ee}@media (width<=768px){.accounting-toolbar{flex-wrap:wrap}.accounting-search-box{flex:100%;width:100%}.accounting-select{flex:1;width:auto}}.general-ledger-page{box-sizing:border-box;width:100%;padding:24px}.general-ledger-header{margin-bottom:24px}.general-ledger-header h2{color:#000;margin:0;font-size:28px;font-weight:700}.general-ledger-header p{color:#666;margin:6px 0 0;font-size:14px}.ledger-filter-card{background:#fff;border:1px solid #eee;border-radius:12px;margin-bottom:24px;padding:20px}.ledger-filter-grid{grid-template-columns:2fr 1fr 1fr;gap:18px;display:grid}.ledger-filter-group{flex-direction:column;gap:7px;display:flex}.ledger-filter-group label{color:#000;font-size:13px;font-weight:600}.ledger-filter-group input,.ledger-filter-group select{color:#000;box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;height:43px;padding:0 12px;font-size:14px}.ledger-filter-group input:focus,.ledger-filter-group select:focus{border-color:#f7f}.ledger-filter-actions{gap:10px;margin-top:18px;display:flex}.ledger-search-btn,.ledger-clear-btn{cursor:pointer;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:600}.ledger-search-btn{color:#000;background:#f7f;border:none}.ledger-search-btn:disabled{opacity:.6;cursor:not-allowed}.ledger-clear-btn{color:#000;background:#fff;border:1px solid #ddd}.ledger-search-btn:hover:not(:disabled){opacity:.9}.ledger-clear-btn:hover{border-color:#f7f}.ledger-account-info{grid-template-columns:2fr 1fr 1fr;gap:18px;margin-bottom:24px;display:grid}.ledger-info-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:20px}.ledger-info-card span{color:#666;font-size:13px}.ledger-info-card h3{color:#000;margin:9px 0 0;font-size:20px;font-weight:700}.ledger-table-card{background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden}.ledger-table-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:20px;display:flex}.ledger-table-header h3{color:#000;margin:0;font-size:18px}.ledger-table-header span{color:#666;font-size:13px}.ledger-table-wrapper{width:100%;overflow-x:auto}.ledger-table{border-collapse:collapse;width:100%;min-width:900px}.ledger-table th{text-align:left;color:#000;white-space:nowrap;background:#fafafa;padding:14px 16px;font-size:13px}.ledger-table td{color:#222;white-space:nowrap;border-top:1px solid #eee;padding:15px 16px;font-size:14px}.ledger-table tbody tr:hover{background:#fff8ff}.ledger-reference{font-weight:600}.ledger-balance{color:#000;font-weight:700}.ledger-empty-card,.ledger-loading-card{text-align:center;color:#666;background:#fff;border:1px solid #eee;border-radius:12px;padding:45px 20px}.ledger-empty-state{text-align:center;color:#666!important;padding:40px!important}@media (width<=900px){.ledger-filter-grid,.ledger-account-info{grid-template-columns:1fr}}@media (width<=768px){.general-ledger-page{padding:16px}.general-ledger-header h2{font-size:23px}.ledger-filter-actions{flex-direction:column}.ledger-search-btn,.ledger-clear-btn{width:100%}}.trial-balance-page{box-sizing:border-box;width:100%;padding:24px}.trial-balance-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.trial-balance-header h2{color:#000;margin:0;font-size:28px;font-weight:700}.trial-balance-header p{color:#666;margin:6px 0 0;font-size:14px}.trial-balance-status{align-items:center;display:flex}.balanced-badge,.unbalanced-badge{border-radius:20px;padding:9px 16px;font-size:13px;font-weight:600}.balanced-badge{color:#000;background:#f7f}.unbalanced-badge{color:#000;background:#f5f5f5;border:1px solid #ddd}.trial-filter-card{background:#fff;border:1px solid #eee;border-radius:12px;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;padding:18px;display:flex}.filter-group{flex-direction:column;gap:7px;display:flex}.filter-group label{color:#000;font-size:13px;font-weight:600}.filter-group input{border:1px solid #ddd;border-radius:8px;outline:none;width:220px;padding:11px 12px;font-size:14px}.filter-group input:focus{border-color:#f7f}.filter-actions{gap:10px;display:flex}.filter-btn,.refresh-trial-btn{color:#000;cursor:pointer;background:#f7f;border:none;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:600}.clear-btn{color:#000;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:600}.filter-btn:hover,.refresh-trial-btn:hover{opacity:.9}.clear-btn:hover{border-color:#f7f}.trial-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.trial-summary-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:22px}.trial-summary-card span{color:#666;font-size:14px}.trial-summary-card h3{color:#000;margin:10px 0 0;font-size:24px}.trial-table-card{background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden}.trial-table-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:20px;display:flex}.trial-table-header h3{color:#000;margin:0;font-size:18px}.trial-table-wrapper{width:100%;overflow-x:auto}.trial-table{border-collapse:collapse;width:100%;min-width:850px}.trial-table th{text-align:left;color:#000;white-space:nowrap;background:#fafafa;padding:14px 16px;font-size:13px}.trial-table td{color:#222;white-space:nowrap;border-top:1px solid #eee;padding:15px 16px;font-size:14px}.trial-table tbody tr:hover{background:#fff8ff}.account-code{color:#000;font-weight:700}.account-name{font-weight:500}.account-type-badge{color:#000;background:#ffeaff;border-radius:20px;padding:6px 11px;font-size:12px;font-weight:600;display:inline-block}.debit-amount,.credit-amount{color:#000;font-weight:600}.trial-table tfoot td{background:#fff8ff;border-top:2px solid #f7f;padding:17px 16px}.total-label{text-align:right;color:#000;font-weight:700}.total-amount{color:#000;font-weight:700}.trial-empty-state{text-align:center;color:#666!important;padding:40px!important}@media (width<=768px){.trial-balance-page{padding:16px}.trial-balance-header{flex-direction:column;align-items:flex-start;gap:15px}.trial-balance-header h2{font-size:23px}.trial-filter-card{flex-direction:column;align-items:stretch}.filter-group input{box-sizing:border-box;width:100%}.filter-actions{width:100%}.filter-btn,.clear-btn{flex:1}.trial-summary{grid-template-columns:1fr}.refresh-trial-btn{padding:9px 14px}}.accounting-page{color:#000;box-sizing:border-box;background:#fff;width:100%;min-width:0;max-width:100%;min-height:100%;margin:0;padding:24px;overflow-x:hidden}.accounting-page *,.accounting-page :before,.accounting-page :after{box-sizing:border-box}.accounting-page-header{justify-content:space-between;align-items:center;gap:20px;width:100%;min-width:0;margin-bottom:24px;display:flex}.accounting-page-header>div{min-width:0}.accounting-page-header h2{color:#000;overflow-wrap:anywhere;margin:0;font-size:28px;font-weight:700;line-height:1.25}.accounting-page-header p{color:#666;overflow-wrap:anywhere;margin:6px 0 0;font-size:14px;line-height:1.5}.accounting-primary-btn{color:#000;cursor:pointer;white-space:nowrap;background:#f7f;border:none;border-radius:8px;flex:none;min-height:42px;padding:11px 18px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;transition:all .2s}.accounting-primary-btn:hover:not(:disabled){opacity:.85}.accounting-primary-btn:active:not(:disabled){transform:translateY(1px)}.accounting-primary-btn:disabled{opacity:.6;cursor:not-allowed}.accounting-alert{overflow-wrap:anywhere;border-radius:8px;width:100%;max-width:100%;margin-bottom:16px;padding:12px 14px;font-size:14px;line-height:1.5}.accounting-alert.error{color:#000;background:#fff0f0;border:1px solid #f0caca}.accounting-alert.success{color:#000;background:#f1fff1;border:1px solid #d7ead7}.accounting-form-card,.accounting-table-card{background:#fff;border:1px solid #eee;border-radius:10px;width:100%;min-width:0;max-width:100%}.accounting-form-card{margin-bottom:24px;padding:24px}.accounting-form-header{justify-content:space-between;align-items:flex-start;gap:20px;width:100%;min-width:0;margin-bottom:22px;display:flex}.accounting-form-header>div{min-width:0}.accounting-form-header h3{color:#000;overflow-wrap:anywhere;margin:0;font-size:20px;font-weight:700;line-height:1.3}.accounting-form-header p{color:#666;overflow-wrap:anywhere;margin:6px 0 0;font-size:13px;line-height:1.5}.accounting-close-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:7px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:25px;line-height:1;transition:all .2s;display:inline-flex}.accounting-close-btn:hover{background:#f5f5f5}.accounting-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%;min-width:0;display:grid}.accounting-field{flex-direction:column;gap:7px;min-width:0;display:flex}.accounting-field.full-width{grid-column:1/-1}.accounting-field>label{color:#000;overflow-wrap:anywhere;font-size:13px;font-weight:600;line-height:1.4;display:block}.accounting-field input:not([type=checkbox]),.accounting-field select,.accounting-field textarea{color:#000;background:#fff;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;min-width:0;max-width:100%;padding:11px 12px;font-family:inherit;font-size:14px;line-height:1.4;transition:all .2s}.accounting-field input:not([type=checkbox]),.accounting-field select{height:44px}.accounting-field textarea{resize:vertical;min-height:90px}.accounting-field input:not([type=checkbox]):focus,.accounting-field select:focus,.accounting-field textarea:focus{border-color:#f7f;box-shadow:0 0 0 2px #ff77ff1f}.accounting-field input::placeholder,.accounting-field textarea::placeholder{color:#999}.accounting-field.checkbox-field{justify-content:flex-end}.accounting-field.checkbox-field>label{cursor:pointer;align-items:center;gap:9px;min-height:44px;padding:0 2px;display:flex}.accounting-field.checkbox-field input[type=checkbox]{accent-color:#f7f;cursor:pointer;width:17px;height:17px;margin:0}.accounting-form-actions{border-top:1px solid #eee;justify-content:flex-end;align-items:center;gap:12px;width:100%;margin-top:24px;padding-top:20px;display:flex}.accounting-secondary-btn{color:#000;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;min-height:42px;padding:11px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.accounting-secondary-btn:hover{background:#f7f7f7}.accounting-table-card{overflow:hidden}.accounting-table-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:15px;width:100%;min-width:0;padding:20px 22px;display:flex}.accounting-table-header>div{min-width:0}.accounting-table-header h3{color:#000;margin:0;font-size:18px;font-weight:700;line-height:1.35}.accounting-table-header p{color:#666;margin:5px 0 0;font-size:13px;line-height:1.4}.accounting-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;min-width:0;max-width:100%;overflow:auto hidden}.accounting-table{border-collapse:collapse;border-spacing:0;width:100%;min-width:850px}.accounting-table th{text-align:left;color:#000;white-space:nowrap;background:#fff;border-bottom:1px solid #eee;padding:14px 16px;font-size:13px;font-weight:700;line-height:1.4}.accounting-table td{color:#000;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #eee;padding:15px 16px;font-size:14px;line-height:1.45}.accounting-table tbody tr:last-child td{border-bottom:none}.accounting-table tbody tr:hover{background:#fff8ff}.accounting-table td strong{color:#000;text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-weight:700;display:block;overflow:hidden}.accounting-small-text{color:#777;text-overflow:ellipsis;white-space:nowrap;max-width:260px;margin-top:4px;font-size:12px;line-height:1.4;overflow:hidden}.accounting-status{white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;min-height:28px;padding:5px 10px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.accounting-status.active{color:#000;background:#f7f}.accounting-status.inactive{color:#555;background:#f1f1f1}.accounting-loading,.accounting-empty{text-align:center;color:#666;width:100%;padding:45px 20px}.accounting-empty h3{color:#000;margin:0 0 7px;font-size:17px}.accounting-empty p{color:#666;margin:0;font-size:14px}@media (width<=1100px){.accounting-page,.accounting-form-card{padding:20px}.accounting-table{min-width:820px}}@media (width<=900px){.accounting-page{padding:18px}.accounting-page-header h2{font-size:26px}.accounting-form-grid{gap:15px}.accounting-table{min-width:800px}}@media (width<=700px){.accounting-page{padding:16px}.accounting-page-header{flex-direction:column;align-items:stretch;gap:14px}.accounting-primary-btn{width:100%}.accounting-form-card{padding:18px}.accounting-form-grid{grid-template-columns:1fr}.accounting-field.full-width{grid-column:auto}.accounting-field.checkbox-field{justify-content:flex-start}.accounting-form-actions{flex-direction:column-reverse;align-items:stretch}.accounting-secondary-btn,.accounting-form-actions .accounting-primary-btn{width:100%}.accounting-table-header{padding:18px}.accounting-table{min-width:780px}}@media (width<=576px){.accounting-page{padding:14px}.accounting-page-header{margin-bottom:18px}.accounting-page-header h2{font-size:23px}.accounting-page-header p{font-size:13px}.accounting-form-card{border-radius:9px;padding:16px}.accounting-form-header{gap:12px;margin-bottom:18px}.accounting-form-header h3{font-size:19px}.accounting-form-header p{font-size:12px}.accounting-form-grid{gap:14px}.accounting-table-card{border-radius:9px}.accounting-table-header{padding:16px}.accounting-table-header h3{font-size:17px}.accounting-table{min-width:760px}.accounting-table th,.accounting-table td{padding:12px}.accounting-table td strong,.accounting-small-text{max-width:220px}.accounting-loading,.accounting-empty{padding:35px 16px}}@media (width<=380px){.accounting-page{padding:10px}.accounting-form-card{padding:14px}.accounting-page-header h2{font-size:21px}.accounting-table{min-width:740px}}.invoices-page{box-sizing:border-box;color:#000;background:#fff;width:100%;padding:24px}.invoices-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.invoices-header h1{color:#000;margin:0;font-size:28px;font-weight:700}.invoices-header p{color:#555;margin:6px 0 0;font-size:14px}.invoice-primary-btn{color:#000;cursor:pointer;background:#f7f;border:none;border-radius:8px;padding:11px 18px;font-size:14px;font-weight:600;transition:all .2s}.invoice-primary-btn:hover{opacity:.85}.invoice-primary-btn:disabled{opacity:.6;cursor:not-allowed}.invoice-message{border-radius:8px;margin-bottom:18px;padding:13px 16px;font-size:14px}.invoice-message.success{color:#000;background:#fce5fc;border:1px solid #f7f}.invoice-message.error{color:#000;background:#fff;border:1px solid #000}.invoice-form-card,.invoice-table-card{box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:12px;margin-bottom:24px;padding:22px}.invoice-form-card h2,.invoice-table-card h2{color:#000;margin:0 0 20px;font-size:20px}.invoice-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.invoice-field{flex-direction:column;gap:7px;display:flex}.invoice-field label,.invoice-notes label{color:#000;font-size:14px;font-weight:600}.invoice-field input,.invoice-field select,.invoice-notes textarea,.invoice-lines-table input,.invoice-lines-table select{color:#000;box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:7px;outline:none;width:100%;padding:10px 12px;font-size:14px}.invoice-field input:focus,.invoice-field select:focus,.invoice-notes textarea:focus,.invoice-lines-table input:focus,.invoice-lines-table select:focus{border-color:#f7f}.invoice-lines-section{margin-top:25px}.invoice-lines-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;display:flex}.invoice-lines-header h3{color:#000;margin:0;font-size:17px}.add-line-btn{color:#000;cursor:pointer;background:#f7f;border:none;border-radius:7px;padding:9px 14px;font-size:13px;font-weight:600}.invoice-lines-table-wrapper,.invoice-table-wrapper{border:1px solid #eee;border-radius:8px;width:100%;overflow-x:auto}.invoice-lines-table,.invoice-table{border-collapse:collapse;width:100%;min-width:850px}.invoice-lines-table th,.invoice-lines-table td,.invoice-table th,.invoice-table td{text-align:left;color:#000;border-bottom:1px solid #eee;padding:12px;font-size:14px}.invoice-lines-table th,.invoice-table th{white-space:nowrap;background:#fff;font-weight:700}.invoice-lines-table td{min-width:110px}.invoice-lines-table td:first-child,.invoice-lines-table td:nth-child(2){min-width:200px}.remove-line-btn{color:#000;cursor:pointer;background:#fff;border:1px solid #000;border-radius:6px;padding:7px 10px;font-size:12px}.remove-line-btn:hover{background:#f7f;border-color:#f7f}.invoice-notes{flex-direction:column;gap:7px;margin-top:20px;display:flex}.invoice-notes textarea{resize:vertical}.invoice-summary{border:1px solid #eee;border-radius:8px;width:320px;max-width:100%;margin-top:22px;margin-left:auto;overflow:hidden}.invoice-summary>div{color:#000;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.invoice-total{background:#f7f;font-size:16px;font-weight:700}.invoice-cancel-btn{color:#000;cursor:pointer;background:#fff;border:1px solid #000;border-radius:8px;padding:11px 18px;font-size:14px;font-weight:600}.invoice-cancel-btn:hover{background:#f5f5f5}.invoice-table-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.invoice-table-header h2{margin:0}.invoice-table-header span{color:#000;background:#f7f;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600}.invoice-table tbody tr:hover{background:#fafafa}.invoice-status{white-space:nowrap;color:#000;background:#f5f5f5;border-radius:20px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-block}.invoice-status.draft{border:1px solid #ddd}.invoice-status.posted{background:#f7f}.invoice-status.partially-paid{background:#fce5fc;border:1px solid #f7f}.invoice-status.paid{background:#f7f}.invoice-status.cancelled{border:1px solid #000}.post-invoice-btn{color:#000;cursor:pointer;background:#f7f;border:none;border-radius:7px;padding:8px 13px;font-size:13px;font-weight:600}.post-invoice-btn:hover{opacity:.85}.posted-label{color:#555;font-size:13px;font-weight:600}.invoice-loading,.invoice-empty{text-align:center;color:#555;padding:40px 20px}@media (width<=768px){.invoices-page{padding:15px}.invoices-header{flex-direction:column;align-items:flex-start}.invoice-form-grid{grid-template-columns:1fr}.invoice-form-card,.invoice-table-card{padding:16px}.invoice-form-actions{flex-direction:column}.invoice-primary-btn,.invoice-cancel-btn,.invoice-summary{width:100%}}.bills-page{box-sizing:border-box;color:#000;background:#fff;width:100%;min-width:0;min-height:100%;padding:24px}.bills-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.bills-header h1{color:#000;margin:0;font-size:28px;font-weight:700;line-height:1.2}.bills-header p{color:#666;margin:7px 0 0;font-size:14px}.bills-back-btn{color:#000;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.bills-back-btn:hover{background:#f8f8f8;border-color:#ccc}.bill-primary-btn{color:#000;cursor:pointer;white-space:nowrap;background:#f7f;border:none;border-radius:8px;padding:11px 18px;font-size:14px;font-weight:600;transition:all .2s}.bill-primary-btn:hover{background:#f05cf0;transform:translateY(-1px)}.bill-primary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.bill-message{border-radius:8px;margin-bottom:16px;padding:12px 14px;font-size:14px;line-height:1.5}.bill-message.success{color:#176b35;background:#f1fff5;border:1px solid #ccefd8}.bill-message.error{color:#9b2222;background:#fff1f1;border:1px solid #f2cccc}.bill-form-card{box-sizing:border-box;background:#fff;border:1px solid #eee;border-radius:12px;width:100%;margin-bottom:24px;padding:24px}.bill-form-card h2{color:#000;margin:0 0 22px;font-size:20px;font-weight:700}.bill-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.bill-field{flex-direction:column;gap:7px;min-width:0;display:flex}.bill-field label,.bill-notes label{color:#222;font-size:13px;font-weight:600}.bill-field input,.bill-field select,.bill-notes textarea{box-sizing:border-box;color:#000;background:#fff;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;min-width:0;padding:11px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.bill-field input:focus,.bill-field select:focus,.bill-notes textarea:focus{border-color:#f7f;box-shadow:0 0 0 3px #ff77ff1f}.bill-field input::placeholder,.bill-notes textarea::placeholder{color:#999}.bill-lines-section{margin-top:28px}.bill-lines-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;display:flex}.bill-lines-header h3{color:#000;margin:0;font-size:17px;font-weight:700}.add-bill-line-btn{color:#000;cursor:pointer;background:#fff;border:1px solid #f7f;border-radius:8px;padding:9px 13px;font-size:13px;font-weight:600;transition:all .2s}.add-bill-line-btn:hover{background:#fff3ff}.bill-lines-table-wrapper{-webkit-overflow-scrolling:touch;border:1px solid #eee;border-radius:10px;width:100%;max-width:100%;overflow-x:auto}.bill-lines-table{border-collapse:collapse;background:#fff;width:100%;min-width:850px}.bill-lines-table th{color:#333;text-align:left;white-space:nowrap;background:#fafafa;border-bottom:1px solid #eee;padding:12px 14px;font-size:12px;font-weight:700}.bill-lines-table td{color:#000;vertical-align:middle;border-bottom:1px solid #eee;padding:11px 14px;font-size:13px}.bill-lines-table tbody tr:last-child td{border-bottom:none}.bill-lines-table input,.bill-lines-table select{box-sizing:border-box;color:#000;background:#fff;border:1px solid #ddd;border-radius:7px;outline:none;width:100%;min-width:0;padding:9px 10px;font-size:13px}.bill-lines-table input:focus,.bill-lines-table select:focus{border-color:#f7f}.remove-bill-line-btn{color:#555;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #eee;border-radius:7px;padding:8px 11px;font-size:12px;font-weight:600}.remove-bill-line-btn:hover{color:#c62828;background:#fff1f1;border-color:#f0cccc}.bill-notes{margin-top:22px}.bill-notes textarea{resize:vertical;min-height:90px;margin-top:7px;font-family:inherit;display:block}.bill-summary{border-top:1px solid #eee;width:100%;max-width:400px;margin:24px 0 0 auto}.bill-summary>div{color:#555;justify-content:space-between;align-items:center;padding:12px 0;font-size:14px;display:flex}.bill-summary strong{color:#000;font-weight:700}.bill-summary .bill-total{color:#000;border-top:1px solid #ddd;margin-top:4px;padding-top:15px;font-size:16px}.bill-summary .bill-total strong{font-size:20px}.bill-form-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:24px;display:flex}.bill-cancel-btn{color:#000;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:11px 18px;font-size:14px;font-weight:600}.bill-cancel-btn:hover{background:#f7f7f7}.bill-table-card{background:#fff;border:1px solid #eee;border-radius:12px;width:100%;min-width:0;overflow:hidden}.bill-table-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:15px;padding:18px 20px;display:flex}.bill-table-header h2{color:#000;margin:0;font-size:18px;font-weight:700}.bill-table-header span{color:#555;background:#f7f7f7;border-radius:20px;padding:5px 10px;font-size:12px;font-weight:600}.bill-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}.bill-table{border-collapse:collapse;background:#fff;width:100%;min-width:950px}.bill-table th{color:#333;text-align:left;white-space:nowrap;background:#fafafa;border-bottom:1px solid #eee;padding:13px 16px;font-size:12px;font-weight:700}.bill-table td{color:#000;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #eee;padding:14px 16px;font-size:13px}.bill-table tbody tr:last-child td{border-bottom:none}.bill-table tbody tr:hover{background:#fffaff}.bill-table td strong{font-weight:600}.bill-status{white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;min-width:65px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.bill-status.draft{color:#555;background:#f3f3f3}.bill-status.posted{color:#9b199b;background:#ffe0ff}.bill-status.partially-paid{color:#996000;background:#fff0d6}.bill-status.paid{color:#19713a;background:#e8f8ed}.bill-status.cancelled{color:#777;background:#eee}.post-bill-btn{color:#000;cursor:pointer;background:#f7f;border:none;border-radius:7px;padding:7px 13px;font-size:12px;font-weight:700;transition:all .2s}.post-bill-btn:hover{background:#f05cf0}.posted-bill-label{color:#777;font-size:12px;font-weight:600}.bill-loading,.bill-empty{text-align:center;color:#666;padding:50px 20px;font-size:14px}@media (width<=768px){.bills-page{padding:16px}.bills-header{flex-direction:column;align-items:flex-start;gap:14px}.bills-header h1{font-size:24px}.bill-primary-btn{width:100%}.bill-form-card{padding:18px}.bill-form-grid{grid-template-columns:1fr;gap:15px}.bill-lines-header{flex-direction:column;align-items:flex-start}.add-bill-line-btn{width:100%}.bill-summary{max-width:100%}.bill-form-actions{flex-direction:column-reverse;align-items:stretch}.bill-cancel-btn,.bill-form-actions .bill-primary-btn{width:100%}.bill-table-header{padding:15px}.bill-table-header h2{font-size:16px}}@media (width<=480px){.bills-page{padding:12px}.bill-form-card{border-radius:10px;padding:15px}.bill-table-card{border-radius:10px}.bills-header h1{font-size:22px}.bill-message{font-size:13px}}.bills-back-btn{color:#000;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin:0 0 18px;padding:0;font-size:22px;font-weight:500;line-height:1;transition:background .2s,border-color .2s,transform .2s;display:flex}.bills-back-btn:hover{background:#fafafa;border-color:#ccc;transform:translate(-2px)}.bills-back-btn:active{transform:translate(0)}.bills-back-btn:focus-visible{outline-offset:2px;outline:2px solid #f7f}.bills-header{justify-content:space-between;align-items:center;gap:20px;width:100%;min-width:0;margin-bottom:24px;display:flex}.bills-header>div{min-width:0}@media (width<=1024px){.bills-page{padding:20px}.bills-back-btn{width:40px;height:40px;margin-bottom:16px}.bills-header h1{font-size:26px}}@media (width<=768px){.bills-page{box-sizing:border-box;width:100%;max-width:100%;padding:16px;overflow-x:hidden}.bills-back-btn{width:40px;height:40px;margin-bottom:16px;margin-left:0;font-size:21px}.bills-header{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:20px}.bills-header h1{font-size:24px}.bills-header p{font-size:13px}.bills-header .bill-primary-btn{width:100%}}@media (width<=480px){.bills-page{padding:12px}.bills-back-btn{border-radius:7px;width:38px;height:38px;margin-bottom:14px;font-size:20px}.bills-header{margin-bottom:18px}.bills-header h1{font-size:22px}}.payments-page{color:#000;box-sizing:border-box;background:#fff;width:100%;min-height:100%;padding:24px}.payments-title{color:#000;margin:0;font-size:28px;font-weight:700}.payments-subtitle{color:#555;margin:6px 0 0;font-size:14px}.payments-add-btn,.payments-save-btn{color:#000;cursor:pointer;background:#f7f;border:none;border-radius:8px;padding:11px 18px;font-size:14px;font-weight:600}.payments-add-btn:hover,.payments-save-btn:hover{opacity:.85}.payments-stat-card{background:#fff;border:1px solid #eee;border-radius:10px;padding:18px}.payments-stat-label{color:#666;margin-bottom:8px;font-size:13px}.payments-stat-value{color:#000;font-size:24px;font-weight:700}.payments-table-wrapper{background:#fff;border:1px solid #eee;border-radius:10px;width:100%;overflow-x:auto}.payments-table th{text-align:left;color:#000;white-space:nowrap;border-bottom:1px solid #eee;padding:14px 16px;font-size:13px;font-weight:700}.payments-table td{color:#000;border-bottom:1px solid #eee;padding:15px 16px;font-size:14px}.payment-type{border-radius:20px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.payment-received{color:#000;background:#f7f}.payment-paid{color:#000;background:#f2f2f2}.payment-amount{font-weight:700}.payments-loading,.payments-empty{text-align:center;color:#666;padding:40px 20px}.payments-error{color:#000;background:#ffe8ff;border-radius:8px;margin-bottom:16px;padding:12px 14px}.payments-modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.payments-modal{box-sizing:border-box;background:#fff;border-radius:12px;width:100%;max-width:760px;max-height:90vh;padding:24px;overflow-y:auto}.payments-modal-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.payments-modal-title{color:#000;margin:0;font-size:22px}.payments-close-btn{color:#000;cursor:pointer;background:#fff;border:none;width:34px;height:34px;font-size:25px}.payments-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.payments-form-group{flex-direction:column;gap:7px;display:flex}.payments-form-group-full{grid-column:1/-1}.payments-form-group label,.payment-allocation-row label{color:#000;font-size:13px;font-weight:600}.payments-form-group input,.payments-form-group select,.payments-form-group textarea,.payment-allocation-row input,.payment-allocation-row select{color:#000;box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:11px 12px;font-size:14px}.payments-form-group textarea{resize:vertical;min-height:90px}.payments-form-group input:focus,.payments-form-group select:focus,.payments-form-group textarea:focus,.payment-allocation-row input:focus,.payment-allocation-row select:focus{border-color:#f7f}.payment-allocations-section{border-top:1px solid #eee;margin-top:28px;padding-top:20px}.payment-allocation-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;display:flex}.payment-allocation-header h3{color:#000;margin:0 0 5px;font-size:17px}.payment-allocation-header p{color:#555;margin:0;font-size:13px}.payment-add-allocation{color:#000;cursor:pointer;background:#fff;border:1px solid #f7f;border-radius:8px;padding:9px 13px;font-weight:600}.payment-allocation-row{grid-template-columns:1fr 160px 42px;align-items:end;gap:12px;margin-bottom:12px;display:grid}.payment-allocation-row>div{flex-direction:column;gap:7px;display:flex}.payment-remove-allocation{color:#000;cursor:pointer;background:#f2f2f2;border:none;border-radius:8px;height:42px;font-size:22px}.payments-modal-actions{justify-content:flex-end;gap:12px;margin-top:28px;display:flex}.payments-cancel-btn{color:#000;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:11px 18px}.payments-save-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.payments-page{padding:16px}.payments-header{flex-direction:column;align-items:stretch}.payments-add-btn{width:100%}.payments-stats,.payments-form-grid{grid-template-columns:1fr}.payment-allocation-header{flex-direction:column;align-items:flex-start}.payment-add-allocation{width:100%}.payment-allocation-row{grid-template-columns:1fr}.payment-remove-allocation{width:100%}.payments-modal-actions{flex-direction:column}.payments-cancel-btn,.payments-save-btn{width:100%}}.receivable-page{box-sizing:border-box;width:100%;padding:24px}.receivable-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.receivable-header h2{color:#000;margin:0;font-size:28px;font-weight:700}.receivable-header p{color:#666;margin:6px 0 0;font-size:14px}.receivable-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.receivable-table-card{background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden}.receivable-table-wrapper{width:100%;overflow-x:auto}.receivable-table{border-collapse:collapse;width:100%;min-width:1050px}.receivable-table th{text-align:left;color:#000;white-space:nowrap;background:#fafafa;padding:14px 16px;font-size:13px}.receivable-table td{color:#222;white-space:nowrap;border-top:1px solid #eee;padding:15px 16px;font-size:14px}.receivable-table tbody tr:hover{background:#fff8ff}.invoice-number{color:#000;font-weight:600}.receivable-status{border-radius:20px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-block}@media (width<=768px){.receivable-page{padding:16px}.receivable-header{flex-direction:column;align-items:flex-start;gap:15px}.refresh-btn{width:100%}.receivable-summary{grid-template-columns:1fr}.receivable-header h2{font-size:23px}}.payable-page{box-sizing:border-box;width:100%;padding:24px}.payable-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.payable-header h2{color:#000;margin:0;font-size:28px;font-weight:700}.payable-header p{color:#666;margin:6px 0 0;font-size:14px}.refresh-btn{color:#000;cursor:pointer;background:#f7f;border:none;border-radius:8px;padding:11px 22px;font-size:14px;font-weight:600}.refresh-btn:hover{opacity:.9}.payable-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.summary-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:22px}.summary-card span{color:#666;font-size:14px}.summary-card h3{color:#000;margin:10px 0 0;font-size:25px}.payable-table-card{background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden}.table-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:20px;display:flex}.table-header h3{color:#000;margin:0;font-size:18px}.table-header span{color:#666;font-size:13px}.payable-table-wrapper{width:100%;overflow-x:auto}.payable-table{border-collapse:collapse;width:100%;min-width:1050px}.payable-table th{text-align:left;color:#000;white-space:nowrap;background:#fafafa;padding:14px 16px;font-size:13px}.payable-table td{color:#222;white-space:nowrap;border-top:1px solid #eee;padding:15px 16px;font-size:14px}.payable-table tbody tr:hover{background:#fff8ff}.bill-number{color:#000;font-weight:600}.balance-due{color:#000;font-weight:700}.payable-status{border-radius:20px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-block}.status-posted{color:#000;background:#f7e5f7}.status-partial{color:#000;background:#ffeaff}.status-paid{color:#000;background:#f1d8f1}.status-default{color:#000;background:#f5f5f5}.empty-state{text-align:center;color:#666!important;padding:35px!important}@media (width<=768px){.payable-page{padding:16px}.payable-header{flex-direction:column;align-items:flex-start;gap:15px}.refresh-btn{width:100%}.payable-summary{grid-template-columns:1fr}.payable-header h2{font-size:23px}}.bank-accounts-page{box-sizing:border-box;color:#111;background:#f8f9fc;width:100%;min-height:100vh;padding:28px}.bank-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.bank-header h1{color:#171717;letter-spacing:-.5px;margin:0;font-size:30px;font-weight:700;line-height:1.2}.bank-header p{color:#777;margin:8px 0 0;font-size:14px;line-height:1.5}.bank-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.bank-add-btn{color:#111;cursor:pointer;background:#f7f;border:none;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:11px 18px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex}.bank-add-btn:hover{transform:translateY(-1px);box-shadow:0 7px 18px #ff77ff38}.bank-add-btn:active{transform:translateY(0)}.bank-add-btn svg{width:16px;height:16px}.bank-refresh-btn{color:#222;cursor:pointer;background:#fff;border:1px solid #e4e4e8;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 17px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.bank-refresh-btn:hover{background:#fffaff;border-color:#ffb4ff;box-shadow:0 4px 12px #0000000d}.bank-refresh-btn:disabled{cursor:not-allowed;opacity:.6}.bank-refresh-btn svg{width:15px;height:15px}.bank-spin{animation:.9s linear infinite bankSpin}@keyframes bankSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bank-error{box-sizing:border-box;color:#7b187b;background:#fff6ff;border:1px solid #f0a9f0;border-radius:9px;align-items:flex-start;gap:9px;width:100%;margin-bottom:22px;padding:13px 15px;font-size:14px;line-height:1.5;display:flex}.bank-error svg{flex-shrink:0;margin-top:2px}.bank-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.bank-summary-card{box-sizing:border-box;background:#fff;border:1px solid #e9e9ee;border-radius:14px;padding:21px 22px;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 3px 12px #00000006}.bank-summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0000000f}.bank-summary-card span{color:#747474;margin-bottom:9px;font-size:13px;font-weight:500;display:block}.bank-summary-card strong{color:#171717;font-size:25px;font-weight:700;line-height:1.2;display:block}.bank-empty-card{text-align:center;box-sizing:border-box;background:#fff;border:1px solid #e8e8ee;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:45px 25px;display:flex;box-shadow:0 4px 16px #00000006}.bank-empty-card>svg{box-sizing:border-box;color:#d535d5;background:#fff0ff;border-radius:14px;width:48px;height:48px;margin-bottom:18px;padding:14px}.bank-empty-card h2{color:#202020;margin:0 0 8px;font-size:20px;font-weight:700}.bank-empty-card p{color:#777;max-width:480px;margin:0 auto 22px;font-size:14px;line-height:1.6}.bank-empty-add-btn{color:#111;cursor:pointer;background:#f7f;border:none;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.bank-empty-add-btn:hover{transform:translateY(-1px);box-shadow:0 7px 18px #ff77ff38}.bank-empty-add-btn svg{width:16px;height:16px}.bank-table-wrapper{scrollbar-width:thin;background:#fff;border:1px solid #e8e8ee;border-radius:14px;width:100%;overflow-x:auto;box-shadow:0 4px 16px #00000006}.bank-table-wrapper::-webkit-scrollbar{height:7px}.bank-table-wrapper::-webkit-scrollbar-track{background:#f5f5f5}.bank-table-wrapper::-webkit-scrollbar-thumb{background:#d7d7d7;border-radius:10px}.bank-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:950px}.bank-table th{color:#555;text-align:left;text-transform:uppercase;letter-spacing:.35px;white-space:nowrap;background:#fafafd;border-bottom:1px solid #e9e9ee;padding:15px 17px;font-size:12px;font-weight:700}.bank-table td{color:#333;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #eeeeef;padding:16px 17px;font-size:14px}.bank-table tbody tr{transition:background .15s}.bank-table tbody tr:hover{background:#fffaff}.bank-table tbody tr:last-child td{border-bottom:none}.bank-name{color:#181818;align-items:center;gap:9px;font-weight:600;display:flex}.bank-name svg{color:#d338d3;flex-shrink:0;width:17px;height:17px}.bank-balance{font-variant-numeric:tabular-nums;font-weight:700;color:#171717!important}.bank-status{box-sizing:border-box;border-radius:20px;justify-content:center;align-items:center;min-width:68px;padding:6px 11px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.bank-status.active{color:#111;background:#f7f}.bank-status.inactive{color:#666;background:#eeeeef}.bank-empty{text-align:center!important;color:#777!important;padding:45px 20px!important;font-size:14px!important}.bank-loading{color:#555;justify-content:center;align-items:center;gap:10px;min-height:300px;font-size:15px;display:flex}.bank-loading svg{color:#d338d3;width:18px;height:18px}.bank-modal-overlay{z-index:9999;box-sizing:border-box;-webkit-backdrop-filter:blur(4px);background:#1414146b;justify-content:center;align-items:center;padding:22px;animation:.18s bankModalFade;display:flex;position:fixed;inset:0}@keyframes bankModalFade{0%{opacity:0}to{opacity:1}}.bank-modal{box-sizing:border-box;background:#fff;border:1px solid #e8e8ee;border-radius:16px;width:100%;max-width:650px;max-height:calc(100vh - 44px);animation:.2s bankModalSlide;overflow-y:auto;box-shadow:0 24px 70px #0000002e}@keyframes bankModalSlide{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.bank-modal-header{border-bottom:1px solid #eeeeef;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px;display:flex}.bank-modal-header h2{color:#171717;margin:0;font-size:21px;font-weight:700}.bank-modal-header p{color:#777;margin:6px 0 0;font-size:13px;line-height:1.5}.bank-close-btn{color:#555;cursor:pointer;background:#fff;border:1px solid #e5e5e8;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;transition:background .2s,color .2s,border-color .2s;display:flex}.bank-close-btn:hover{color:#c52fc5;background:#fff0ff;border-color:#f1a7f1}.bank-close-btn:disabled{cursor:not-allowed;opacity:.5}.bank-close-btn svg{width:17px;height:17px}.bank-form-error{color:#8a1b8a;background:#fff6ff;border:1px solid #f0a9f0;border-radius:8px;align-items:flex-start;gap:9px;margin:18px 24px 0;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.bank-form-error svg{flex-shrink:0;margin-top:1px}.bank-modal form{width:100%}.bank-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:24px;display:grid}.bank-form-group{min-width:0}.bank-form-group label{color:#333;margin-bottom:7px;font-size:13px;font-weight:600;display:block}.bank-input-icon{align-items:center;display:flex;position:relative}.bank-input-icon>svg{color:#999;pointer-events:none;z-index:1;width:16px;height:16px;position:absolute;left:13px}.bank-form-group input,.bank-form-group select{box-sizing:border-box;color:#222;background:#fff;border:1px solid #dddde3;border-radius:9px;outline:none;width:100%;height:44px;padding:0 13px 0 39px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.bank-form-group input::placeholder{color:#aaa}.bank-form-group input:hover,.bank-form-group select:hover{border-color:#cfcfd5}.bank-form-group input:focus,.bank-form-group select:focus{border-color:#e26ce2;box-shadow:0 0 0 3px #ff77ff1f}.bank-form-group select{cursor:pointer;appearance:none;background-image:linear-gradient(45deg,#0000 50%,#777 50%),linear-gradient(135deg,#777 50%,#0000 50%);background-position:calc(100% - 17px) 18px,calc(100% - 12px) 18px;background-repeat:no-repeat;background-size:5px 5px,5px 5px}.bank-modal-footer{border-top:1px solid #eeeeef;justify-content:flex-end;align-items:center;gap:10px;padding:17px 24px 22px;display:flex}.bank-cancel-btn{color:#444;cursor:pointer;background:#fff;border:1px solid #dedee3;border-radius:9px;min-height:42px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s,border-color .2s}.bank-cancel-btn:hover{background:#f8f8fa;border-color:#cfcfd4}.bank-cancel-btn:disabled{cursor:not-allowed;opacity:.55}.bank-save-btn{color:#111;cursor:pointer;background:#f7f;border:none;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex}.bank-save-btn:hover{transform:translateY(-1px);box-shadow:0 7px 18px #ff77ff38}.bank-save-btn:active{transform:translateY(0)}.bank-save-btn:disabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.bank-save-btn svg{width:16px;height:16px}.bank-modal::-webkit-scrollbar{width:7px}.bank-modal::-webkit-scrollbar-track{background:0 0}.bank-modal::-webkit-scrollbar-thumb{background:#d6d6d8;border-radius:10px}@media (width<=900px){.bank-accounts-page{padding:22px}.bank-header{flex-direction:column;align-items:stretch}.bank-header-actions{width:100%}.bank-add-btn,.bank-refresh-btn{flex:1}.bank-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.bank-accounts-page{padding:16px}.bank-header{margin-bottom:20px}.bank-header h1{font-size:25px}.bank-header-actions{flex-direction:column;align-items:stretch;width:100%}.bank-add-btn,.bank-refresh-btn{flex:none;width:100%}.bank-summary{grid-template-columns:1fr;gap:12px}.bank-summary-card{padding:18px}.bank-empty-card{min-height:290px;padding:35px 20px}.bank-modal-overlay{padding:12px}.bank-modal{border-radius:13px;max-height:calc(100vh - 24px)}.bank-modal-header{padding:18px}.bank-form-grid{grid-template-columns:1fr;gap:15px;padding:18px}.bank-modal-footer{padding:15px 18px 18px}.bank-form-error{margin-left:18px;margin-right:18px}}@media (width<=420px){.bank-accounts-page{padding:12px}.bank-header h1{font-size:23px}.bank-summary-card strong{font-size:22px}.bank-modal-header h2{font-size:19px}.bank-modal-footer{flex-direction:column-reverse;align-items:stretch}.bank-cancel-btn,.bank-save-btn{width:100%}}.bank-reconciliation-page{box-sizing:border-box;width:100%;padding:24px}.bank-reconciliation-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.bank-reconciliation-header h1{color:#111;margin:0;font-size:28px;font-weight:700}.bank-reconciliation-header p{color:#666;margin:7px 0 0;font-size:14px}.reconciliation-refresh-btn,.auto-match-btn,.create-reconciliation-btn,.reconciliation-submit-btn,.statement-line-form button,.complete-btn{color:#111;cursor:pointer;background:#f7f;border:none;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:600}.reconciliation-refresh-btn:hover,.auto-match-btn:hover,.create-reconciliation-btn:hover,.reconciliation-submit-btn:hover,.statement-line-form button:hover,.complete-btn:hover{opacity:.9}.reconciliation-refresh-btn:disabled,.auto-match-btn:disabled,.reconciliation-submit-btn:disabled,.statement-line-form button:disabled,.complete-btn:disabled{opacity:.6;cursor:not-allowed}.bank-selector-card,.reconciliation-form-card,.statement-add-card,.statement-lines-card,.reconciliation-history-card{background:#fff;border:1px solid #eee;border-radius:12px;margin-bottom:24px;padding:20px}.bank-selector-card label{color:#111;margin-bottom:9px;font-weight:600;display:block}.bank-selector-card select{color:#111;background:#fff;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;max-width:500px;padding:12px}.reconciliation-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.reconciliation-summary-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:20px}.reconciliation-summary-card span{color:#666;margin-bottom:10px;font-size:13px;display:block}.reconciliation-summary-card strong{color:#111;font-size:22px}.reconciliation-actions{gap:12px;margin-bottom:24px;display:flex}.reconciliation-form-card h2,.statement-add-card h2{color:#111;margin:0 0 20px;font-size:20px}.reconciliation-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.reconciliation-form-group{flex-direction:column;display:flex}.reconciliation-form-group label{color:#111;margin-bottom:8px;font-size:14px;font-weight:600}.reconciliation-form-group input{box-sizing:border-box;color:#111;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:11px}.statement-line-form{grid-template-columns:1fr 1.5fr 1fr 1.3fr auto;gap:12px;display:grid}.statement-line-form input{color:#111;box-sizing:border-box;border:1px solid #ddd;border-radius:8px;outline:none;min-width:0;padding:11px}.section-title{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.section-title h2{color:#111;margin:0;font-size:20px}.section-title span{color:#666;font-size:13px}.reconciliation-table-wrapper{width:100%;overflow-x:auto}.reconciliation-table{border-collapse:collapse;width:100%;min-width:750px}.reconciliation-table th{text-align:left;color:#111;border-bottom:1px solid #eee;padding:14px;font-size:13px}.reconciliation-table td{color:#333;border-bottom:1px solid #eee;padding:14px;font-size:14px}.reconciliation-table tbody tr:last-child td{border-bottom:none}.reconciliation-table tbody tr:hover{background:#fffaff}.statement-amount{color:#111;font-weight:600}.statement-status,.reconciliation-status{border-radius:20px;padding:6px 11px;font-size:12px;font-weight:600;display:inline-block}.statement-status.matched,.reconciliation-status.completed{color:#111;background:#f7f}.statement-status.unmatched,.reconciliation-status.pending{color:#555;background:#eee}.complete-btn{padding:8px 14px;font-size:12px}.reconciliation-empty{text-align:center;color:#777!important;padding:40px!important}.reconciliation-loading{text-align:center;color:#111;padding:50px;font-size:16px}.reconciliation-error,.reconciliation-message{color:#111;border-radius:8px;margin-bottom:20px;padding:14px}.reconciliation-error{background:#fff;border:1px solid #f7f}.reconciliation-message{background:#f7f}@media (width<=1100px){.reconciliation-summary,.statement-line-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.bank-reconciliation-page{padding:16px}.bank-reconciliation-header{flex-direction:column;align-items:flex-start;gap:15px}.reconciliation-refresh-btn{width:100%}.reconciliation-summary{grid-template-columns:1fr}.reconciliation-actions{flex-direction:column}.auto-match-btn,.create-reconciliation-btn{width:100%}.reconciliation-form-grid,.statement-line-form{grid-template-columns:1fr}.statement-line-form button{width:100%}}.accounting-page{color:#000;background:#fff;min-height:100%;padding:28px}.accounting-page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.accounting-page-header h1{color:#000;margin:0;font-size:28px}.accounting-page-header p{color:#000;opacity:.65;margin:6px 0 0}.accounting-primary-btn{color:#000;cursor:pointer;background:#f7f;border:1px solid #f7f;border-radius:8px;align-items:center;gap:8px;padding:11px 17px;font-weight:600;display:inline-flex}.accounting-primary-btn:hover{color:#fff;background:#000}.accounting-error{color:#fff;background:#000;border-radius:8px;margin-bottom:20px;padding:12px 16px}.accounting-form-card,.accounting-table-card{background:#fff;border:1px solid #000;border-radius:12px;margin-bottom:24px;padding:22px}.accounting-form-title{align-items:center;gap:10px;margin-bottom:20px;display:flex}.accounting-form-title svg{color:#f7f}.accounting-form-title h2{color:#000;margin:0;font-size:19px}.accounting-form-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:18px;display:grid}.accounting-form-grid input,.accounting-form-grid select{box-sizing:border-box;color:#000;background:#fff;border:1px solid #000;border-radius:7px;width:100%;padding:12px}.accounting-form-grid input:focus,.accounting-form-grid select:focus{border-color:#f7f;outline:2px solid #f7f}.accounting-table-wrapper{width:100%;overflow-x:auto}.accounting-table-wrapper table{border-collapse:collapse;width:100%;min-width:800px}.accounting-table-wrapper th,.accounting-table-wrapper td{text-align:left;color:#000;border-bottom:1px solid #000;padding:13px 12px}.accounting-table-wrapper th{background:#f7f;font-weight:700}.accounting-action-buttons{gap:8px;display:flex}.accounting-action-buttons button{color:#000;cursor:pointer;background:#f7f;border:1px solid #000;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.accounting-action-buttons button:hover{color:#fff;background:#000}.accounting-action-buttons .delete-btn{background:#fff}.accounting-action-buttons .delete-btn:hover{color:#fff;background:#000}@media (width<=700px){.accounting-page{padding:18px}.accounting-page-header{flex-direction:column;align-items:flex-start}.accounting-form-grid{grid-template-columns:1fr}}.credit-notes-page{color:#000;box-sizing:border-box;background:#fff;min-height:100vh;padding:24px}.credit-notes-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.credit-notes-header h1{color:#000;margin:0;font-size:28px;font-weight:700}.credit-notes-header p{color:#666;margin:6px 0 0;font-size:14px}.credit-notes-header-actions{align-items:center;gap:10px;display:flex}.credit-notes-refresh-btn,.credit-notes-add-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.credit-notes-refresh-btn{color:#000;background:#fff;border:1px solid #d9d9d9}.credit-notes-refresh-btn:hover:not(:disabled){color:#000;background:#f7f;border-color:#f7f}.credit-notes-add-btn{color:#000;background:#f7f;border:1px solid #f7f}.credit-notes-add-btn:hover{color:#fff;background:#000;border-color:#000}.credit-notes-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.credit-notes-error{color:#000;background:#fff;border:1px solid #000;border-left:4px solid #f7f;border-radius:8px;margin-bottom:20px;padding:13px 16px;font-size:14px}.credit-notes-card{background:#fff;border:1px solid #e2e2e2;border-radius:12px;width:100%;overflow:hidden}.credit-notes-table-wrapper{width:100%;overflow-x:auto}.credit-notes-table{border-collapse:collapse;width:100%;min-width:950px}.credit-notes-table thead{color:#fff;background:#000}.credit-notes-table th{text-align:left;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;padding:14px 16px;font-size:12px;font-weight:700}.credit-notes-table td{color:#000;vertical-align:middle;border-bottom:1px solid #eee;padding:15px 16px;font-size:14px}.credit-notes-table tbody tr{transition:background .2s}.credit-notes-table tbody tr:hover{background:#fff7ff}.credit-notes-table tbody tr:last-child td{border-bottom:none}.credit-note-customer{white-space:nowrap;align-items:center;gap:8px;font-weight:600;display:flex}.credit-note-customer svg{color:#f7f;flex-shrink:0;font-size:16px}.credit-note-reason{text-overflow:ellipsis;white-space:nowrap;color:#444;max-width:240px;display:block;overflow:hidden}.credit-note-amount{white-space:nowrap;font-weight:700}.credit-note-status{text-transform:capitalize;border:1px solid #000;border-radius:20px;justify-content:center;align-items:center;min-width:65px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.credit-note-status.draft{color:#000;background:#fff}.credit-note-status.posted{color:#000;background:#f7f;border-color:#f7f}.credit-note-status.cancelled{color:#fff;background:#000;border-color:#000}.credit-note-actions{align-items:center;gap:7px;display:flex}.credit-note-post-btn,.credit-note-delete-btn{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:all .2s;display:inline-flex}.credit-note-post-btn{color:#000;background:#f7f;border:1px solid #f7f}.credit-note-post-btn:hover{color:#fff;background:#000;border-color:#000}.credit-note-delete-btn{color:#000;background:#fff;border:1px solid #d5d5d5}.credit-note-delete-btn:hover{color:#fff;background:#000;border-color:#000}.credit-notes-loading{color:#555;justify-content:center;align-items:center;min-height:280px;font-size:14px;font-weight:600;display:flex}.credit-notes-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:50px 20px;display:flex}.credit-notes-empty>svg{color:#f7f;margin-bottom:15px;font-size:42px}.credit-notes-empty h3{color:#000;margin:0 0 7px;font-size:18px}.credit-notes-empty p{color:#666;margin:0 0 20px;font-size:14px}.credit-notes-empty button{color:#000;cursor:pointer;background:#f7f;border:1px solid #f7f;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.credit-notes-empty button:hover{color:#fff;background:#000;border-color:#000}.credit-note-modal-overlay{z-index:1000;box-sizing:border-box;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.credit-note-modal{background:#fff;border:1px solid #000;border-radius:14px;width:100%;max-width:680px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.credit-note-modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:flex-start;gap:15px;padding:20px;display:flex}.credit-note-modal-header h2{color:#000;text-transform:capitalize;margin:0;font-size:20px;font-weight:700}.credit-note-modal-header p{color:#666;margin:5px 0 0;font-size:13px}.credit-note-close-btn{color:#000;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:all .2s;display:flex}.credit-note-close-btn:hover:not(:disabled){background:#f7f;border-color:#f7f}.credit-note-close-btn:disabled{opacity:.5;cursor:not-allowed}.credit-note-modal form{padding:20px}.credit-note-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.credit-note-form-group{flex-direction:column;gap:7px;min-width:0;display:flex}.credit-note-full-width{grid-column:1/-1}.credit-note-form-group label{color:#000;text-transform:capitalize;font-size:13px;font-weight:600}.credit-note-form-group input,.credit-note-form-group select,.credit-note-form-group textarea{box-sizing:border-box;color:#000;background:#fff;border:1px solid #d2d2d2;border-radius:7px;outline:none;width:100%;padding:11px 12px;font-family:inherit;font-size:14px;transition:all .2s}.credit-note-form-group input,.credit-note-form-group select{height:43px}.credit-note-form-group textarea{resize:vertical;min-height:100px}.credit-note-form-group input::placeholder,.credit-note-form-group textarea::placeholder{color:#999}.credit-note-form-group input:focus,.credit-note-form-group select:focus,.credit-note-form-group textarea:focus{border-color:#f7f;box-shadow:0 0 0 3px #ff77ff26}.credit-note-input-icon{width:100%;position:relative}.credit-note-input-icon>svg{z-index:1;color:#f7f;pointer-events:none;font-size:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.credit-note-input-icon input,.credit-note-input-icon select{padding-left:38px}.credit-note-modal-footer{border-top:1px solid #eee;justify-content:flex-end;align-items:center;gap:10px;margin-top:22px;padding-top:18px;display:flex}.credit-note-cancel-btn,.credit-note-save-btn{cursor:pointer;border-radius:8px;min-height:42px;padding:0 17px;font-size:14px;font-weight:600;transition:all .2s}.credit-note-cancel-btn{color:#000;background:#fff;border:1px solid #000}.credit-note-cancel-btn:hover:not(:disabled){color:#fff;background:#000}.credit-note-save-btn{color:#000;background:#f7f;border:1px solid #f7f}.credit-note-save-btn:hover:not(:disabled){color:#fff;background:#000;border-color:#000}.credit-note-cancel-btn:disabled,.credit-note-save-btn:disabled{opacity:.6;cursor:not-allowed}.credit-note-modal::-webkit-scrollbar{width:7px;height:7px}.credit-notes-table-wrapper::-webkit-scrollbar{width:7px;height:7px}.credit-note-modal::-webkit-scrollbar-track{background:#fff}.credit-notes-table-wrapper::-webkit-scrollbar-track{background:#fff}.credit-note-modal::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.credit-notes-table-wrapper::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.credit-note-modal::-webkit-scrollbar-thumb:hover{background:#f7f}.credit-notes-table-wrapper::-webkit-scrollbar-thumb:hover{background:#f7f}@media (width<=768px){.credit-notes-page{padding:18px}.credit-notes-header{flex-direction:column;align-items:flex-start}.credit-notes-header-actions{width:100%}.credit-notes-refresh-btn,.credit-notes-add-btn{flex:1}.credit-note-form-grid{grid-template-columns:1fr}.credit-note-full-width{grid-column:auto}.credit-note-modal{max-height:95vh}}@media (width<=480px){.credit-notes-page{padding:14px}.credit-notes-header h1{font-size:23px}.credit-notes-header-actions{flex-direction:column}.credit-notes-refresh-btn,.credit-notes-add-btn{width:100%}.credit-note-modal-overlay{padding:10px}.credit-note-modal-header,.credit-note-modal form{padding:16px}.credit-note-modal-footer{flex-direction:column-reverse}.credit-note-cancel-btn,.credit-note-save-btn{width:100%}}.debit-notes-page{color:#000;box-sizing:border-box;background:#fff;width:100%;min-height:100%;padding:24px}.debit-notes-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.debit-notes-header h1{color:#000;margin:0;font-size:28px;font-weight:700}.debit-notes-header p{color:#555;margin:7px 0 0;font-size:14px}.debit-notes-header-actions{align-items:center;gap:10px;display:flex}.debit-notes-header-actions button{color:#000;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.debit-notes-header-actions button:hover{color:#f7f;border-color:#f7f}.debit-notes-refresh-btn svg,.debit-notes-add-btn svg{font-size:17px}.debit-notes-add-btn{color:#fff!important;background:#f7f!important;border-color:#f7f!important}.debit-notes-add-btn:hover{color:#fff!important;background:#000!important;border-color:#000!important}.debit-notes-refresh-btn:disabled{opacity:.55;cursor:not-allowed}.debit-notes-error{color:#000;background:#fff7ff;border:1px solid #f7f;border-radius:8px;margin-bottom:20px;padding:13px 15px;font-size:14px}.debit-notes-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;width:100%;overflow:hidden}.debit-notes-loading{color:#555;justify-content:center;align-items:center;min-height:220px;font-size:14px;display:flex}.debit-notes-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:40px 20px;display:flex}.debit-notes-empty>svg{color:#f7f;width:48px;height:48px;margin-bottom:15px}.debit-notes-empty h3{color:#000;margin:0 0 7px;font-size:18px}.debit-notes-empty p{color:#666;margin:0 0 18px;font-size:14px}.debit-notes-empty button{color:#fff;cursor:pointer;background:#f7f;border:0;border-radius:8px;align-items:center;gap:7px;padding:11px 16px;font-size:13px;font-weight:600;display:inline-flex}.debit-notes-empty button:hover{background:#000}.debit-notes-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.debit-notes-table{border-collapse:collapse;width:100%;min-width:900px}.debit-notes-table th{color:#444;text-align:left;text-transform:uppercase;white-space:nowrap;background:#fafafa;border-bottom:1px solid #e5e5e5;padding:14px 16px;font-size:12px;font-weight:700}.debit-notes-table td{color:#000;vertical-align:middle;border-bottom:1px solid #eee;padding:15px 16px;font-size:13px}.debit-notes-table tbody tr:last-child td{border-bottom:0}.debit-notes-table tbody tr:hover{background:#fffaff}.debit-note-vendor{align-items:center;gap:8px;min-width:150px;display:flex}.debit-note-vendor svg{color:#f7f;flex-shrink:0}.debit-note-reason{color:#555;white-space:nowrap;text-overflow:ellipsis;max-width:220px;display:block;overflow:hidden}.debit-note-amount{white-space:nowrap;font-weight:700}.debit-note-status{text-transform:capitalize;border-radius:20px;justify-content:center;align-items:center;min-width:65px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.debit-note-status.draft{color:#333;background:#f1f1f1}.debit-note-status.posted{color:#fff;background:#f7f}.debit-note-status.cancelled{color:#fff;background:#000}.debit-note-actions{align-items:center;gap:7px;display:flex}.debit-note-actions button{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:inline-flex}.debit-note-post-btn{color:#f7f;background:#fff;border:1px solid #f7f}.debit-note-post-btn:hover{color:#fff;background:#f7f}.debit-note-delete-btn{color:#000;background:#fff;border:1px solid #ddd}.debit-note-delete-btn:hover{color:#fff;background:#000;border-color:#000}.debit-note-modal-overlay{z-index:9999;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.debit-note-modal{background:#fff;border-radius:14px;width:100%;max-width:680px;max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 20px 60px #0003}.debit-note-modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:flex-start;gap:15px;padding:22px 24px;display:flex}.debit-note-modal-header h2{color:#000;text-transform:lowercase;margin:0;font-size:21px;font-weight:700}.debit-note-modal-header p{color:#666;margin:6px 0 0;font-size:13px}.debit-note-close-btn{color:#000;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.debit-note-close-btn:hover{color:#fff;background:#000;border-color:#000}.debit-note-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:24px;display:grid}.debit-note-form-group{min-width:0}.debit-note-form-group label{color:#000;text-transform:lowercase;margin-bottom:7px;font-size:13px;font-weight:600;display:block}.debit-note-form-group input,.debit-note-form-group select,.debit-note-form-group textarea{box-sizing:border-box;color:#000;background:#fff;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;font-family:inherit;font-size:13px;transition:all .2s}.debit-note-form-group input,.debit-note-form-group select{height:43px;padding:0 12px}.debit-note-form-group textarea{resize:vertical;min-height:105px;padding:12px}.debit-note-form-group input:focus,.debit-note-form-group select:focus,.debit-note-form-group textarea:focus{border-color:#f7f;box-shadow:0 0 0 3px #ff77ff1a}.debit-note-input-icon{position:relative}.debit-note-input-icon>svg{color:#f7f;pointer-events:none;z-index:1;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.debit-note-input-icon input,.debit-note-input-icon select{padding-left:38px}.debit-note-full-width{grid-column:1/-1}.debit-note-modal-footer{border-top:1px solid #eee;justify-content:flex-end;gap:10px;padding:18px 24px;display:flex}.debit-note-modal-footer button{cursor:pointer;border-radius:8px;min-height:42px;padding:0 17px;font-size:13px;font-weight:600}.debit-note-cancel-btn{color:#000;background:#fff;border:1px solid #ddd}.debit-note-cancel-btn:hover{border-color:#000}.debit-note-save-btn{color:#fff;background:#f7f;border:1px solid #f7f}.debit-note-save-btn:hover{background:#000;border-color:#000}.debit-note-modal-footer button:disabled{opacity:.55;cursor:not-allowed}@media (width<=900px){.debit-notes-page{padding:20px}.debit-notes-header{flex-direction:column;align-items:flex-start}.debit-notes-header-actions{width:100%}.debit-notes-header-actions button{flex:1}}@media (width<=600px){.debit-notes-page{padding:14px}.debit-notes-header{gap:15px;margin-bottom:18px}.debit-notes-header h1{font-size:23px}.debit-notes-header p{font-size:13px;line-height:1.5}.debit-notes-header-actions{flex-direction:column;width:100%}.debit-notes-header-actions button{flex:none;width:100%}.debit-notes-card{border-radius:9px}.debit-notes-table{min-width:850px}.debit-notes-empty{min-height:280px;padding:30px 15px}.debit-note-modal-overlay{align-items:flex-start;padding:10px}.debit-note-modal{border-radius:10px;max-height:calc(100vh - 20px);margin-top:10px}.debit-note-modal-header{padding:18px}.debit-note-modal-header h2{font-size:18px}.debit-note-form-grid{grid-template-columns:1fr;gap:15px;padding:18px}.debit-note-full-width{grid-column:auto}.debit-note-modal-footer{flex-direction:column-reverse;padding:15px 18px}.debit-note-modal-footer button{width:100%}}@media (width<=380px){.debit-notes-page{padding:10px}.debit-notes-header h1{font-size:21px}.debit-note-modal-header,.debit-note-form-grid{padding:15px}.debit-note-modal-footer{padding:13px 15px}}.taxes-page{box-sizing:border-box;color:#000;background:#fff;width:100%;min-height:100%;padding:24px}.taxes-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.taxes-header h1{color:#000;letter-spacing:-.5px;margin:0 0 6px;font-size:28px;font-weight:800}.taxes-header p{color:#666;margin:0;font-size:13px;line-height:1.5}.taxes-header-actions{align-items:center;gap:10px;display:flex}.taxes-refresh-btn,.taxes-add-btn{cursor:pointer;box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 15px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.taxes-refresh-btn{color:#000;background:#fff;border:1px solid #ddd;min-width:100px}.taxes-refresh-btn:hover{background:#f7f;border-color:#f7f}.taxes-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.taxes-add-btn{color:#000;background:#f7f;border:1px solid #f7f;min-width:100px}.taxes-add-btn:hover{color:#fff;background:#000;border-color:#000}.taxes-refresh-btn svg,.taxes-add-btn svg{font-size:15px}.taxes-error{color:#000;box-sizing:border-box;background:#fff;border:1px solid #000;border-radius:8px;width:100%;margin-bottom:20px;padding:12px 15px;font-size:13px;font-weight:600;line-height:1.5}.taxes-card{box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:10px;width:100%;overflow:hidden}.taxes-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow:auto hidden}.taxes-table{border-collapse:collapse;width:100%;min-width:760px}.taxes-table thead{background:#000}.taxes-table th{color:#fff;text-align:left;white-space:nowrap;border-bottom:1px solid #000;padding:13px 16px;font-size:11px;font-weight:700}.taxes-table td{color:#333;vertical-align:middle;border-bottom:1px solid #eee;padding:14px 16px;font-size:12px}.taxes-table tbody tr{transition:background .2s}.taxes-table tbody tr:hover{background:#fff7ff}.taxes-table tbody tr:last-child td{border-bottom:none}.tax-name{align-items:center;gap:10px;min-width:160px;display:flex}.tax-name>span:last-child{color:#000;font-size:12px;font-weight:700}.tax-icon{color:#000;background:#f7f;border-radius:7px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.tax-icon svg{font-size:15px}.tax-rate{color:#000;white-space:nowrap;font-size:13px;font-weight:800;display:inline-block}.tax-description{color:#666;white-space:normal;word-break:break-word;max-width:300px;font-size:12px;line-height:1.5;display:inline-block}.tax-status{border-radius:5px;justify-content:center;align-items:center;min-width:68px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.tax-status.active{color:#000;background:#f7f}.tax-status.inactive{color:#fff;background:#000}.tax-actions{align-items:center;gap:7px;display:flex}.tax-edit-btn,.tax-delete-btn{cursor:pointer;box-sizing:border-box;color:#000;background:#fff;border:1px solid #ddd;border-radius:7px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:inline-flex}.tax-edit-btn:hover,.tax-delete-btn:hover{background:#f7f;border-color:#f7f}.tax-edit-btn svg,.tax-delete-btn svg{font-size:14px}.taxes-loading{color:#000;justify-content:center;align-items:center;min-height:260px;padding:30px;font-size:13px;font-weight:600;display:flex}.taxes-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:40px 25px;display:flex}.taxes-empty>svg{color:#f7f;margin-bottom:14px;font-size:42px}.taxes-empty h3{color:#000;margin:0 0 7px;font-size:17px;font-weight:800}.taxes-empty p{color:#666;max-width:430px;margin:0 0 20px;font-size:12px;line-height:1.6}.taxes-empty button{color:#000;cursor:pointer;background:#f7f;border:1px solid #f7f;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:12px;font-weight:700;display:inline-flex}.taxes-empty button:hover{color:#fff;background:#000;border-color:#000}.tax-modal-overlay{z-index:1000;box-sizing:border-box;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tax-modal{box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:12px;width:100%;max-width:520px;max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 15px 50px #0003}.tax-modal-header{border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px;display:flex}.tax-modal-header h2{color:#000;margin:0 0 6px;font-size:19px;font-weight:800}.tax-modal-header p{color:#666;margin:0;font-size:12px;line-height:1.5}.tax-close-btn{color:#000;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:7px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:inline-flex}.tax-close-btn:hover{color:#fff;background:#000;border-color:#000}.tax-close-btn:disabled{opacity:.5;cursor:not-allowed}.tax-form{flex-direction:column;gap:18px;padding:22px;display:flex}.tax-form-group{width:100%}.tax-form-group label{color:#000;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.tax-input-icon{box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:8px;align-items:center;width:100%;height:42px;transition:all .2s;display:flex;position:relative}.tax-input-icon:focus-within{border-color:#f7f;box-shadow:0 0 0 3px #ff77ff1f}.tax-input-icon>svg{color:#666;pointer-events:none;flex:none;margin-left:13px;font-size:16px}.tax-input-icon input{color:#000;box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;min-width:0;height:100%;padding:0 12px 0 10px;font-size:12px}.tax-input-icon input::placeholder{color:#999}.tax-input-icon select{color:#000;cursor:pointer;box-sizing:border-box;appearance:none;background:0 0;border:none;outline:none;width:100%;min-width:0;height:100%;padding:0 36px 0 10px;font-family:inherit;font-size:12px}.tax-input-icon:has(select):after{content:"⌄";color:#666;pointer-events:none;font-size:16px;font-weight:700;position:absolute;top:50%;right:13px;transform:translateY(-55%)}.tax-input-icon select:disabled{color:#999;cursor:not-allowed}.tax-input-suffix{color:#000;flex:none;padding-right:13px;font-size:13px;font-weight:700}.tax-form-group small{color:#777;margin-top:6px;font-size:10px;line-height:1.5;display:block}.tax-form-group textarea{resize:vertical;color:#000;box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;min-height:100px;padding:12px;font-family:inherit;font-size:12px;line-height:1.5;transition:all .2s}.tax-form-group textarea:focus{border-color:#f7f;box-shadow:0 0 0 3px #ff77ff1f}.tax-form-group textarea::placeholder{color:#999}.tax-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin:0!important;display:flex!important}.tax-checkbox-label input[type=checkbox]{accent-color:#f7f;cursor:pointer;width:18px;height:18px;margin:0}.tax-checkbox-label span{color:#000;align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.tax-checkbox-label span svg{color:#f7f;font-size:15px}.tax-modal-footer{background:#fff;border-top:1px solid #e8e8e8;justify-content:flex-end;align-items:center;gap:10px;padding:16px 22px;display:flex}.tax-cancel-btn,.tax-save-btn{cursor:pointer;box-sizing:border-box;border-radius:8px;min-width:100px;height:40px;padding:0 15px;font-size:12px;font-weight:700;transition:all .2s}.tax-cancel-btn{color:#000;background:#fff;border:1px solid #ddd}.tax-cancel-btn:hover{color:#fff;background:#000;border-color:#000}.tax-save-btn{color:#000;background:#f7f;border:1px solid #f7f}.tax-save-btn:hover{color:#fff;background:#000;border-color:#000}.tax-cancel-btn:disabled,.tax-save-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.taxes-page{padding:16px}.taxes-header{flex-direction:column;align-items:flex-start}.taxes-header-actions{width:100%}.taxes-refresh-btn,.taxes-add-btn{flex:1}.taxes-table{min-width:720px}.tax-modal-overlay{padding:15px}.tax-modal{max-height:calc(100vh - 30px)}}@media (width<=480px){.taxes-page{padding:12px}.taxes-header h1{font-size:23px}.taxes-header p{font-size:12px}.taxes-header-actions{flex-direction:column}.taxes-refresh-btn,.taxes-add-btn{width:100%}.tax-modal-header,.tax-form{padding:17px}.tax-modal-footer{padding:14px 17px}.tax-cancel-btn,.tax-save-btn{flex:1}.tax-name{min-width:140px}}.fiscal-years-page{box-sizing:border-box;color:#000;background:#fff;width:100%;min-height:100%;padding:24px}.fiscal-years-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.fiscal-years-header h1{color:#000;letter-spacing:-.5px;margin:0 0 6px;font-size:28px;font-weight:800}.fiscal-years-header p{color:#666;margin:0;font-size:13px;line-height:1.5}.fiscal-years-header-actions{align-items:center;gap:10px;display:flex}.fiscal-years-refresh-btn,.fiscal-years-add-btn{cursor:pointer;box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 15px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.fiscal-years-refresh-btn{color:#000;background:#fff;border:1px solid #ddd;min-width:100px}.fiscal-years-refresh-btn:hover{color:#000;background:#f7f;border-color:#f7f}.fiscal-years-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.fiscal-years-add-btn{color:#000;background:#f7f;border:1px solid #f7f;min-width:155px}.fiscal-years-add-btn:hover{color:#000;background:#f7f;border-color:#000}.fiscal-years-refresh-btn svg,.fiscal-years-add-btn svg{font-size:15px}.fiscal-years-error{color:#000;box-sizing:border-box;background:#fff;border:1px solid #000;border-radius:8px;width:100%;margin-bottom:20px;padding:12px 15px;font-size:13px;font-weight:600;line-height:1.5}.fiscal-years-card{box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:10px;width:100%;overflow:hidden}.fiscal-years-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow:auto hidden}.fiscal-years-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:720px}.fiscal-years-table thead{background:#000}.fiscal-years-table th{color:#fff;text-align:left;white-space:nowrap;text-transform:capitalize;border-bottom:1px solid #000;padding:13px 16px;font-size:11px;font-weight:700}.fiscal-years-table td{color:#333;vertical-align:middle;border-bottom:1px solid #eee;padding:14px 16px;font-size:12px}.fiscal-years-table tbody tr{transition:background .2s}.fiscal-years-table tbody tr:hover{background:#fff7ff}.fiscal-years-table tbody tr:last-child td{border-bottom:none}.fiscal-year-name{align-items:center;gap:10px;min-width:180px;display:flex}.fiscal-year-name svg{color:#000;box-sizing:border-box;background:#f7f;border-radius:7px;flex:0 0 34px;width:34px;height:34px;padding:8px}.fiscal-year-name span{color:#000;font-size:12px;font-weight:700;line-height:1.4}.fiscal-year-status{text-transform:capitalize;border-radius:5px;justify-content:center;align-items:center;min-width:62px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.fiscal-year-status.active{color:#000;background:#f7f}.fiscal-year-status.open{color:#000;background:#f1f1f1;border:1px solid #ddd}.fiscal-year-status.closed{color:#fff;background:#000}.fiscal-year-actions{align-items:center;gap:7px;display:flex}.fiscal-year-edit-btn,.fiscal-year-close-btn,.fiscal-year-delete-btn{cursor:pointer;box-sizing:border-box;border-radius:7px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:inline-flex}.fiscal-year-edit-btn{color:#000;background:#fff;border:1px solid #ddd}.fiscal-year-edit-btn:hover{color:#000;background:#f7f;border-color:#f7f}.fiscal-year-close-btn{color:#000;background:#f7f;border:1px solid #f7f}.fiscal-year-close-btn:hover{color:#000;background:#f7f;border-color:#000}.fiscal-year-delete-btn{color:#000;background:#fff;border:1px solid #ddd}.fiscal-year-delete-btn:hover{color:#000;background:#f7f;border-color:#f7f}.fiscal-year-edit-btn svg,.fiscal-year-close-btn svg,.fiscal-year-delete-btn svg{font-size:14px}.fiscal-years-loading{color:#000;box-sizing:border-box;justify-content:center;align-items:center;min-height:260px;padding:30px;font-size:13px;font-weight:600;display:flex}.fiscal-years-empty{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:40px 25px;display:flex}.fiscal-years-empty>svg{color:#f7f;margin-bottom:14px;font-size:42px}.fiscal-years-empty h3{color:#000;text-transform:capitalize;margin:0 0 7px;font-size:17px;font-weight:800}.fiscal-years-empty p{color:#666;max-width:450px;margin:0 0 20px;font-size:12px;line-height:1.6}.fiscal-years-empty button{color:#000;cursor:pointer;background:#f7f;border:1px solid #f7f;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.fiscal-years-empty button:hover{color:#000;background:#f7f;border-color:#000}.fiscal-year-modal-overlay{z-index:1000;box-sizing:border-box;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.fiscal-year-modal{box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:12px;width:100%;max-width:560px;max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 15px 50px #0003}.fiscal-year-modal-header{border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px;display:flex}.fiscal-year-modal-header h2{color:#000;text-transform:capitalize;margin:0 0 6px;font-size:19px;font-weight:800}.fiscal-year-modal-header p{color:#666;margin:0;font-size:12px;line-height:1.5}.fiscal-year-close-modal-btn{color:#000;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:7px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:inline-flex}.fiscal-year-close-modal-btn:hover{color:#000;background:#f7f;border-color:#f7f}.fiscal-year-close-modal-btn:disabled{opacity:.5;cursor:not-allowed}.fiscal-year-close-modal-btn svg{font-size:16px}.fiscal-year-form-grid{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:22px;display:grid}.fiscal-year-full-width{grid-column:1/-1}.fiscal-year-form-group{width:100%;min-width:0}.fiscal-year-form-group label{color:#000;text-transform:capitalize;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.fiscal-year-input-icon{box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:8px;align-items:center;width:100%;height:42px;transition:all .2s;display:flex;position:relative}.fiscal-year-input-icon:focus-within{border-color:#f7f;box-shadow:0 0 0 3px #ff77ff1f}.fiscal-year-input-icon>svg{color:#666;pointer-events:none;flex:none;margin-left:13px;font-size:16px}.fiscal-year-input-icon input{color:#000;box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;min-width:0;height:100%;padding:0 12px 0 10px;font-size:12px}.fiscal-year-input-icon input::placeholder{color:#999}.fiscal-year-modal-footer{background:#fff;border-top:1px solid #e8e8e8;justify-content:flex-end;align-items:center;gap:10px;padding:16px 22px;display:flex}.fiscal-year-cancel-btn,.fiscal-year-save-btn{cursor:pointer;box-sizing:border-box;border-radius:8px;min-width:105px;height:40px;padding:0 15px;font-size:12px;font-weight:700;transition:all .2s}.fiscal-year-cancel-btn{color:#000;background:#fff;border:1px solid #ddd}.fiscal-year-cancel-btn:hover{color:#000;background:#f7f;border-color:#f7f}.fiscal-year-save-btn{color:#000;background:#f7f;border:1px solid #f7f}.fiscal-year-save-btn:hover{color:#000;background:#f7f;border-color:#000}.fiscal-year-cancel-btn:disabled,.fiscal-year-save-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.fiscal-years-page{padding:16px}.fiscal-years-header{flex-direction:column;align-items:flex-start}.fiscal-years-header-actions{width:100%}.fiscal-years-refresh-btn,.fiscal-years-add-btn{flex:1}.fiscal-years-table{min-width:700px}.fiscal-year-form-grid{grid-template-columns:1fr}.fiscal-year-full-width{grid-column:auto}.fiscal-year-modal-overlay{padding:15px}.fiscal-year-modal{max-height:calc(100vh - 30px)}}@media (width<=480px){.fiscal-years-page{padding:12px}.fiscal-years-header h1{font-size:23px}.fiscal-years-header p{font-size:12px}.fiscal-years-header-actions{flex-direction:column}.fiscal-years-refresh-btn,.fiscal-years-add-btn{flex:none;width:100%}.fiscal-year-modal-header,.fiscal-year-form-grid{padding:17px}.fiscal-year-modal-footer{padding:14px 17px}.fiscal-year-cancel-btn,.fiscal-year-save-btn{flex:1}.fiscal-year-name{min-width:150px}}.accounting-periods-page{box-sizing:border-box;color:#000;background:#fff;width:100%;min-height:100%;padding:24px}.accounting-periods-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.accounting-periods-header h1{color:#000;letter-spacing:-.5px;margin:0 0 6px;font-size:28px;font-weight:800}.accounting-periods-header p{color:#666;margin:0;font-size:13px;line-height:1.5}.accounting-periods-header-actions{align-items:center;gap:10px;display:flex}.accounting-periods-refresh-btn,.accounting-periods-add-btn{cursor:pointer;box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 15px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.accounting-periods-refresh-btn{color:#000;background:#fff;border:1px solid #ddd;min-width:100px}.accounting-periods-refresh-btn:hover{color:#000;background:#f7f;border-color:#f7f}.accounting-periods-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.accounting-periods-add-btn{color:#000;background:#f7f;border:1px solid #f7f;min-width:135px}.accounting-periods-add-btn:hover{color:#000;background:#f7f;border-color:#000}.accounting-periods-refresh-btn svg,.accounting-periods-add-btn svg{font-size:15px}.accounting-periods-error{color:#000;box-sizing:border-box;background:#fff;border:1px solid #000;border-radius:8px;width:100%;margin-bottom:20px;padding:12px 15px;font-size:13px;font-weight:600;line-height:1.5}.accounting-periods-card{box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:10px;width:100%;overflow:hidden}.accounting-periods-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow:auto hidden}.accounting-periods-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:850px}.accounting-periods-table thead{background:#000}.accounting-periods-table th{color:#fff;text-align:left;white-space:nowrap;text-transform:capitalize;border-bottom:1px solid #000;padding:13px 16px;font-size:11px;font-weight:700}.accounting-period-form-group select{color:#000;cursor:pointer;box-sizing:border-box;appearance:none;background-color:#fff;background-image:linear-gradient(45deg,#0000 50%,#666 50%),linear-gradient(135deg,#666 50%,#0000 50%);background-position:calc(100% - 17px) 18px,calc(100% - 12px) 18px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;height:42px;padding:0 12px;font-family:inherit;font-size:12px;transition:all .2s}.accounting-period-form-group select:focus{border-color:#f7f;box-shadow:0 0 0 3px #ff77ff1f}.accounting-period-form-group select:disabled{color:#999;cursor:not-allowed;opacity:.8;background:#f7f7f7}.accounting-period-form-group select option{color:#000;background:#fff;padding:10px;font-size:12px}.accounting-periods-table td{color:#333;vertical-align:middle;border-bottom:1px solid #eee;padding:14px 16px;font-size:12px}.accounting-periods-table tbody tr{transition:background .2s}.accounting-periods-table tbody tr:hover{background:#fff7ff}.accounting-periods-table tbody tr:last-child td{border-bottom:none}.accounting-period-name{align-items:center;gap:10px;min-width:180px;display:flex}.accounting-period-name svg{color:#000;box-sizing:border-box;background:#f7f;border-radius:7px;flex:0 0 34px;width:34px;height:34px;padding:8px}.accounting-period-name span{color:#000;font-size:12px;font-weight:700;line-height:1.4}.accounting-period-status{text-transform:capitalize;border-radius:5px;justify-content:center;align-items:center;min-width:62px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.accounting-period-status.open{color:#000;background:#f7f}.accounting-period-status.closed{color:#000;background:#eee;border:1px solid #ddd}.accounting-period-actions{align-items:center;gap:7px;display:flex}.accounting-period-edit-btn,.accounting-period-close-btn,.accounting-period-open-btn,.accounting-period-delete-btn{cursor:pointer;box-sizing:border-box;border-radius:7px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:inline-flex}.accounting-period-edit-btn{color:#000;background:#fff;border:1px solid #ddd}.accounting-period-edit-btn:hover{color:#000;background:#f7f;border-color:#f7f}.accounting-period-close-btn{color:#000;background:#f7f;border:1px solid #f7f}.accounting-period-close-btn:hover{color:#000;background:#f7f;border-color:#000}.accounting-period-open-btn{color:#000;background:#f7f;border:1px solid #f7f}.accounting-period-open-btn:hover{color:#000;background:#f7f;border-color:#000}.accounting-period-delete-btn{color:#000;background:#fff;border:1px solid #ddd}.accounting-period-delete-btn:hover{color:#000;background:#f7f;border-color:#f7f}.accounting-period-edit-btn svg,.accounting-period-close-btn svg,.accounting-period-open-btn svg,.accounting-period-delete-btn svg{font-size:14px}.accounting-periods-loading{color:#000;box-sizing:border-box;justify-content:center;align-items:center;min-height:260px;padding:30px;font-size:13px;font-weight:600;display:flex}.accounting-periods-empty{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:40px 25px;display:flex}.accounting-periods-empty>svg{color:#f7f;margin-bottom:14px;font-size:42px}.accounting-periods-empty h3{color:#000;text-transform:capitalize;margin:0 0 7px;font-size:17px;font-weight:800}.accounting-periods-empty p{color:#666;max-width:450px;margin:0 0 20px;font-size:12px;line-height:1.6}.accounting-periods-empty button{color:#000;cursor:pointer;background:#f7f;border:1px solid #f7f;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.accounting-periods-empty button:hover{color:#000;background:#f7f;border-color:#000}.accounting-period-modal-overlay{z-index:1000;box-sizing:border-box;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.accounting-period-modal{box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:12px;width:100%;max-width:600px;max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 15px 50px #0003}.accounting-period-modal-header{border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px;display:flex}.accounting-period-modal-header h2{color:#000;text-transform:capitalize;margin:0 0 6px;font-size:19px;font-weight:800}.accounting-period-modal-header p{color:#666;margin:0;font-size:12px;line-height:1.5}.accounting-period-close-modal-btn{color:#000;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:7px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:inline-flex}.accounting-period-close-modal-btn:hover{color:#000;background:#f7f;border-color:#f7f}.accounting-period-close-modal-btn:disabled{opacity:.5;cursor:not-allowed}.accounting-period-close-modal-btn svg{font-size:16px}.accounting-period-form-grid{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:22px;display:grid}.accounting-period-full-width{grid-column:1/-1}.accounting-period-form-group{width:100%;min-width:0}.accounting-period-form-group label{color:#000;text-transform:capitalize;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.accounting-period-input-icon{box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:8px;align-items:center;width:100%;height:42px;transition:all .2s;display:flex;position:relative}.accounting-period-input-icon:focus-within{border-color:#f7f;box-shadow:0 0 0 3px #ff77ff1f}.accounting-period-input-icon>svg{color:#666;pointer-events:none;flex:none;margin-left:13px;font-size:16px}.accounting-period-input-icon input{color:#000;box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;min-width:0;height:100%;padding:0 12px 0 10px;font-size:12px}.accounting-period-input-icon input::placeholder{color:#999}.accounting-period-form-group>input[type=number]{color:#000;box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;height:42px;padding:0 12px;font-size:12px;transition:all .2s}.accounting-period-form-group>input[type=number]:focus{border-color:#f7f;box-shadow:0 0 0 3px #ff77ff1f}.accounting-period-form-group>input[type=number]::placeholder{color:#999}.accounting-period-modal-footer{background:#fff;border-top:1px solid #e8e8e8;justify-content:flex-end;align-items:center;gap:10px;padding:16px 22px;display:flex}.accounting-period-cancel-btn,.accounting-period-save-btn{cursor:pointer;box-sizing:border-box;border-radius:8px;min-width:105px;height:40px;padding:0 15px;font-size:12px;font-weight:700;transition:all .2s}.accounting-period-cancel-btn{color:#000;background:#fff;border:1px solid #ddd}.accounting-period-cancel-btn:hover{color:#000;background:#f7f;border-color:#f7f}.accounting-period-save-btn{color:#000;background:#f7f;border:1px solid #f7f}.accounting-period-save-btn:hover{color:#000;background:#f7f;border-color:#000}.accounting-period-cancel-btn:disabled,.accounting-period-save-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.accounting-periods-page{padding:16px}.accounting-periods-header{flex-direction:column;align-items:flex-start}.accounting-periods-header-actions{width:100%}.accounting-periods-refresh-btn,.accounting-periods-add-btn{flex:1}.accounting-periods-table{min-width:800px}.accounting-period-form-grid{grid-template-columns:1fr}.accounting-period-full-width{grid-column:auto}.accounting-period-modal-overlay{padding:15px}.accounting-period-modal{max-height:calc(100vh - 30px)}}@media (width<=480px){.accounting-periods-page{padding:12px}.accounting-periods-header h1{font-size:23px}.accounting-periods-header p{font-size:12px}.accounting-periods-header-actions{flex-direction:column}.accounting-periods-refresh-btn,.accounting-periods-add-btn{flex:none;width:100%}.accounting-period-modal-header,.accounting-period-form-grid{padding:17px}.accounting-period-modal-footer{padding:14px 17px}.accounting-period-cancel-btn,.accounting-period-save-btn{flex:1}.accounting-period-name{min-width:150px}}.budgets-page{box-sizing:border-box;color:#111;background:#fff;width:100%;min-height:100%;padding:24px}.budgets-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.budgets-header h1{color:#111;margin:0 0 6px;font-size:28px;font-weight:700;line-height:1.2}.budgets-header p{color:#777;margin:0;font-size:14px;line-height:1.5}.budgets-header-actions{align-items:center;gap:10px;display:flex}.budgets-refresh-btn,.budgets-add-btn{cursor:pointer;box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 15px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.budgets-refresh-btn{color:#111;background:#fff;border:1px solid #ddd}.budgets-refresh-btn:hover:not(:disabled){background:#f7f;border-color:#f7f}.budgets-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.budgets-refresh-btn svg{font-size:15px}.budgets-add-btn{color:#111;background:#f7f;border:1px solid #f7f}.budgets-add-btn:hover:not(:disabled){color:#fff;background:#000;border-color:#000}.budgets-add-btn svg{font-size:16px}.budgets-error{box-sizing:border-box;color:#222;background:#fafafa;border:1px solid #ddd;border-left:4px solid #f7f;border-radius:7px;width:100%;margin-bottom:20px;padding:12px 15px;font-size:13px;line-height:1.5}.budgets-card{box-sizing:border-box;background:#fff;border:1px solid #e4e4e4;border-radius:10px;width:100%;overflow:hidden}.budgets-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow:auto hidden}.budgets-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:900px}.budgets-table thead{background:#111}.budgets-table th{color:#fff;text-align:left;white-space:nowrap;border-bottom:1px solid #111;padding:14px 16px;font-size:12px;font-weight:600}.budgets-table td{color:#333;vertical-align:middle;border-bottom:1px solid #eee;padding:14px 16px;font-size:13px}.budgets-table tbody tr{transition:background .15s}.budgets-table tbody tr:hover{background:#fff7ff}.budgets-table tbody tr:last-child td{border-bottom:none}.budget-name{align-items:center;gap:9px;min-width:170px;display:flex}.budget-name svg{color:#f7f;flex-shrink:0;font-size:17px}.budget-name span{color:#111;font-weight:600}.budget-description{color:#777;white-space:nowrap;text-overflow:ellipsis;max-width:260px;display:block;overflow:hidden}.budget-status{border-radius:5px;justify-content:center;align-items:center;min-width:65px;padding:5px 9px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.budget-status-draft{color:#111;background:#eee}.budget-status-active{color:#111;background:#f7f}.budget-status-closed{color:#fff;background:#111}.budget-actions{align-items:center;gap:7px;display:flex}.budget-actions button,.budget-line-delete-btn{cursor:pointer;box-sizing:border-box;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:all .2s;display:inline-flex}.budget-lines-btn,.budget-edit-btn,.budget-delete-btn,.budget-line-delete-btn{color:#111;background:#fff;border:1px solid #ddd}.budget-lines-btn:hover,.budget-edit-btn:hover,.budget-delete-btn:hover,.budget-line-delete-btn:hover{color:#111;background:#f7f;border-color:#f7f}.budgets-loading{color:#777;justify-content:center;align-items:center;min-height:220px;font-size:14px;display:flex}.budgets-empty{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:40px 24px;display:flex}.budgets-empty>svg{color:#f7f;margin-bottom:14px;font-size:42px}.budgets-empty h3{color:#111;margin:0 0 7px;font-size:18px;font-weight:700}.budgets-empty p{color:#777;max-width:420px;margin:0 0 20px;font-size:13px;line-height:1.6}.budgets-empty button{color:#111;cursor:pointer;background:#f7f;border:1px solid #f7f;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.budgets-empty button:hover{color:#fff;background:#000;border-color:#000}.budget-lines-section{box-sizing:border-box;background:#fff;border:1px solid #e4e4e4;border-radius:10px;width:100%;margin-top:24px;overflow:hidden}.budget-lines-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.budget-lines-header h2{color:#111;margin:0 0 5px;font-size:20px;font-weight:700}.budget-lines-header p{color:#777;margin:0;font-size:13px}.budget-lines-header-actions{align-items:center;gap:8px;display:flex}.budget-lines-add-btn{color:#111;cursor:pointer;background:#f7f;border:1px solid #f7f;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.budget-lines-add-btn:hover{color:#fff;background:#000;border-color:#000}.budget-lines-close-btn{color:#111;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .2s;display:inline-flex}.budget-lines-close-btn:hover{color:#fff;background:#000;border-color:#000}.budget-lines-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow:auto hidden}.budget-lines-table{border-collapse:collapse;width:100%;min-width:700px}.budget-lines-table thead{background:#111}.budget-lines-table th{color:#fff;text-align:left;white-space:nowrap;padding:13px 16px;font-size:12px;font-weight:600}.budget-lines-table td{color:#333;vertical-align:middle;border-bottom:1px solid #eee;padding:13px 16px;font-size:13px}.budget-lines-table tbody tr{transition:background .15s}.budget-lines-table tbody tr:hover{background:#fff7ff}.budget-lines-table tbody tr:last-child td{border-bottom:none}.budget-line-amount{white-space:nowrap;font-weight:700;color:#111!important}.budget-lines-loading{color:#777;justify-content:center;align-items:center;min-height:180px;font-size:14px;display:flex}.budget-lines-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:35px 20px;display:flex}.budget-lines-empty>svg{color:#f7f;margin-bottom:12px;font-size:38px}.budget-lines-empty h3{color:#111;margin:0 0 6px;font-size:17px;font-weight:700}.budget-lines-empty p{color:#777;margin:0 0 18px;font-size:13px}.budget-lines-empty button{color:#111;cursor:pointer;background:#f7f;border:1px solid #f7f;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 15px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.budget-lines-empty button:hover{color:#fff;background:#000;border-color:#000}.budget-modal-overlay{z-index:9999;box-sizing:border-box;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.budget-modal{box-sizing:border-box;background:#fff;border:1px solid #e1e1e1;border-radius:12px;width:100%;max-width:680px;max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 20px 60px #0000002e}.budget-line-modal{max-width:600px}.budget-modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:flex-start;gap:15px;padding:20px 22px;display:flex}.budget-modal-header h2{color:#111;margin:0 0 5px;font-size:20px;font-weight:700}.budget-modal-header p{color:#777;margin:0;font-size:13px;line-height:1.5}.budget-modal-close-btn{color:#111;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:inline-flex}.budget-modal-close-btn:hover:not(:disabled){color:#fff;background:#000;border-color:#000}.budget-modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.budget-modal form{box-sizing:border-box;width:100%}.budget-form-grid{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:22px;display:grid}.budget-form-group{flex-direction:column;gap:7px;min-width:0;display:flex}.budget-full-width{grid-column:1/-1}.budget-form-group label{color:#222;font-size:12px;font-weight:600}.budget-form-group input,.budget-form-group textarea{box-sizing:border-box;color:#111;background:#fff;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;font-family:inherit;font-size:13px;transition:all .2s}.budget-form-group input{height:42px;padding:0 12px}.budget-form-group textarea{resize:vertical;min-height:90px;padding:11px 12px;line-height:1.5}.budget-form-group input::placeholder,.budget-form-group textarea::placeholder{color:#999}.budget-form-group input:focus,.budget-form-group textarea:focus{border-color:#f7f;box-shadow:0 0 0 3px #ff77ff1f}.budget-select{box-sizing:border-box;color:#111;cursor:pointer;appearance:none;background-color:#fff;background-image:linear-gradient(45deg,#0000 50%,#666 50%),linear-gradient(135deg,#666 50%,#0000 50%);background-position:calc(100% - 17px) 18px,calc(100% - 12px) 18px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;height:42px;padding:0 40px 0 12px;font-family:inherit;font-size:13px;transition:all .2s}.budget-select:focus{border-color:#f7f;box-shadow:0 0 0 3px #ff77ff1f}.budget-select:disabled{color:#999;cursor:not-allowed;opacity:.8;background-color:#f7f7f7}.budget-select option{color:#111;background:#fff;font-size:13px}.budget-fiscal-info{box-sizing:border-box;color:#666;background:#fff7ff;border:1px solid #eee;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;min-height:42px;padding:11px 13px;font-size:11px;line-height:1.4;display:flex}.budget-fiscal-info strong{color:#111;font-size:12px;font-weight:700}.budget-form-group input[type=number]{appearance:textfield}.budget-form-group input[type=number]::-webkit-inner-spin-button{opacity:1}.budget-form-group input[type=number]::-webkit-outer-spin-button{opacity:1}.budget-input-icon{width:100%;height:42px;position:relative}.budget-input-icon>svg{z-index:1;color:#f7f;pointer-events:none;font-size:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.budget-input-icon input{height:42px;padding-left:36px}.budget-lines-form-section{box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:10px;width:100%;padding:16px}.budget-lines-form-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;display:flex}.budget-lines-form-header h3{color:#111;margin:0 0 4px;font-size:14px;font-weight:700}.budget-lines-form-header p{color:#777;margin:0;font-size:11px}.budget-line-add-btn{color:#111;cursor:pointer;background:#f7f;border:1px solid #f7f;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.budget-line-add-btn:hover:not(:disabled){color:#fff;background:#000;border-color:#000}.budget-line-add-btn:disabled{opacity:.6;cursor:not-allowed}.budget-lines-form-empty{color:#888;text-align:center;border:1px dashed #ddd;border-radius:8px;padding:18px;font-size:11px}.budget-lines-form-list{flex-direction:column;gap:8px;display:flex}.budget-form-line{box-sizing:border-box;background:#fafafa;border:1px solid #eee;border-radius:8px;grid-template-columns:1.4fr .8fr 1.2fr 34px;align-items:center;gap:12px;padding:12px;display:grid}.budget-line-account-label{color:#888;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:700;display:block}.budget-line-account-value{color:#111;word-break:break-word;font-size:11px;font-weight:600;line-height:1.4}.budget-line-remove-btn{color:#111;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:all .2s;display:inline-flex}.budget-line-remove-btn:hover:not(:disabled){background:#f7f;border-color:#f7f}.budget-line-remove-btn:disabled{opacity:.5;cursor:not-allowed}.budget-form-total{color:#111;border-top:1px solid #ddd;justify-content:space-between;align-items:center;gap:15px;margin-top:12px;padding:13px 14px 0;font-size:12px;font-weight:700;display:flex}.budget-form-total strong{font-size:15px;font-weight:800}.budget-modal-footer{box-sizing:border-box;border-top:1px solid #eee;justify-content:flex-end;align-items:center;gap:10px;padding:16px 22px;display:flex}.budget-cancel-btn{color:#111;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;min-width:105px;height:40px;padding:0 17px;font-size:13px;font-weight:600;transition:all .2s}.budget-cancel-btn:hover:not(:disabled){color:#fff;background:#000;border-color:#000}.budget-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.budget-save-btn{color:#111;cursor:pointer;background:#f7f;border:1px solid #f7f;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:130px;height:40px;padding:0 17px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.budget-save-btn:hover:not(:disabled){color:#fff;background:#000;border-color:#000}.budget-save-btn:disabled{opacity:.6;cursor:not-allowed}.budgets-table-wrapper::-webkit-scrollbar{width:7px;height:7px}.budget-lines-table-wrapper::-webkit-scrollbar{width:7px;height:7px}.budget-modal::-webkit-scrollbar{width:7px;height:7px}.budgets-table-wrapper::-webkit-scrollbar-track{background:#f3f3f3}.budget-lines-table-wrapper::-webkit-scrollbar-track{background:#f3f3f3}.budget-modal::-webkit-scrollbar-track{background:#f3f3f3}.budgets-table-wrapper::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.budget-lines-table-wrapper::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.budget-modal::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.budgets-table-wrapper::-webkit-scrollbar-thumb:hover{background:#f7f}.budget-lines-table-wrapper::-webkit-scrollbar-thumb:hover{background:#f7f}.budget-modal::-webkit-scrollbar-thumb:hover{background:#f7f}@media (width<=900px){.budgets-page{padding:20px}.budgets-header{flex-direction:column}.budgets-header-actions{width:100%}.budgets-refresh-btn,.budgets-add-btn{flex:1}.budget-lines-header{flex-direction:column;align-items:flex-start}.budget-lines-header-actions{width:100%}.budget-lines-add-btn{flex:1}.budget-form-line{grid-template-columns:1fr 1fr}.budget-line-remove-btn{justify-self:end}}@media (width<=768px){.budgets-page{padding:16px}.budgets-header h1{font-size:24px}.budgets-header-actions{flex-direction:column}.budgets-refresh-btn,.budgets-add-btn{flex:none;width:100%}.budget-form-grid{grid-template-columns:1fr;gap:15px}.budget-full-width{grid-column:auto}.budget-modal-overlay{padding:12px}.budget-modal{border-radius:10px;max-height:calc(100vh - 24px)}.budget-modal-header,.budget-form-grid{padding:17px}.budget-modal-footer{padding:14px 17px}.budget-cancel-btn,.budget-save-btn{min-width:0}}@media (width<=600px){.budget-fiscal-info{flex-direction:column;align-items:flex-start;gap:3px}.budget-lines-form-header{flex-direction:column;align-items:flex-start}.budget-line-add-btn{width:100%}.budget-form-line{grid-template-columns:1fr}.budget-line-remove-btn{justify-self:end}}@media (width<=480px){.budgets-page{padding:12px}.budgets-header{margin-bottom:18px}.budgets-header h1{font-size:22px}.budgets-header p{font-size:12px}.budgets-card,.budget-lines-section{border-radius:8px}.budget-lines-header{padding:16px}.budget-lines-header h2{font-size:18px}.budget-lines-header-actions{flex-direction:column;align-items:stretch}.budget-lines-add-btn,.budget-lines-close-btn{width:100%}.budget-modal-header h2{font-size:18px}.budget-modal-header p{font-size:12px}.budget-modal-footer{flex-direction:column-reverse;align-items:stretch}.budget-cancel-btn,.budget-save-btn{width:100%}}.budget-vs-actual-page{box-sizing:border-box;color:#000;background:#fff;width:100%;padding:24px}.budget-vs-actual-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.budget-vs-actual-header h1{color:#000;letter-spacing:-.5px;margin:0 0 6px;font-size:28px;font-weight:800}.budget-vs-actual-header p{color:#666;margin:0;font-size:13px}.budget-vs-actual-refresh-btn{color:#000;cursor:pointer;background:#f7f;border:1px solid #f7f;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:100px;height:40px;padding:0 15px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.budget-vs-actual-refresh-btn:hover{color:#fff;background:#000;border-color:#000}.budget-vs-actual-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.budget-vs-actual-refresh-btn svg{font-size:15px}.budget-vs-actual-error{color:#000;box-sizing:border-box;background:#fff;border:1px solid #000;border-radius:8px;width:100%;margin-bottom:20px;padding:12px 15px;font-size:13px;font-weight:600}.budget-vs-actual-selector-card{box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:10px;width:100%;margin-bottom:22px;padding:18px 20px}.budget-vs-actual-selector{align-items:center;gap:14px;width:100%;display:flex}.budget-vs-actual-selector label{color:#000;text-transform:capitalize;flex-shrink:0;font-size:12px;font-weight:700}.budget-vs-actual-selector select{color:#000;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #dedede;border-radius:8px;outline:none;width:320px;height:40px;padding:0 35px 0 12px;font-size:12px}.budget-vs-actual-selector select:focus{border-color:#f7f;box-shadow:0 0 0 3px #ff77ff1f}.budget-vs-actual-selector select:disabled{cursor:not-allowed;background:#f5f5f5}.budget-vs-actual-card{box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:10px;width:100%;overflow:hidden}.budget-vs-actual-card-header{border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.budget-vs-actual-card-header h2{color:#000;text-transform:capitalize;margin:0 0 5px;font-size:17px;font-weight:800}.budget-vs-actual-card-header p{color:#666;margin:0;font-size:12px}.budget-vs-actual-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.budget-summary-card{box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:10px;align-items:center;gap:14px;min-height:100px;padding:18px;transition:all .2s;display:flex}.budget-summary-card:hover{border-color:#f7f;box-shadow:0 4px 14px #0000000f}.budget-summary-icon{color:#000;background:#f7f;border-radius:9px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.budget-summary-icon svg{font-size:21px}.budget-summary-card span{color:#666;text-transform:capitalize;margin-bottom:5px;font-size:12px;font-weight:600;display:block}.budget-summary-card h3{color:#000;margin:0;font-size:17px;font-weight:800}.budget-vs-actual-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.budget-vs-actual-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:720px}.budget-vs-actual-table thead{background:#000}.budget-vs-actual-table th{color:#fff;text-align:left;white-space:nowrap;text-transform:capitalize;border-bottom:1px solid #000;padding:13px 16px;font-size:11px;font-weight:700}.budget-vs-actual-table td{color:#333;white-space:nowrap;border-bottom:1px solid #eee;padding:14px 16px;font-size:12px}.budget-vs-actual-table tbody tr{transition:background .15s}.budget-vs-actual-table tbody tr:hover{background:#fff7ff}.budget-vs-actual-table td:first-child{color:#000}.budget-vs-actual-table td:first-child strong{color:#000;font-weight:700}.budget-variance{border-radius:5px;align-items:center;padding:5px 8px;font-size:11px;font-weight:700;display:inline-flex}.budget-variance.positive{color:#000;background:#f7f}.budget-variance.negative{color:#fff;background:#000}.budget-vs-actual-empty{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:220px;padding:30px;display:flex}.budget-vs-actual-empty svg{color:#f7f;margin-bottom:12px;font-size:38px}.budget-vs-actual-empty h3{color:#000;text-transform:capitalize;margin:0 0 7px;font-size:16px;font-weight:800}.budget-vs-actual-empty p{color:#666;max-width:450px;margin:0;font-size:12px;line-height:1.5}.budget-vs-actual-loading{color:#000;justify-content:center;align-items:center;min-height:220px;font-size:13px;font-weight:600;display:flex}@media (width<=1200px){.budget-vs-actual-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.budget-vs-actual-page{padding:16px}.budget-vs-actual-header{flex-direction:column;align-items:flex-start}.budget-vs-actual-refresh-btn{width:100%}.budget-vs-actual-selector{flex-direction:column;align-items:flex-start}.budget-vs-actual-selector select{width:100%}.budget-vs-actual-summary-grid{grid-template-columns:1fr}.budget-vs-actual-card-header{padding:16px}}@media (width<=480px){.budget-vs-actual-page{padding:12px}.budget-vs-actual-header h1{font-size:23px}.budget-vs-actual-selector-card{padding:15px}.budget-summary-card{min-height:90px;padding:14px}.budget-summary-icon{flex-basis:40px;width:40px;height:40px}.budget-summary-card h3{font-size:16px}.budget-vs-actual-table th,.budget-vs-actual-table td{padding:12px}}.profit-loss-page{box-sizing:border-box;color:#242424;background:radial-gradient(circle at 100% 0,#be27ee14,#0000 28%),#f8f9fc;width:100%;min-height:100vh;padding:28px}.profit-loss-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.profit-loss-header-left{align-items:center;gap:14px;display:flex}.profit-loss-back-btn{color:#242424;cursor:pointer;background:#fff;border:1px solid #e8e8ee;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:21px;transition:all .2s;display:flex;box-shadow:0 4px 14px #0000000a}.profit-loss-back-btn:hover{color:#f7f;background:#f8e7fe;border-color:#f7f;transform:translate(-2px)}.profit-loss-back-btn:active{transform:scale(.96)}.profit-loss-header h1{color:#242424;text-transform:capitalize;margin:0;font-size:30px;font-weight:700}.profit-loss-header p{color:#777;margin:7px 0 0;font-size:14px;line-height:1.5}.profit-loss-refresh-btn{color:#fff;cursor:pointer;text-transform:capitalize;background:#f7f;border:none;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 18px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 8px 18px #be27ee33}.profit-loss-refresh-btn:hover:not(:disabled){background:#f7f;transform:translateY(-2px);box-shadow:0 12px 24px #be27ee47}.profit-loss-refresh-btn:disabled{opacity:.65;cursor:not-allowed}.profit-loss-refresh-btn svg{font-size:17px}.profit-loss-refresh-btn:hover:not(:disabled) svg{animation:.8s linear infinite profit-loss-spin}@keyframes profit-loss-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profit-loss-error{box-sizing:border-box;color:#dc2626;background:#fff1f2;border:1px solid #dc26262e;border-radius:12px;width:100%;margin-bottom:22px;padding:14px 16px;font-size:14px}.profit-loss-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px;display:grid}.profit-loss-summary-card{box-sizing:border-box;background:#fff;border:1px solid #e8e8ee;border-radius:16px;align-items:center;gap:16px;min-height:125px;padding:22px;transition:all .25s;display:flex;box-shadow:0 8px 24px #1414280a}.profit-loss-summary-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px #14142814}.profit-loss-summary-icon{color:#f7f;background:#f8e7fe;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.profit-loss-summary-icon svg{font-size:24px}.profit-loss-summary-card:nth-child(2) .profit-loss-summary-icon{color:#f59e0b;background:#fff4e5}.profit-loss-summary-card span{color:#777;text-transform:capitalize;margin-bottom:7px;font-size:13px;font-weight:500;display:block}.profit-loss-summary-card h3{color:#f7f;word-break:break-word;margin:0;font-size:23px;font-weight:700}.profit-card{border-color:#16a34a26}.profit-card .profit-loss-summary-icon{color:#f7f;background:#ecfdf3}.loss-card{border-color:#dc262626}.loss-card .profit-loss-summary-icon{color:#dc2626;background:#fff1f2}.profit-loss-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:24px;display:grid}.profit-loss-card{background:#fff;border:1px solid #e8e8ee;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #1414280a}.profit-loss-card-header{border-bottom:1px solid #eeeef2;justify-content:space-between;align-items:center;gap:16px;padding:21px 22px;display:flex}.profit-loss-card-header h2{color:#f7f;text-transform:capitalize;margin:0;font-size:19px;font-weight:700}.profit-loss-card-header p{color:#888;margin:6px 0 0;font-size:13px}.profit-loss-card-header>svg{box-sizing:border-box;color:#f7f;background:#f8e7fe;border-radius:12px;width:42px;height:42px;padding:10px}.profit-loss-card:nth-child(2) .profit-loss-card-header>svg{color:#f59e0b;background:#fff4e5}.profit-loss-list{width:100%}.profit-loss-row{border-bottom:1px solid #f0f0f3;justify-content:space-between;align-items:center;gap:18px;padding:15px 22px;transition:background .2s;display:flex}.profit-loss-row:hover{background:#faf8fc}.profit-loss-row span{color:#555;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}.profit-loss-row strong{color:#242424;flex-shrink:0;font-size:14px;font-weight:700}.profit-loss-total{background:#fafafa;border-top:1px solid #e8e8ee;justify-content:space-between;align-items:center;gap:18px;padding:18px 22px;display:flex}.profit-loss-total span{color:#555;text-transform:capitalize;font-size:15px;font-weight:600}.profit-loss-total strong{color:#f7f;font-size:16px;font-weight:700}.profit-loss-empty{box-sizing:border-box;color:#999;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:230px;padding:30px;display:flex}.profit-loss-empty svg{color:#c8c8d0;font-size:36px}.profit-loss-empty span{text-transform:capitalize;font-size:14px}.profit-loss-loading{color:#777;text-transform:capitalize;justify-content:center;align-items:center;min-height:260px;font-size:15px;display:flex}.profit-loss-result-card{background:linear-gradient(135deg,#fff,#fcf7fe);border:1px solid #e8e8ee;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:24px 26px;display:flex;box-shadow:0 8px 24px #1414280a}.profit-loss-result-card>div:first-child span{color:#777;text-transform:capitalize;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.profit-loss-result-card>div:first-child p{color:#999;text-transform:capitalize;margin:0;font-size:14px}.profit-loss-result{align-items:center;gap:10px;display:flex}.profit-loss-result svg{font-size:24px}.profit-loss-result strong{text-transform:capitalize;font-size:16px}.profit-loss-result span{margin-left:6px;font-size:22px;font-weight:700}.profit-loss-result.profit{color:#f7f}.profit-loss-result.loss{color:#dc2626}@media (width<=1100px){.profit-loss-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.profit-loss-summary-card:last-child{grid-column:span 2}}@media (width<=900px){.profit-loss-page{padding:22px}.profit-loss-grid{grid-template-columns:1fr}}@media (width<=650px){.profit-loss-page{padding:16px}.profit-loss-header{flex-direction:column;align-items:flex-start}.profit-loss-header-left{width:100%}.profit-loss-header h1{font-size:25px}.profit-loss-refresh-btn{width:100%}.profit-loss-summary{grid-template-columns:1fr;gap:14px}.profit-loss-summary-card:last-child{grid-column:auto}.profit-loss-summary-card{min-height:110px;padding:18px}.profit-loss-card-header{padding:18px}.profit-loss-row{padding:14px 18px}.profit-loss-total{padding:17px 18px}.profit-loss-result-card{flex-direction:column;align-items:flex-start;padding:20px}.profit-loss-result{flex-wrap:wrap;width:100%}.profit-loss-result span{margin-left:0;font-size:20px}}@media (width<=420px){.profit-loss-header-left{align-items:flex-start}.profit-loss-header h1{font-size:22px}.profit-loss-header p{font-size:13px}.profit-loss-summary-card h3{font-size:19px}.profit-loss-row{flex-direction:column;align-items:flex-start;gap:6px}.profit-loss-row strong{align-self:flex-end}.profit-loss-total{flex-direction:column;align-items:flex-start;gap:6px}.profit-loss-total strong{align-self:flex-end}}.balance-sheet-page{box-sizing:border-box;color:#000;background:#fff;width:100%;padding:24px}.balance-sheet-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.balance-sheet-header h1{color:#000;letter-spacing:-.5px;text-transform:capitalize;margin:0 0 6px;font-size:28px;font-weight:800}.balance-sheet-header p{color:#666;margin:0;font-size:13px}.balance-sheet-refresh-btn{color:#000;cursor:pointer;background:#f7f;border:1px solid #f7f;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:100px;height:40px;padding:0 15px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.balance-sheet-refresh-btn:hover{color:#fff;background:#000;border-color:#000}.balance-sheet-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.balance-sheet-refresh-btn svg{font-size:15px}.balance-sheet-error{color:#000;box-sizing:border-box;background:#fff;border:1px solid #000;border-radius:8px;width:100%;margin-bottom:20px;padding:12px 15px;font-size:13px;font-weight:600}.balance-sheet-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.balance-sheet-summary-card{box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:10px;align-items:center;gap:14px;min-height:100px;padding:18px;transition:all .2s;display:flex}.balance-sheet-summary-card:hover{border-color:#f7f;box-shadow:0 4px 14px #0000000f}.balance-sheet-summary-icon{color:#000;background:#f7f;border-radius:9px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.balance-sheet-summary-icon svg{font-size:21px}.balance-sheet-summary-card span{color:#666;text-transform:capitalize;margin-bottom:5px;font-size:12px;font-weight:600;display:block}.balance-sheet-summary-card h3{color:#000;margin:0;font-size:19px;font-weight:800}.balance-sheet-card{box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:10px;width:100%;overflow:hidden}.balance-sheet-card-header{border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.balance-sheet-card-header h2{color:#000;text-transform:capitalize;margin:0 0 5px;font-size:17px;font-weight:800}.balance-sheet-card-header p{color:#666;margin:0;font-size:12px}.balance-sheet-content{box-sizing:border-box;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px;display:grid}.balance-sheet-section{background:#fff;border:1px solid #e5e5e5;border-radius:9px;min-width:0;overflow:hidden}.balance-sheet-section-header{border-bottom:1px solid #e8e8e8;padding:16px}.balance-sheet-section-title{align-items:center;gap:11px;display:flex}.balance-sheet-section-icon{color:#000;background:#f7f;border-radius:8px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.balance-sheet-section-icon svg{font-size:17px}.balance-sheet-section-title h2{color:#000;text-transform:capitalize;margin:0 0 3px;font-size:15px;font-weight:800}.balance-sheet-section-title p{color:#777;margin:0;font-size:11px;line-height:1.4}.balance-sheet-list{padding:5px 15px 15px}.balance-sheet-row{box-sizing:border-box;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:15px;min-height:45px;padding:8px 2px;display:flex}.balance-sheet-row span{color:#333;word-break:break-word;min-width:0;font-size:12px;line-height:1.4}.balance-sheet-row strong{color:#000;text-align:right;flex-shrink:0;font-size:12px;font-weight:700}.balance-sheet-total{color:#000;background:#f7f;border-radius:7px;justify-content:space-between;align-items:center;gap:15px;margin-top:10px;padding:12px 10px;display:flex}.balance-sheet-total span{text-transform:capitalize;font-size:12px;font-weight:800}.balance-sheet-total strong{text-align:right;font-size:12px;font-weight:800}.balance-sheet-empty{text-align:center;color:#777;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:130px;padding:20px;display:flex}.balance-sheet-empty svg{color:#f7f;font-size:25px}.balance-sheet-empty span{text-transform:capitalize;font-size:11px}.balance-sheet-loading{color:#000;justify-content:center;align-items:center;min-height:220px;font-size:13px;font-weight:600;display:flex}.balance-sheet-equation{box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:10px;justify-content:center;align-items:center;gap:20px;margin-top:22px;padding:20px;display:flex}.balance-sheet-equation>div:not(.balance-sheet-equals){text-align:center;background:#fff;border:1px solid #e5e5e5;border-radius:8px;min-width:190px;padding:13px 18px}.balance-sheet-equation span{color:#666;text-transform:capitalize;margin-bottom:5px;font-size:11px;font-weight:600;display:block}.balance-sheet-equation strong{color:#000;font-size:15px;font-weight:800}.balance-sheet-equals{color:#f7f;justify-content:center;align-items:center;font-size:22px;font-weight:900;display:flex}.balance-sheet-status{color:#000;text-transform:capitalize;box-sizing:border-box;background:#fff;border:1px solid #000;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:15px;padding:13px 16px;font-size:12px;font-weight:700;display:flex}.balance-sheet-status svg{color:#f7f;font-size:16px}@media (width<=1100px){.balance-sheet-content{grid-template-columns:1fr}.balance-sheet-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.balance-sheet-page{padding:16px}.balance-sheet-header{flex-direction:column;align-items:flex-start}.balance-sheet-refresh-btn{width:100%}.balance-sheet-summary{grid-template-columns:1fr}.balance-sheet-card-header{padding:16px}.balance-sheet-content{padding:12px}.balance-sheet-equation{flex-direction:column;gap:10px}.balance-sheet-equation>div:not(.balance-sheet-equals){box-sizing:border-box;width:100%;min-width:0}.balance-sheet-equals{transform:rotate(90deg)}}@media (width<=480px){.balance-sheet-page{padding:12px}.balance-sheet-header h1{font-size:23px}.balance-sheet-summary-card{min-height:90px;padding:14px}.balance-sheet-summary-icon{flex-basis:40px;width:40px;height:40px}.balance-sheet-summary-card h3{font-size:16px}.balance-sheet-row{flex-direction:column;align-items:flex-start;gap:4px}.balance-sheet-row strong{text-align:left}}.cash-flow-page{box-sizing:border-box;color:#000;background:#fff;width:100%;padding:24px}.cash-flow-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.cash-flow-header h1{color:#000;letter-spacing:-.5px;margin:0 0 6px;font-size:28px;font-weight:800}.cash-flow-header p{color:#666;margin:0;font-size:13px}.cash-flow-refresh-btn{color:#000;cursor:pointer;background:#f7f;border:1px solid #f7f;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:100px;height:40px;padding:0 15px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.cash-flow-refresh-btn:hover{color:#fff;background:#000;border-color:#000}.cash-flow-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.cash-flow-refresh-btn svg{font-size:15px}.cash-flow-error{color:#000;box-sizing:border-box;background:#fff;border:1px solid #000;border-radius:8px;width:100%;margin-bottom:20px;padding:12px 15px;font-size:13px;font-weight:600}.cash-flow-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.cash-flow-summary-card{box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:10px;align-items:center;gap:14px;min-height:100px;padding:18px;transition:all .2s;display:flex}.cash-flow-summary-card:hover{border-color:#f7f;box-shadow:0 4px 14px #0000000f}.cash-flow-summary-icon{color:#000;background:#f7f;border-radius:9px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.cash-flow-summary-icon svg{font-size:21px}.cash-flow-summary-card span{color:#666;text-transform:capitalize;margin-bottom:5px;font-size:12px;font-weight:600;display:block}.cash-flow-summary-card h3{color:#000;margin:0;font-size:18px;font-weight:800}.cash-flow-positive,.cash-flow-negative{color:#000!important}.cash-flow-card{box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:10px;width:100%;overflow:hidden}.cash-flow-card-header{border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.cash-flow-card-header h2{color:#000;text-transform:capitalize;margin:0 0 5px;font-size:17px;font-weight:800}.cash-flow-card-header p{color:#666;margin:0;font-size:12px}.cash-flow-content{box-sizing:border-box;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px;display:grid}.cash-flow-section{background:#fff;border:1px solid #e5e5e5;border-radius:9px;min-width:0;overflow:hidden}.cash-flow-section-header{border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.cash-flow-section-title{align-items:center;gap:11px;min-width:0;display:flex}.cash-flow-section-icon{color:#000;background:#f7f;border-radius:8px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.cash-flow-section-icon svg{font-size:17px}.cash-flow-section-title h2{color:#000;text-transform:capitalize;margin:0 0 3px;font-size:14px;font-weight:800}.cash-flow-section-title p{color:#777;margin:0;font-size:10px;line-height:1.4}.cash-flow-section-header>strong{color:#000;flex-shrink:0;font-size:12px;font-weight:800}.cash-flow-list{padding:5px 15px 15px}.cash-flow-row{box-sizing:border-box;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:15px;min-height:45px;padding:8px 2px;display:flex}.cash-flow-row span{color:#333;word-break:break-word;min-width:0;font-size:12px;line-height:1.4}.cash-flow-row strong{color:#000;text-align:right;flex-shrink:0;font-size:12px;font-weight:700}.cash-flow-total{color:#000;background:#f7f;border-radius:7px;justify-content:space-between;align-items:center;gap:15px;margin-top:10px;padding:12px 10px;display:flex}.cash-flow-total span{text-transform:capitalize;font-size:12px;font-weight:800}.cash-flow-total strong{text-align:right;font-size:12px;font-weight:800;color:#000!important}.cash-flow-empty{text-align:center;color:#777;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:130px;padding:20px;display:flex}.cash-flow-empty svg{color:#f7f;font-size:25px}.cash-flow-empty span{text-transform:capitalize;font-size:11px}.cash-flow-loading{color:#000;justify-content:center;align-items:center;min-height:220px;font-size:13px;font-weight:600;display:flex}.cash-flow-final-summary{box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:10px;margin-top:22px;padding:6px 20px 20px}.cash-flow-final-row{box-sizing:border-box;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:20px;min-height:50px;padding:10px 4px;display:flex}.cash-flow-final-row span{color:#444;text-transform:capitalize;font-size:12px;font-weight:600}.cash-flow-final-row strong{color:#000;font-size:13px;font-weight:700}.cash-flow-final-total{color:#000;background:#f7f;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;margin-top:10px;padding:15px;display:flex}.cash-flow-final-total span{text-transform:capitalize;font-size:13px;font-weight:800}.cash-flow-final-total strong{color:#000;font-size:15px;font-weight:800}@media (width<=1100px){.cash-flow-content{grid-template-columns:1fr}}@media (width<=768px){.cash-flow-page{padding:16px}.cash-flow-header{flex-direction:column;align-items:flex-start}.cash-flow-refresh-btn{width:100%}.cash-flow-summary{grid-template-columns:1fr}.cash-flow-card-header{padding:16px}.cash-flow-content{padding:12px}.cash-flow-section-header{align-items:flex-start}}@media (width<=480px){.cash-flow-page{padding:12px}.cash-flow-header h1{font-size:23px}.cash-flow-summary-card{min-height:90px;padding:14px}.cash-flow-summary-icon{flex-basis:40px;width:40px;height:40px}.cash-flow-summary-card h3{font-size:16px}.cash-flow-row{flex-direction:column;align-items:flex-start;gap:4px}.cash-flow-row strong{text-align:left}.cash-flow-section-header{flex-direction:column}.cash-flow-section-header>strong{align-self:flex-end}.cash-flow-final-row,.cash-flow-final-total{flex-direction:column;align-items:flex-start;gap:5px}}.inventory-page{box-sizing:border-box;color:#242424;background:#fafafa;width:100%;min-height:100vh;padding:28px}.inventory-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.inventory-page-tag{color:#f7f;letter-spacing:.8px;background:#ff77ff1f;border-radius:20px;margin-bottom:10px;padding:6px 11px;font-size:10px;font-weight:800;display:inline-block}.inventory-header h1{color:#242424;letter-spacing:-.8px;margin:0;font-size:30px;font-weight:800}.inventory-header p{color:#777;margin:8px 0 0;font-size:14px;line-height:1.6}.inventory-header-actions{align-items:center;gap:10px;display:flex}.inventory-refresh-btn,.inventory-primary-btn{cursor:pointer;border:1px solid #f7f3;border-radius:10px;padding:12px 19px;font-size:14px;font-weight:700;transition:all .2s}.inventory-refresh-btn{color:#555;background:#fff}.inventory-refresh-btn:hover{color:#f7f;background:#fff5ff;border-color:#f7f}.inventory-primary-btn{color:#fff;background:#f7f;border-color:#f7f;box-shadow:0 8px 20px #f7f3}.inventory-primary-btn:hover{background:#f7f;border-color:#f7f;transform:translateY(-2px)}.inventory-error{color:#f7f;background:#fff5ff;border:1px solid #ff77ff4d;border-radius:12px;margin-bottom:22px;padding:14px 16px;font-size:14px;font-weight:600}.inventory-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:28px;display:grid}.inventory-stat-card{cursor:pointer;background:#fff;border:1px solid #ff77ff24;border-radius:16px;align-items:center;gap:17px;min-height:110px;padding:22px;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 7px 22px #2814280a}.inventory-stat-card:after{content:"";background:#ff77ff0f;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-40px;right:-35px}.inventory-stat-card:hover{border-color:#f7f6;transform:translateY(-3px);box-shadow:0 13px 30px #ff77ff1a}.inventory-stat-icon{z-index:1;color:#fff;background:#f7f;border-radius:15px;justify-content:center;align-items:center;width:58px;min-width:58px;height:58px;font-size:27px;font-weight:700;display:flex;position:relative}.inventory-stat-content{z-index:1;position:relative}.stat-label{color:#777;font-size:13px;font-weight:500}.stat-value{color:#242424;margin:7px 0 4px;font-size:23px;font-weight:800}.stat-description{color:#999;font-size:12px}.warning-card,.danger-card{background:linear-gradient(135deg,#fff 0%,#fff9ff 100%)}.inventory-main-grid,.inventory-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px;display:grid}.inventory-panel{background:#fff;border:1px solid #ff77ff24;border-radius:18px;padding:22px;box-shadow:0 8px 25px #2814280a}.inventory-panel-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.inventory-panel-header h2{color:#242424;margin:0;font-size:19px;font-weight:800}.inventory-panel-header p{color:#888;margin:6px 0 0;font-size:12px}.inventory-panel-header button{color:#f7f;cursor:pointer;background:#ff77ff1a;border:none;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:700;transition:all .2s}.inventory-panel-header button:hover{color:#fff;background:#f7f}.inventory-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.inventory-actions-grid button{cursor:pointer;text-align:left;background:#fff;border:1px solid #ff77ff21;border-radius:12px;align-items:center;gap:12px;width:100%;padding:15px;transition:all .2s;display:flex}.inventory-actions-grid button:hover{background:#fff9ff;border-color:#f7f;transform:translateY(-2px);box-shadow:0 8px 20px #ff77ff17}.action-icon{color:#f7f;background:#ff77ff1f;border-radius:10px;justify-content:center;align-items:center;width:39px;min-width:39px;height:39px;font-size:20px;font-weight:700;display:flex}.inventory-actions-grid button div{flex:1}.inventory-actions-grid strong{color:#333;font-size:13px;display:block}.inventory-actions-grid small{color:#999;margin-top:4px;font-size:11px;display:block}.inventory-actions-grid b{color:#999;font-size:18px}.inventory-operations-panel{margin-bottom:20px}.inventory-operations-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.inventory-operations-grid button{cursor:pointer;text-align:left;background:#fff;border:1px solid #ff77ff24;border-radius:15px;min-height:135px;padding:20px;transition:all .25s}.inventory-operations-grid button:hover{background:#fff9ff;border-color:#f7f;transform:translateY(-3px);box-shadow:0 10px 24px #ff77ff1a}.inventory-operations-grid span{color:#fff;background:#f7f;border-radius:12px;justify-content:center;align-items:center;width:43px;height:43px;margin-bottom:15px;font-size:20px;font-weight:700;display:flex}.inventory-operations-grid strong{color:#333;font-size:14px;display:block}.inventory-operations-grid small{color:#999;margin-top:6px;font-size:11px;line-height:1.5;display:block}.inventory-table-wrapper{border:1px solid #ff77ff1a;border-radius:12px;width:100%;overflow-x:auto}.inventory-table{border-collapse:collapse;width:100%;min-width:650px}.inventory-table th,.inventory-table td{text-align:left;border-bottom:1px solid #ff77ff17;padding:14px 15px}.inventory-table th{color:#777;text-transform:uppercase;white-space:nowrap;background:#fff9ff;font-size:11px;font-weight:800}.inventory-table td{color:#555;font-size:13px}.inventory-table tbody tr{transition:background .2s}.inventory-table tbody tr:hover{background:#ff77ff0b}.inventory-table tbody tr:last-child td{border-bottom:none}.inventory-empty{text-align:center;color:#999;justify-content:center;align-items:center;min-height:160px;padding:25px;font-size:14px;display:flex}.inventory-alert-list{flex-direction:column;gap:11px;display:flex}.inventory-alert-item{background:#fff9ff;border:1px solid #ff77ff1f;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;padding:15px;transition:all .2s;display:flex}.inventory-alert-item:hover{background:#fff5ff;border-color:#ff77ff59}.inventory-alert-item strong{color:#333;font-size:14px}.inventory-alert-item p{color:#888;margin:6px 0 0;font-size:12px;line-height:1.5}.inventory-alert-badge{color:#fff;text-transform:uppercase;white-space:nowrap;background:#f7f;border-radius:20px;padding:6px 10px;font-size:10px;font-weight:800}.inventory-alert-badge.high,.inventory-alert-badge.critical{background:#f7f}.inventory-alert-badge.low{background:#e9a7e9}.recent-stock-panel{margin-bottom:25px}.inventory-loading{justify-content:center;align-items:center;min-height:500px;display:flex}.inventory-loading-box{text-align:center;color:#888;font-size:14px;font-weight:600}.inventory-loader{border:4px solid #ff77ff26;border-top-color:#f7f;border-radius:50%;width:42px;height:42px;margin:0 auto 15px;animation:.8s linear infinite inventory-spin}@keyframes inventory-spin{to{transform:rotate(360deg)}}.inventory-table-wrapper::-webkit-scrollbar{height:7px}.inventory-table-wrapper::-webkit-scrollbar-track{background:#f5f5f5}.inventory-table-wrapper::-webkit-scrollbar-thumb{background:#f7f;border-radius:20px}.inventory-table-wrapper::-webkit-scrollbar-thumb:hover{background:#f7f}@media (width<=1200px){.inventory-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.inventory-operations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=950px){.inventory-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-main-grid,.inventory-dashboard-grid{grid-template-columns:1fr}}@media (width<=700px){.inventory-page{padding:16px}.inventory-header{flex-direction:column;align-items:flex-start}.inventory-header-actions{width:100%}.inventory-header-actions button{flex:1}.inventory-header h1{font-size:25px}.inventory-panel{padding:16px}.inventory-stat-card{padding:18px}.inventory-actions-grid{grid-template-columns:1fr}}@media (width<=500px){.inventory-page{padding:12px}.inventory-stats-grid,.inventory-operations-grid{grid-template-columns:1fr}.inventory-header-actions{flex-direction:column}.inventory-header-actions button{width:100%}.inventory-panel-header{flex-direction:column;align-items:flex-start}.inventory-panel-header button{width:100%}.inventory-alert-item{flex-direction:column;align-items:flex-start}.inventory-alert-badge{align-self:flex-start}.inventory-stat-icon{width:52px;min-width:52px;height:52px}}.inventory-products-page{box-sizing:border-box;color:#000;width:100%;padding:24px}.inventory-products-header{background:#fff;border-radius:20px;justify-content:space-between;align-items:center;gap:25px;margin-bottom:24px;padding:28px;display:flex;box-shadow:0 10px 35px #0000000f}.inventory-products-header-content{flex:1}.inventory-products-eyebrow{color:#000;letter-spacing:1px;background:#f7f;border-radius:20px;align-items:center;margin-bottom:12px;padding:6px 11px;font-size:10px;font-weight:800;display:inline-flex}.inventory-products-header h1{color:#000;margin:0;font-size:32px}.inventory-products-header p{color:#000;opacity:.6;margin:9px 0 0;font-size:14px}.inventory-products-header-actions{align-items:center;gap:10px;display:flex}.inventory-products-refresh-btn,.inventory-products-add-btn{cursor:pointer;border:none;border-radius:10px;padding:12px 18px;font-weight:700;transition:all .2s}.inventory-products-refresh-btn{color:#000;background:#f5f5f5}.inventory-products-add-btn{color:#000;background:#f7f}.inventory-products-refresh-btn:hover,.inventory-products-add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff77ff59}.inventory-products-error{background:#fff;border-radius:14px;align-items:flex-start;gap:12px;margin-bottom:22px;padding:16px;display:flex;box-shadow:0 6px 25px #00000012}.inventory-products-error-icon{background:#f7f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-weight:800;display:flex}.inventory-products-error strong{color:#000;display:block}.inventory-products-error p{color:#000;opacity:.65;margin:4px 0 0;font-size:13px}.inventory-products-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.inventory-products-stat-card{background:#fff;border-radius:16px;align-items:center;gap:14px;padding:19px;transition:transform .2s;display:flex;box-shadow:0 7px 28px #0000000d}.inventory-products-stat-card:hover{transform:translateY(-3px)}.inventory-products-stat-highlight{background:#f7f}.inventory-products-stat-icon{color:#000;background:#f7f;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:800;display:flex}.inventory-products-stat-highlight .inventory-products-stat-icon{background:#fff}.inventory-products-stat-card span{color:#000;opacity:.6;margin-bottom:4px;font-size:12px;display:block}.inventory-products-stat-card strong{color:#000;font-size:24px;display:block}.inventory-products-content{width:100%}.inventory-products-toolbar{background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;padding:15px;display:flex;box-shadow:0 7px 28px #0000000d}.inventory-products-search{background:#f7f7f7;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:200px;padding:0 14px;display:flex}.inventory-products-search span{color:#000;font-size:22px}.inventory-products-search input{color:#000;background:0 0;border:none;outline:none;width:100%;height:45px;font-size:13px}.inventory-products-search input::placeholder{color:#000;opacity:.45}.inventory-products-filters{align-items:center;gap:10px;display:flex}.inventory-products-filters select,.inventory-products-category-btn{color:#000;cursor:pointer;background:#f5f5f5;border:none;border-radius:10px;outline:none;height:45px;padding:0 13px;font-size:13px}.inventory-products-category-btn{background:#f7f;font-weight:700}.inventory-products-table-card{background:#fff;border-radius:18px;padding:20px;box-shadow:0 7px 30px #0000000d}.inventory-products-table-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.inventory-products-table-header h2{color:#000;margin:0;font-size:20px}.inventory-products-table-header p{color:#000;opacity:.55;margin:5px 0 0;font-size:12px}.inventory-products-mini-add-btn{color:#000;cursor:pointer;background:#f7f;border:none;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:700}.inventory-products-table-wrapper{width:100%;overflow-x:auto}.inventory-products-table{border-collapse:collapse;width:100%;min-width:900px}.inventory-products-table th{color:#000;text-align:left;white-space:nowrap;background:#f7f7f7;padding:13px 12px;font-size:11px;font-weight:800}.inventory-products-table th:first-child{border-radius:10px 0 0 10px}.inventory-products-table th:last-child{border-radius:0 10px 10px 0}.inventory-products-table td{color:#000;border-bottom:1px solid #f0f0f0;padding:15px 12px;font-size:13px}.inventory-products-table tbody tr{transition:background .2s}.inventory-products-table tbody tr:hover{background:#ff77ff14}.inventory-products-product-info{align-items:center;gap:11px;min-width:190px;display:flex}.inventory-products-product-avatar{color:#000;background:#f7f;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:800;display:flex}.inventory-products-product-info strong{color:#000;font-size:13px;display:block}.inventory-products-product-info span{color:#000;opacity:.5;margin-top:4px;font-size:11px;display:block}.inventory-products-sku{background:#f5f5f5;border-radius:6px;padding:5px 8px;font-size:11px}.inventory-products-category{color:#000;background:#ff77ff26;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:600}.inventory-products-status{border-radius:20px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.inventory-products-status-active{color:#000;background:#ff77ff38}.inventory-products-status-inactive{color:#000;opacity:.65;background:#f1f1f1}.inventory-products-actions{align-items:center;gap:7px;display:flex}.inventory-products-view-action,.inventory-products-edit-action{cursor:pointer;border:none;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:700}.inventory-products-view-action{color:#000;background:#f3f3f3}.inventory-products-edit-action{color:#000;background:#f7f}.inventory-products-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.inventory-products-empty-icon{background:#f7f;border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:14px;font-size:25px;font-weight:800;display:flex}.inventory-products-empty h3{color:#000;margin:0;font-size:18px}.inventory-products-empty p{color:#000;opacity:.55;margin:8px 0 16px;font-size:13px}.inventory-products-empty button{color:#000;cursor:pointer;background:#f7f;border:none;border-radius:9px;padding:11px 16px;font-weight:700}.inventory-products-loading{flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.inventory-products-spinner{border:4px solid #f0f0f0;border-top-color:#f7f;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite inventory-products-spin}.inventory-products-loading p{color:#000;opacity:.6;margin-top:15px}@keyframes inventory-products-spin{to{transform:rotate(360deg)}}@media (width<=1100px){.inventory-products-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.inventory-products-page{padding:16px}.inventory-products-header{flex-direction:column;align-items:flex-start;padding:22px}.inventory-products-header-actions{width:100%}.inventory-products-header-actions button{flex:1}.inventory-products-toolbar{flex-direction:column;align-items:stretch}.inventory-products-filters{width:100%}.inventory-products-filters select,.inventory-products-category-btn{flex:1}}@media (width<=550px){.inventory-products-page{padding:12px}.inventory-products-header{border-radius:15px;padding:18px}.inventory-products-header h1{font-size:26px}.inventory-products-header-actions{flex-direction:column}.inventory-products-stats{grid-template-columns:1fr}.inventory-products-table-card{border-radius:15px;padding:15px}.inventory-products-table-header{flex-direction:column;align-items:flex-start}.inventory-products-mini-add-btn{width:100%}.inventory-products-filters{flex-direction:column}.inventory-products-filters select,.inventory-products-category-btn{width:100%}}.inventory-product-form-page{box-sizing:border-box;color:#000;width:100%;padding:24px}.inventory-product-form-header{margin-bottom:24px}.inventory-product-form-back{color:#000;cursor:pointer;background:0 0;border:none;margin-bottom:18px;padding:0;font-size:13px;font-weight:700}.inventory-product-form-tag{letter-spacing:1px;background:#f7f;border-radius:20px;margin-bottom:12px;padding:6px 11px;font-size:10px;font-weight:800;display:inline-block}.inventory-product-form-header h1{color:#000;margin:0;font-size:32px}.inventory-product-form-header p{color:#000;opacity:.6;margin:8px 0 0;font-size:14px}.inventory-product-form-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:22px;display:grid}.inventory-product-form-main{flex-direction:column;gap:20px;display:flex}.inventory-product-form-sidebar{flex-direction:column;gap:20px;display:flex;position:sticky;top:20px}.inventory-product-form-card{background:#fff;border-radius:18px;padding:22px;box-shadow:0 8px 30px #0000000d}.inventory-product-form-card h2{color:#000;margin:0;font-size:18px}.inventory-product-form-card-header{justify-content:space-between;gap:15px;margin-bottom:22px;display:flex}.inventory-product-form-card-header p{color:#000;opacity:.55;margin:6px 0 0;font-size:12px}.inventory-product-form-icon{background:#f7f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:19px;font-weight:800;display:flex}.inventory-product-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.inventory-product-form-full{grid-column:1/-1}.inventory-product-form-field{flex-direction:column;gap:7px;display:flex}.inventory-product-form-field label{color:#000;font-size:12px;font-weight:700}.inventory-product-form-field input,.inventory-product-form-field select,.inventory-product-form-field textarea{box-sizing:border-box;color:#000;background:#f6f6f6;border:none;border-radius:10px;outline:none;width:100%;padding:12px 13px;font-family:inherit;font-size:13px}.inventory-product-form-field input:focus,.inventory-product-form-field select:focus,.inventory-product-form-field textarea:focus{background:#fff0ff;box-shadow:0 0 0 3px #ff77ff2e}.inventory-product-form-field textarea{resize:vertical;min-height:100px}.inventory-product-form-toggle-list{flex-direction:column;gap:13px;display:flex}.inventory-product-form-toggle,.inventory-product-form-status-toggle{cursor:pointer;background:#f8f8f8;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;padding:14px;display:flex}.inventory-product-form-toggle strong,.inventory-product-form-status-toggle strong{color:#000;font-size:13px;display:block}.inventory-product-form-toggle span,.inventory-product-form-status-toggle span{color:#000;opacity:.55;margin-top:4px;font-size:11px;display:block}.inventory-product-form-toggle input,.inventory-product-form-status-toggle input{display:none}.inventory-product-form-toggle i,.inventory-product-form-status-toggle i{background:#dedede;border-radius:30px;flex-shrink:0;width:42px;height:23px;transition:all .2s;position:relative}.inventory-product-form-toggle i:after,.inventory-product-form-status-toggle i:after{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:all .2s;position:absolute;top:3px;left:3px}.inventory-product-form-toggle input:checked+i,.inventory-product-form-status-toggle input:checked+i{background:#f7f}.inventory-product-form-toggle input:checked+i:after,.inventory-product-form-status-toggle input:checked+i:after{transform:translate(19px)}.inventory-product-form-status-toggle{margin-top:16px}.inventory-product-form-actions{flex-direction:column;gap:10px;display:flex}.inventory-product-form-cancel-btn,.inventory-product-form-save-btn{cursor:pointer;border:none;border-radius:10px;width:100%;padding:13px;font-size:13px;font-weight:800}.inventory-product-form-cancel-btn{color:#000;background:#f2f2f2}.inventory-product-form-save-btn{color:#000;background:#f7f}.inventory-product-form-save-btn:disabled{opacity:.6;cursor:not-allowed}.inventory-product-form-error,.inventory-product-form-success{background:#fff;border-radius:13px;align-items:center;gap:10px;margin-bottom:20px;padding:15px;font-size:13px;display:flex;box-shadow:0 6px 25px #0000000d}.inventory-product-form-error strong,.inventory-product-form-success strong{background:#f7f;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.inventory-product-form-loading{flex-direction:column;justify-content:center;align-items:center;min-height:450px;display:flex}.inventory-product-form-spinner{border:4px solid #eee;border-top-color:#f7f;border-radius:50%;width:45px;height:45px;animation:.8s linear infinite inventory-product-form-spin}.inventory-product-form-loading p{color:#000;opacity:.6;margin-top:15px}@keyframes inventory-product-form-spin{to{transform:rotate(360deg)}}@media (width<=1000px){.inventory-product-form-layout{grid-template-columns:1fr}.inventory-product-form-sidebar{position:static}.inventory-product-form-actions{flex-direction:row}}@media (width<=700px){.inventory-product-form-page{padding:16px}.inventory-product-form-header h1{font-size:27px}.inventory-product-form-grid{grid-template-columns:1fr}.inventory-product-form-full{grid-column:auto}.inventory-product-form-card{padding:17px}}@media (width<=500px){.inventory-product-form-page{padding:12px}.inventory-product-form-header h1{font-size:24px}.inventory-product-form-card-header{align-items:flex-start}.inventory-product-form-icon{width:38px;height:38px}.inventory-product-form-actions{flex-direction:column}.inventory-product-form-toggle,.inventory-product-form-status-toggle{align-items:flex-start}}.inventory-categories-page{box-sizing:border-box;color:#000;width:100%;padding:24px}.inventory-categories-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.inventory-categories-tag{letter-spacing:1px;background:#f7f;border-radius:20px;margin-bottom:12px;padding:6px 11px;font-size:10px;font-weight:800;display:inline-block}.inventory-categories-header h1{color:#000;margin:0;font-size:32px}.inventory-categories-header p{color:#000;opacity:.6;margin:8px 0 0;font-size:14px}.inventory-categories-header-actions{gap:10px;display:flex}.inventory-categories-refresh-btn,.inventory-categories-primary-btn{cursor:pointer;border:none;border-radius:10px;padding:12px 17px;font-size:13px;font-weight:700}.inventory-categories-refresh-btn{color:#000;background:#f1f1f1}.inventory-categories-primary-btn{color:#000;background:#f7f}.inventory-categories-primary-btn:hover{transform:translateY(-1px)}.inventory-categories-error,.inventory-categories-success{background:#fff;border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:14px;font-size:13px;display:flex;box-shadow:0 6px 25px #0000000d}.inventory-categories-error strong,.inventory-categories-success strong{background:#f7f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.inventory-categories-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px;display:grid}.inventory-categories-stat-card{background:#fff;border-radius:16px;align-items:center;gap:15px;padding:20px;display:flex;box-shadow:0 7px 25px #0000000d}.inventory-categories-stat-icon{background:#f7f;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:800;display:flex}.inventory-categories-stat-card span{color:#000;opacity:.55;font-size:12px;display:block}.inventory-categories-stat-card strong{color:#000;margin-top:4px;font-size:25px;display:block}.inventory-categories-toolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.inventory-categories-search{background:#fff;border-radius:12px;align-items:center;gap:9px;width:100%;max-width:380px;padding:12px 14px;display:flex;box-shadow:0 5px 20px #0000000a}.inventory-categories-search span{font-size:19px}.inventory-categories-search input{color:#000;background:0 0;border:none;outline:none;width:100%;font-size:13px}.inventory-categories-count{white-space:nowrap;color:#000;opacity:.55;font-size:12px}.inventory-categories-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px #0000000d}.inventory-categories-table-wrapper{width:100%;overflow-x:auto}.inventory-categories-table{border-collapse:collapse;width:100%;min-width:850px}.inventory-categories-table th,.inventory-categories-table td{text-align:left;padding:16px}.inventory-categories-table th{color:#000;opacity:.65;text-transform:uppercase;letter-spacing:.5px;background:#fff4ff;font-size:11px}.inventory-categories-table td{color:#000;border-bottom:1px solid #f0f0f0;font-size:13px}.inventory-categories-table tbody tr:last-child td{border-bottom:none}.inventory-categories-table tbody tr:hover{background:#fffaff}.inventory-categories-name{align-items:center;gap:11px;display:flex}.inventory-categories-name-icon{background:#f7f;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.inventory-categories-name strong{font-size:13px;display:block}.inventory-categories-name span{color:#000;opacity:.45;margin-top:3px;font-size:10px;display:block}.inventory-categories-description{color:#000;opacity:.6;text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.inventory-categories-status{border-radius:20px;align-items:center;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.inventory-categories-status.active{color:#000;background:#ffe4ff}.inventory-categories-status.inactive{color:#000;opacity:.6;background:#f1f1f1}.inventory-categories-actions{gap:8px;display:flex}.inventory-categories-edit-btn,.inventory-categories-delete-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:700}.inventory-categories-edit-btn{color:#000;background:#f7f}.inventory-categories-delete-btn{color:#000;background:#f1f1f1}.inventory-categories-loading{flex-direction:column;justify-content:center;align-items:center;min-height:350px;display:flex}.inventory-categories-spinner{border:4px solid #eee;border-top-color:#f7f;border-radius:50%;width:43px;height:43px;animation:.8s linear infinite inventory-categories-spin}.inventory-categories-loading p{color:#000;opacity:.55;margin-top:14px}@keyframes inventory-categories-spin{to{transform:rotate(360deg)}}.inventory-categories-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:370px;padding:25px;display:flex}.inventory-categories-empty-icon{background:#f7f;border-radius:22px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:16px;font-size:28px;display:flex}.inventory-categories-empty h3{color:#000;margin:0}.inventory-categories-empty p{color:#000;opacity:.55;max-width:340px;margin:8px 0 18px;font-size:13px}.inventory-categories-empty button{color:#000;cursor:pointer;background:#f7f;border:none;border-radius:10px;padding:12px 16px;font-weight:700}.inventory-categories-modal-overlay{z-index:1000;box-sizing:border-box;background:#00000059;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.inventory-categories-modal{box-sizing:border-box;background:#fff;border-radius:20px;width:100%;max-width:540px;max-height:90vh;padding:24px;overflow-y:auto}.inventory-categories-modal-header{justify-content:space-between;gap:20px;margin-bottom:22px;display:flex}.inventory-categories-modal-tag{letter-spacing:1px;background:#f7f;border-radius:20px;margin-bottom:9px;padding:5px 10px;font-size:9px;font-weight:800;display:inline-block}.inventory-categories-modal-header h2{color:#000;margin:0;font-size:23px}.inventory-categories-modal-header p{color:#000;opacity:.55;margin:6px 0 0;font-size:12px}.inventory-categories-modal-close{cursor:pointer;background:#f2f2f2;border:none;border-radius:10px;width:38px;height:38px;font-size:23px;line-height:1}.inventory-categories-form{flex-direction:column;gap:18px;display:flex}.inventory-categories-field{flex-direction:column;gap:7px;display:flex}.inventory-categories-field label{color:#000;font-size:12px;font-weight:700}.inventory-categories-field input,.inventory-categories-field textarea{box-sizing:border-box;color:#000;background:#f6f6f6;border:none;border-radius:10px;outline:none;width:100%;padding:13px;font-family:inherit;font-size:13px}.inventory-categories-field input:focus,.inventory-categories-field textarea:focus{background:#fff0ff;box-shadow:0 0 0 3px #ff77ff2e}.inventory-categories-field textarea{resize:vertical}.inventory-categories-toggle{cursor:pointer;background:#f7f7f7;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;padding:15px;display:flex}.inventory-categories-toggle strong{color:#000;font-size:13px;display:block}.inventory-categories-toggle span{color:#000;opacity:.55;margin-top:4px;font-size:11px;display:block}.inventory-categories-toggle input{display:none}.inventory-categories-toggle i{background:#dcdcdc;border-radius:20px;flex-shrink:0;width:43px;height:24px;transition:all .2s;position:relative}.inventory-categories-toggle i:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px}.inventory-categories-toggle input:checked+i{background:#f7f}.inventory-categories-toggle input:checked+i:after{transform:translate(19px)}.inventory-categories-modal-actions{justify-content:flex-end;gap:10px;margin-top:5px;display:flex}.inventory-categories-cancel-btn,.inventory-categories-save-btn{cursor:pointer;border:none;border-radius:10px;padding:12px 17px;font-size:12px;font-weight:700}.inventory-categories-cancel-btn{color:#000;background:#f1f1f1}.inventory-categories-save-btn{color:#000;background:#f7f}.inventory-categories-cancel-btn:disabled,.inventory-categories-save-btn:disabled{opacity:.6;cursor:not-allowed}.inventory-categories-modal-error,.inventory-categories-modal-success{color:#000;background:#fff0ff;border-radius:10px;margin-bottom:15px;padding:11px 13px;font-size:12px}@media (width<=900px){.inventory-categories-stats{grid-template-columns:1fr}}@media (width<=700px){.inventory-categories-page{padding:16px}.inventory-categories-header{flex-direction:column;align-items:flex-start}.inventory-categories-header-actions{width:100%}.inventory-categories-header-actions button{flex:1}.inventory-categories-toolbar{flex-direction:column;align-items:stretch}.inventory-categories-search{max-width:none}.inventory-categories-count{white-space:normal}}@media (width<=500px){.inventory-categories-page{padding:12px}.inventory-categories-header h1{font-size:26px}.inventory-categories-modal-overlay{padding:10px}.inventory-categories-modal{border-radius:16px;padding:18px}.inventory-categories-modal-actions{flex-direction:column}.inventory-categories-cancel-btn,.inventory-categories-save-btn{width:100%}}.inventory-warehouses-page{box-sizing:border-box;color:#000;width:100%;padding:24px}.inventory-warehouses-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.inventory-warehouses-field select{color:#242424;cursor:pointer;appearance:none;background-color:#fff;background-image:linear-gradient(45deg,#0000 50%,#777 50%),linear-gradient(135deg,#777 50%,#0000 50%);background-position:calc(100% - 18px) 21px,calc(100% - 13px) 21px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border:1px solid #e4e4ea;border-radius:10px;outline:none;width:100%;min-height:48px;padding:0 42px 0 14px;font-size:14px;font-weight:500;transition:border-color .2s,box-shadow .2s,background-color .2s}.inventory-warehouses-field select:hover{background-color:#fdfdff;border-color:#cfcfd8}.inventory-warehouses-field select:focus{border-color:#be27ee;box-shadow:0 0 0 3px #be27ee1a}.inventory-warehouses-field select:disabled{color:#999;cursor:not-allowed;opacity:.75;background-color:#f5f5f7}.inventory-warehouses-field select option{color:#242424;background:#fff;padding:10px;font-size:14px}.inventory-warehouses-field select option[value=""]{color:#999}.inventory-warehouses-full select{min-height:50px}.inventory-warehouses-back-btn{color:#f7f;cursor:pointer;background:0 0;width:fit-content;margin:8px auto 14px 0;display:flex}.inventory-warehouses-back-btn:hover .inventory-warehouses-back-icon{transform:translate(-3px)}.inventory-warehouses-back-btn:active{transform:scale(.97)}.inventory-warehouses-tag,.inventory-warehouses-modal-tag{color:#f7f;letter-spacing:1px;box-sizing:border-box;background:#ff77ff1a;border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin-bottom:12px;padding:7px 11px;font-size:10px;font-weight:800;display:flex}.inventory-view-tag-arrow{color:#f7f;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:24px;padding:0;font-size:18px;line-height:1;transition:transform .2s;display:inline-flex}.inventory-warehouses-header h1{color:#000;margin:0;font-size:32px}.inventory-warehouses-header p{color:#000;opacity:.6;margin:8px 0 0;font-size:14px}.inventory-warehouses-header-actions{gap:10px;display:flex}.inventory-warehouses-refresh-btn,.inventory-warehouses-primary-btn{cursor:pointer;border:none;border-radius:10px;padding:12px 17px;font-size:13px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s}.inventory-warehouses-refresh-btn{color:#000;background:#f1f1f1}.inventory-warehouses-refresh-btn:hover{background:#e6e6e6}.inventory-warehouses-primary-btn{color:#000;background:#f7f}.inventory-warehouses-primary-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #ff77ff59}.inventory-warehouses-error,.inventory-warehouses-success{background:#fff;border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:14px;font-size:13px;display:flex;box-shadow:0 6px 25px #0000000d}.inventory-warehouses-error strong,.inventory-warehouses-success strong{background:#f7f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.inventory-warehouses-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px;display:grid}.inventory-warehouses-stat-card{background:#fff;border-radius:16px;align-items:center;gap:15px;padding:20px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 7px 25px #0000000d}.inventory-warehouses-stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00000014}.inventory-warehouses-stat-icon{background:#f7f;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:800;display:flex}.inventory-warehouses-stat-card span{color:#000;opacity:.55;font-size:12px;display:block}.inventory-warehouses-stat-card strong{color:#000;margin-top:4px;font-size:25px;display:block}.inventory-warehouses-toolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.inventory-warehouses-search{background:#fff;border-radius:12px;align-items:center;gap:10px;width:100%;max-width:400px;padding:12px 14px;transition:box-shadow .2s;display:flex;box-shadow:0 5px 20px #0000000a}.inventory-warehouses-search:focus-within{box-shadow:0 0 0 3px #ff77ff2e}.inventory-warehouses-search span{font-size:18px}.inventory-warehouses-search input{color:#000;background:0 0;border:none;outline:none;width:100%;font-size:13px}.inventory-warehouses-count{color:#000;opacity:.55;white-space:nowrap;font-size:12px}.inventory-warehouses-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px;display:grid}.inventory-warehouse-card{background:#fff;border-radius:18px;padding:20px;transition:transform .18s,box-shadow .18s;box-shadow:0 8px 30px #0000000d}.inventory-warehouse-card:hover{transform:translateY(-3px);box-shadow:0 12px 36px #00000017}.inventory-warehouse-card-top{justify-content:space-between;align-items:center;display:flex}.inventory-warehouse-icon{background:#f7f;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex}.inventory-warehouse-status{border-radius:20px;padding:6px 10px;font-size:10px;font-weight:800}.inventory-warehouse-status.active{color:#000;background:#ffe4ff}.inventory-warehouse-status.inactive{color:#000;opacity:.6;background:#f1f1f1}.inventory-warehouse-title{margin-top:18px}.inventory-warehouse-title h3{color:#000;margin:0;font-size:18px}.inventory-warehouse-title span{color:#000;opacity:.7;background:#f4f4f4;border-radius:7px;margin-top:6px;padding:5px 9px;font-size:10px;display:inline-block}.inventory-warehouse-info{flex-direction:column;gap:12px;margin-top:18px;display:flex}.inventory-warehouse-info div{flex-direction:column;gap:4px;display:flex}.inventory-warehouse-info strong{color:#000;opacity:.45;text-transform:uppercase;font-size:10px}.inventory-warehouse-info span{color:#000;font-size:12px}.inventory-warehouse-address{color:#000;opacity:.7;background:#fff5ff;border-radius:10px;margin-top:16px;padding:11px;font-size:11px}.inventory-warehouse-card-actions{gap:10px;margin-top:20px;display:flex}.inventory-warehouse-edit-btn,.inventory-warehouse-delete-btn{cursor:pointer;border:none;border-radius:10px;padding:11px 13px;font-size:11px;font-weight:700;transition:background .15s,transform .15s}.inventory-warehouse-edit-btn{color:#000;background:#f7f;flex:1}.inventory-warehouse-edit-btn:hover{background:#ff5cff}.inventory-warehouse-delete-btn{color:#000;background:#f1f1f1}.inventory-warehouse-delete-btn:hover{color:#c40000;background:#ffdada}.inventory-warehouses-loading,.inventory-warehouses-empty{text-align:center;background:#fff;border-radius:18px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:350px;display:flex}.inventory-warehouses-spinner{border:4px solid #eee;border-top-color:#f7f;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite inventory-warehouses-spin}.inventory-warehouses-loading p{color:#000;opacity:.55;margin-top:15px}@keyframes inventory-warehouses-spin{to{transform:rotate(360deg)}}.inventory-warehouses-empty-icon{background:#f7f;border-radius:22px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:16px;font-size:30px;display:flex}.inventory-warehouses-empty h3{color:#000;margin:0}.inventory-warehouses-empty p{color:#000;opacity:.55;max-width:360px;margin:8px 0 18px;font-size:13px}.inventory-warehouses-empty button{color:#000;cursor:pointer;background:#f7f;border:none;border-radius:10px;padding:12px 17px;font-weight:700;transition:transform .15s}.inventory-warehouses-empty button:hover{transform:translateY(-1px)}.inventory-warehouses-modal-overlay{z-index:1000;box-sizing:border-box;background:#00000059;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.inventory-warehouses-modal{box-sizing:border-box;background:#fff;border-radius:20px;width:100%;max-width:720px;max-height:90vh;padding:24px;overflow-y:auto}.inventory-warehouses-modal-header{justify-content:space-between;gap:20px;margin-bottom:22px;display:flex}.inventory-warehouses-modal-header h2{color:#000;margin:0;font-size:23px}.inventory-warehouses-modal-header p{color:#000;opacity:.55;margin:6px 0 0;font-size:12px}.inventory-warehouses-modal-close{cursor:pointer;background:#f2f2f2;border:none;border-radius:10px;width:38px;height:38px;font-size:23px;line-height:1;transition:background .15s}.inventory-warehouses-modal-close:hover{color:#c40000;background:#ffdada}.inventory-warehouses-form{flex-direction:column;gap:20px;display:flex}.inventory-warehouses-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.inventory-warehouses-full{grid-column:1/-1}.inventory-warehouses-field{flex-direction:column;gap:7px;display:flex}.inventory-warehouses-field label{color:#000;font-size:12px;font-weight:700}.inventory-warehouses-field input{box-sizing:border-box;color:#000;background:#f6f6f6;border:none;border-radius:10px;outline:none;width:100%;padding:13px;font-family:inherit;font-size:13px;transition:background .15s,box-shadow .15s}.inventory-warehouses-field input:focus{background:#fff0ff;box-shadow:0 0 0 3px #ff77ff2e}.inventory-warehouses-toggle{cursor:pointer;background:#f7f7f7;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;padding:15px;display:flex}.inventory-warehouses-toggle strong{color:#000;font-size:13px;display:block}.inventory-warehouses-toggle span{color:#000;opacity:.55;margin-top:4px;font-size:11px;display:block}.inventory-warehouses-toggle input{display:none}.inventory-warehouses-toggle i{background:#ddd;border-radius:20px;flex-shrink:0;width:43px;height:24px;transition:all .2s;position:relative}.inventory-warehouses-toggle i:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px}.inventory-warehouses-toggle input:checked+i{background:#f7f}.inventory-warehouses-toggle input:checked+i:after{transform:translate(19px)}.inventory-warehouses-modal-actions{justify-content:flex-end;gap:10px;display:flex}.inventory-warehouses-cancel-btn,.inventory-warehouses-save-btn{cursor:pointer;border:none;border-radius:10px;padding:12px 18px;font-size:12px;font-weight:700;transition:background .15s,transform .15s}.inventory-warehouses-cancel-btn{color:#000;background:#f1f1f1}.inventory-warehouses-cancel-btn:hover{background:#e6e6e6}.inventory-warehouses-save-btn{color:#000;background:#f7f}.inventory-warehouses-save-btn:hover{background:#ff5cff}.inventory-warehouses-cancel-btn:disabled,.inventory-warehouses-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.inventory-warehouses-modal-error{color:#000;background:#fff0ff;border-radius:10px;margin-bottom:15px;padding:11px 13px;font-size:12px}@media (width<=900px){.inventory-warehouses-stats{grid-template-columns:1fr}}@media (width<=700px){.inventory-warehouses-page{padding:16px}.inventory-warehouses-header{flex-direction:column;align-items:flex-start}.inventory-warehouses-header-actions{width:100%}.inventory-warehouses-header-actions button{flex:1}.inventory-warehouses-toolbar{flex-direction:column;align-items:stretch}.inventory-warehouses-search{max-width:none}.inventory-warehouses-form-grid{grid-template-columns:1fr}.inventory-warehouses-full{grid-column:auto}}@media (width<=500px){.inventory-warehouses-page{padding:12px}.inventory-warehouses-header h1{font-size:26px}.inventory-warehouses-modal-overlay{padding:10px}.inventory-warehouses-modal{border-radius:16px;padding:18px}.inventory-warehouses-modal-actions{flex-direction:column}.inventory-warehouses-cancel-btn,.inventory-warehouses-save-btn{width:100%}.inventory-warehouse-card-actions{flex-direction:column}}.inventory-stock-page{box-sizing:border-box;color:#000;width:100%;padding:24px}.inventory-stock-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.inventory-stock-tag{letter-spacing:1px;background:#f7f;border-radius:20px;margin-bottom:12px;padding:6px 11px;font-size:10px;font-weight:800;display:inline-block}.inventory-stock-header h1{color:#000;margin:0;font-size:32px}.inventory-stock-header p{color:#000;opacity:.6;margin:8px 0 0;font-size:14px}.inventory-stock-header-actions{gap:10px;display:flex}.inventory-stock-refresh-btn,.inventory-stock-primary-btn{cursor:pointer;border:none;border-radius:10px;padding:12px 18px;font-size:13px;font-weight:700}.inventory-stock-refresh-btn{color:#000;background:#f1f1f1}.inventory-stock-primary-btn{color:#000;background:#f7f}.inventory-stock-error{background:#fff;border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:14px;font-size:13px;display:flex;box-shadow:0 6px 25px #0000000d}.inventory-stock-error strong{background:#f7f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.inventory-stock-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px;display:grid}.inventory-stock-stat-card{background:#fff;border-radius:16px;align-items:center;gap:14px;padding:19px;display:flex;box-shadow:0 7px 25px #0000000d}.inventory-stock-stat-icon{background:#f7f;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:47px;height:47px;font-size:19px;font-weight:800;display:flex}.inventory-stock-stat-card span{color:#000;opacity:.55;font-size:11px;display:block}.inventory-stock-stat-card strong{color:#000;margin-top:5px;font-size:22px;display:block}.inventory-stock-warning-card{background:#fffaff}.inventory-stock-danger-card{background:#fff5ff}.inventory-stock-toolbar{align-items:center;gap:15px;margin-bottom:18px;display:flex}.inventory-stock-search{background:#fff;border-radius:12px;flex:1;align-items:center;gap:10px;padding:13px 15px;display:flex;box-shadow:0 5px 20px #0000000a}.inventory-stock-search span{font-size:18px}.inventory-stock-search input{color:#000;background:0 0;border:none;outline:none;width:100%;font-size:13px}.inventory-stock-select{color:#000;cursor:pointer;background:#fff;border:none;border-radius:12px;outline:none;min-width:200px;padding:13px 15px;box-shadow:0 5px 20px #0000000a}.inventory-stock-summary{justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;display:flex}.inventory-stock-summary>div:first-child{align-items:center;gap:7px;display:flex}.inventory-stock-summary strong{color:#000;font-size:14px}.inventory-stock-summary span{color:#000;opacity:.55;font-size:12px}.inventory-stock-legend{align-items:center;gap:15px;display:flex}.inventory-stock-legend span{align-items:center;gap:6px;display:flex}.inventory-stock-legend i{border-radius:50%;width:9px;height:9px;display:inline-block}.inventory-stock-normal-dot{background:#f7f}.inventory-stock-low-dot{background:#ffd1ff}.inventory-stock-out-dot{background:#eee}.inventory-stock-table-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px #0000000d}.inventory-stock-table-wrapper{width:100%;overflow-x:auto}.inventory-stock-table{border-collapse:collapse;width:100%;min-width:1100px}.inventory-stock-table th,.inventory-stock-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #f1f1f1;padding:15px}.inventory-stock-table th{color:#000;opacity:.55;text-transform:uppercase;letter-spacing:.3px;background:#fafafa;font-size:11px}.inventory-stock-table td{color:#000;font-size:12px}.inventory-stock-table tbody tr:hover{background:#fff9ff}.inventory-stock-product{align-items:center;gap:10px;display:flex}.inventory-stock-product-icon{background:#f7f;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.inventory-stock-product strong{font-size:12px}.inventory-stock-warehouse{background:#f3f3f3;border-radius:7px;padding:6px 9px;font-size:11px;display:inline-block}.inventory-stock-status{border-radius:20px;padding:6px 10px;font-size:10px;font-weight:700;display:inline-block}.inventory-stock-status.normal{color:#000;background:#ffe5ff}.inventory-stock-status.low{color:#000;background:#fff2ff}.inventory-stock-status.out{color:#000;background:#f0f0f0}.inventory-stock-row-low{background:#fffaff}.inventory-stock-row-out{background:#fff7ff}.inventory-stock-empty,.inventory-stock-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.inventory-stock-empty-icon{background:#f7f;border-radius:22px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:16px;font-size:30px;display:flex}.inventory-stock-empty h3{color:#000;margin:0}.inventory-stock-empty p{color:#000;opacity:.55;margin:8px 0 0;font-size:13px}.inventory-stock-spinner{border:4px solid #eee;border-top-color:#f7f;border-radius:50%;width:45px;height:45px;animation:.8s linear infinite inventory-stock-spin}.inventory-stock-loading p{color:#000;opacity:.55;margin-top:15px}@keyframes inventory-stock-spin{to{transform:rotate(360deg)}}@media (width<=1000px){.inventory-stock-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.inventory-stock-page{padding:16px}.inventory-stock-header{flex-direction:column;align-items:flex-start}.inventory-stock-header-actions{width:100%}.inventory-stock-header-actions button{flex:1}.inventory-stock-toolbar{flex-direction:column;align-items:stretch}.inventory-stock-select{width:100%}.inventory-stock-summary{flex-direction:column;align-items:flex-start}.inventory-stock-legend{flex-wrap:wrap}}@media (width<=500px){.inventory-stock-page{padding:12px}.inventory-stock-header h1{font-size:26px}.inventory-stock-stats{grid-template-columns:1fr}.inventory-stock-stat-card{padding:17px}.inventory-stock-legend{gap:10px}}.inventory-stockin-page{box-sizing:border-box;color:#000;width:100%;padding:24px}.inventory-stockin-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.inventory-stockin-tag{letter-spacing:1px;background:#f7f;border-radius:20px;margin-bottom:12px;padding:6px 12px;font-size:10px;font-weight:800;display:inline-block}.inventory-stockin-header h1{color:#000;margin:0;font-size:32px}.inventory-stockin-header p{color:#000;opacity:.55;margin:8px 0 0;font-size:14px}.inventory-stockin-back-btn{color:#000;cursor:pointer;background:#f2f2f2;border:none;border-radius:10px;padding:12px 17px;font-weight:600}.inventory-stockin-layout{grid-template-columns:minmax(0,2fr) minmax(280px,.8fr);gap:22px;display:grid}.inventory-stockin-card,.inventory-stockin-info-card{background:#fff;border-radius:18px;padding:25px;box-shadow:0 8px 30px #0000000d}.inventory-stockin-card-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.inventory-stockin-card-header h2{margin:0;font-size:21px}.inventory-stockin-card-header p{color:#000;opacity:.55;margin:7px 0 0;font-size:13px}.inventory-stockin-icon{background:#f7f;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.inventory-stockin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.inventory-stockin-field{flex-direction:column;gap:8px;display:flex}.inventory-stockin-field label{font-size:12px;font-weight:700}.inventory-stockin-field input,.inventory-stockin-field select,.inventory-stockin-field textarea{box-sizing:border-box;color:#000;background:#f7f7f7;border:none;border-radius:10px;outline:none;width:100%;padding:13px 14px;font-size:13px}.inventory-stockin-field textarea{resize:vertical}.inventory-stockin-field input:focus,.inventory-stockin-field select:focus,.inventory-stockin-field textarea:focus{background:#fff4ff;box-shadow:0 0 0 3px #f7f3}.inventory-stockin-full-field{margin-top:18px}.inventory-stockin-actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.inventory-stockin-cancel-btn,.inventory-stockin-submit-btn{cursor:pointer;border:none;border-radius:10px;padding:13px 20px;font-weight:700}.inventory-stockin-cancel-btn{color:#000;background:#f2f2f2}.inventory-stockin-submit-btn{color:#000;background:#f7f}.inventory-stockin-submit-btn:disabled{opacity:.6;cursor:not-allowed}.inventory-stockin-error,.inventory-stockin-success{border-radius:10px;margin-bottom:18px;padding:13px;font-size:13px}.inventory-stockin-error{color:#000;background:#f5f5f5}.inventory-stockin-success{color:#000;background:#ffe5ff}.inventory-stockin-info-icon{background:#f7f;border-radius:14px;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;font-weight:800;display:flex}.inventory-stockin-info-card h3{margin:18px 0 10px}.inventory-stockin-info-card p{color:#000;opacity:.55;font-size:13px;line-height:1.7}.inventory-stockin-info-list{flex-direction:column;gap:13px;margin-top:25px;display:flex}.inventory-stockin-info-list div{align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.inventory-stockin-info-list span{background:#f7f;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;display:flex}.inventory-stockin-loading{color:#000;opacity:.6;justify-content:center;align-items:center;min-height:400px;display:flex}@media (width<=950px){.inventory-stockin-layout{grid-template-columns:1fr}}@media (width<=650px){.inventory-stockin-page{padding:15px}.inventory-stockin-header{flex-direction:column;align-items:flex-start}.inventory-stockin-back-btn{width:100%}.inventory-stockin-form-grid{grid-template-columns:1fr}}@media (width<=450px){.inventory-stockin-actions{flex-direction:column}.inventory-stockin-cancel-btn,.inventory-stockin-submit-btn{width:100%}}.inventory-stockout-page{box-sizing:border-box;color:#000;width:100%;padding:24px}.inventory-stockout-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.inventory-stockout-tag{letter-spacing:1px;background:#f7f;border-radius:20px;margin-bottom:12px;padding:6px 12px;font-size:10px;font-weight:800;display:inline-block}.inventory-stockout-header h1{color:#000;margin:0;font-size:32px}.inventory-stockout-header p{color:#000;opacity:.55;margin:8px 0 0;font-size:14px}.inventory-stockout-back-btn{color:#000;cursor:pointer;background:#f2f2f2;border:none;border-radius:10px;padding:12px 17px;font-weight:600}.inventory-stockout-layout{grid-template-columns:minmax(0,2fr) minmax(280px,.8fr);gap:22px;display:grid}.inventory-stockout-card,.inventory-stockout-info-card{background:#fff;border-radius:18px;padding:25px;box-shadow:0 8px 30px #0000000d}.inventory-stockout-card-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.inventory-stockout-card-header h2{margin:0;font-size:21px}.inventory-stockout-card-header p{color:#000;opacity:.55;margin:7px 0 0;font-size:13px}.inventory-stockout-icon{background:#f7f;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.inventory-stockout-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.inventory-stockout-field{flex-direction:column;gap:8px;display:flex}.inventory-stockout-field label{font-size:12px;font-weight:700}.inventory-stockout-field input,.inventory-stockout-field select,.inventory-stockout-field textarea{box-sizing:border-box;color:#000;background:#f7f7f7;border:none;border-radius:10px;outline:none;width:100%;padding:13px 14px;font-size:13px}.inventory-stockout-field textarea{resize:vertical}.inventory-stockout-field input:focus,.inventory-stockout-field select:focus,.inventory-stockout-field textarea:focus{background:#fff4ff;box-shadow:0 0 0 3px #f7f3}.inventory-stockout-full-field{margin-top:18px}.inventory-stockout-actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.inventory-stockout-cancel-btn,.inventory-stockout-submit-btn{cursor:pointer;border:none;border-radius:10px;padding:13px 20px;font-weight:700}.inventory-stockout-cancel-btn{color:#000;background:#f2f2f2}.inventory-stockout-submit-btn{color:#000;background:#f7f}.inventory-stockout-submit-btn:disabled{opacity:.6;cursor:not-allowed}.inventory-stockout-error,.inventory-stockout-success{border-radius:10px;margin-bottom:18px;padding:13px;font-size:13px}.inventory-stockout-error{color:#000;background:#f5f5f5}.inventory-stockout-success{color:#000;background:#ffe5ff}.inventory-stockout-info-icon{background:#f7f;border-radius:14px;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;font-weight:800;display:flex}.inventory-stockout-info-card h3{margin:18px 0 10px}.inventory-stockout-info-card p{color:#000;opacity:.55;font-size:13px;line-height:1.7}.inventory-stockout-info-list{flex-direction:column;gap:13px;margin-top:25px;display:flex}.inventory-stockout-info-list div{align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.inventory-stockout-info-list span{background:#f7f;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;display:flex}.inventory-stockout-loading{color:#000;opacity:.6;justify-content:center;align-items:center;min-height:400px;display:flex}@media (width<=950px){.inventory-stockout-layout{grid-template-columns:1fr}}@media (width<=650px){.inventory-stockout-page{padding:15px}.inventory-stockout-header{flex-direction:column;align-items:flex-start}.inventory-stockout-back-btn{width:100%}.inventory-stockout-form-grid{grid-template-columns:1fr}}@media (width<=450px){.inventory-stockout-actions{flex-direction:column}.inventory-stockout-cancel-btn,.inventory-stockout-submit-btn{width:100%}}.inventory-transfer-page{box-sizing:border-box;color:#000;width:100%;padding:24px}.inventory-transfer-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.inventory-transfer-tag{letter-spacing:1px;background:#f7f;border-radius:20px;margin-bottom:12px;padding:6px 12px;font-size:10px;font-weight:800;display:inline-block}.inventory-transfer-header h1{margin:0;font-size:32px}.inventory-transfer-header p{opacity:.55;margin:8px 0 0;font-size:14px}.inventory-transfer-refresh-btn{color:#000;cursor:pointer;background:#f2f2f2;border:none;border-radius:10px;padding:12px 18px;font-weight:700}.inventory-transfer-main-grid{grid-template-columns:minmax(0,2fr) minmax(280px,.8fr);gap:22px;margin-bottom:24px;display:grid}.inventory-transfer-form-card,.inventory-transfer-info-card,.inventory-transfer-history-card{background:#fff;border-radius:18px;padding:25px;box-shadow:0 8px 30px #0000000d}.inventory-transfer-card-heading{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.inventory-transfer-card-heading h2,.inventory-transfer-history-header h2{margin:0;font-size:21px}.inventory-transfer-card-heading p,.inventory-transfer-history-header p{opacity:.55;margin:7px 0 0;font-size:13px}.inventory-transfer-icon{background:#f7f;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:23px;display:flex}.inventory-transfer-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.inventory-transfer-field{flex-direction:column;gap:8px;display:flex}.inventory-transfer-full{grid-column:1/-1}.inventory-transfer-field label{font-size:12px;font-weight:700}.inventory-transfer-field input,.inventory-transfer-field select,.inventory-transfer-field textarea{box-sizing:border-box;color:#000;background:#f7f7f7;border:none;border-radius:10px;outline:none;width:100%;padding:13px 14px;font-size:13px}.inventory-transfer-field input:focus,.inventory-transfer-field select:focus,.inventory-transfer-field textarea:focus{background:#fff4ff;box-shadow:0 0 0 3px #f7f3}.inventory-transfer-field textarea{resize:vertical}.inventory-transfer-notes{margin-top:18px}.inventory-transfer-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.inventory-transfer-cancel-btn,.inventory-transfer-submit-btn{cursor:pointer;border:none;border-radius:10px;padding:13px 20px;font-weight:700}.inventory-transfer-cancel-btn{color:#000;background:#f2f2f2}.inventory-transfer-submit-btn{color:#000;background:#f7f}.inventory-transfer-submit-btn:disabled{opacity:.6;cursor:not-allowed}.inventory-transfer-info-icon{background:#f7f;border-radius:14px;justify-content:center;align-items:center;width:45px;height:45px;font-size:22px;display:flex}.inventory-transfer-info-card h3{margin:18px 0 10px}.inventory-transfer-info-card p{opacity:.55;font-size:13px;line-height:1.7}.inventory-transfer-steps{flex-direction:column;gap:14px;margin-top:25px;display:flex}.inventory-transfer-steps div{align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.inventory-transfer-steps span{background:#f7f;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;display:flex}.inventory-transfer-history-card{margin-top:10px}.inventory-transfer-history-header{margin-bottom:20px}.inventory-transfer-table-wrapper{width:100%;overflow-x:auto}.inventory-transfer-table{border-collapse:collapse;width:100%;min-width:750px}.inventory-transfer-table th,.inventory-transfer-table td{text-align:left;border-bottom:1px solid #eee;padding:14px}.inventory-transfer-table th{opacity:.65;background:#fafafa;font-size:12px}.inventory-transfer-table td{font-size:13px}.inventory-transfer-status{background:#ffe5ff;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-block}.inventory-transfer-empty{text-align:center;opacity:.55;padding:40px}.inventory-transfer-error,.inventory-transfer-success{border-radius:10px;margin-bottom:18px;padding:13px;font-size:13px}.inventory-transfer-error{background:#f5f5f5}.inventory-transfer-success{background:#ffe5ff}.inventory-transfer-loading{opacity:.6;justify-content:center;align-items:center;min-height:400px;display:flex}@media (width<=950px){.inventory-transfer-main-grid{grid-template-columns:1fr}}@media (width<=650px){.inventory-transfer-page{padding:15px}.inventory-transfer-header{flex-direction:column;align-items:flex-start}.inventory-transfer-refresh-btn{width:100%}.inventory-transfer-form-grid{grid-template-columns:1fr}.inventory-transfer-full{grid-column:auto}}@media (width<=450px){.inventory-transfer-actions{flex-direction:column}.inventory-transfer-cancel-btn,.inventory-transfer-submit-btn{width:100%}}.inventory-adjustment-page{box-sizing:border-box;color:#000;width:100%;padding:24px}.inventory-adjustment-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.inventory-adjustment-tag{letter-spacing:1px;background:#f7f;border-radius:20px;margin-bottom:12px;padding:6px 12px;font-size:10px;font-weight:800;display:inline-block}.inventory-adjustment-header h1{margin:0;font-size:32px}.inventory-adjustment-header p{opacity:.55;margin:8px 0 0;font-size:14px}.inventory-adjustment-refresh-btn{color:#000;cursor:pointer;background:#f2f2f2;border:none;border-radius:10px;padding:12px 18px;font-weight:700}.inventory-adjustment-main-grid{grid-template-columns:minmax(0,2fr) minmax(280px,.8fr);gap:22px;margin-bottom:24px;display:grid}.inventory-adjustment-form-card,.inventory-adjustment-info-card,.inventory-adjustment-history-card{background:#fff;border-radius:18px;padding:25px;box-shadow:0 8px 30px #0000000d}.inventory-adjustment-card-heading{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.inventory-adjustment-card-heading h2,.inventory-adjustment-history-header h2{margin:0;font-size:21px}.inventory-adjustment-card-heading p,.inventory-adjustment-history-header p{opacity:.55;margin:7px 0 0;font-size:13px}.inventory-adjustment-icon{background:#f7f;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:23px;display:flex}.inventory-adjustment-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.inventory-adjustment-field{flex-direction:column;gap:8px;display:flex}.inventory-adjustment-full{grid-column:1/-1}.inventory-adjustment-field label{font-size:12px;font-weight:700}.inventory-adjustment-field input,.inventory-adjustment-field select,.inventory-adjustment-field textarea{box-sizing:border-box;color:#000;background:#f7f7f7;border:none;border-radius:10px;outline:none;width:100%;padding:13px 14px;font-size:13px}.inventory-adjustment-field input:focus,.inventory-adjustment-field select:focus,.inventory-adjustment-field textarea:focus{background:#fff4ff;box-shadow:0 0 0 3px #f7f3}.inventory-adjustment-field textarea{resize:vertical}.inventory-adjustment-notes{margin-top:18px}.inventory-adjustment-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.inventory-adjustment-cancel-btn,.inventory-adjustment-submit-btn{cursor:pointer;border:none;border-radius:10px;padding:13px 20px;font-weight:700}.inventory-adjustment-cancel-btn{color:#000;background:#f2f2f2}.inventory-adjustment-submit-btn{color:#000;background:#f7f}.inventory-adjustment-submit-btn:disabled{opacity:.6;cursor:not-allowed}.inventory-adjustment-info-icon{background:#f7f;border-radius:14px;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;font-weight:800;display:flex}.inventory-adjustment-info-card h3{margin:18px 0 10px}.inventory-adjustment-info-card>p{opacity:.55;font-size:13px;line-height:1.7}.inventory-adjustment-types{flex-direction:column;gap:15px;margin-top:25px;display:flex}.inventory-adjustment-types>div{background:#fafafa;border-radius:12px;align-items:flex-start;gap:12px;padding:14px;display:flex}.inventory-adjustment-types span{background:#f7f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-weight:800;display:flex}.inventory-adjustment-types strong{font-size:13px}.inventory-adjustment-types p{opacity:.55;margin:5px 0 0;font-size:12px}.inventory-adjustment-history-card{margin-top:10px}.inventory-adjustment-history-header{margin-bottom:20px}.inventory-adjustment-table-wrapper{width:100%;overflow-x:auto}.inventory-adjustment-table{border-collapse:collapse;width:100%;min-width:750px}.inventory-adjustment-table th,.inventory-adjustment-table td{text-align:left;border-bottom:1px solid #eee;padding:14px}.inventory-adjustment-table th{opacity:.65;background:#fafafa;font-size:12px}.inventory-adjustment-table td{font-size:13px}.inventory-adjustment-type-badge{text-transform:capitalize;background:#ffe5ff;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-block}.inventory-adjustment-empty{text-align:center;opacity:.55;padding:40px}.inventory-adjustment-error,.inventory-adjustment-success{border-radius:10px;margin-bottom:18px;padding:13px;font-size:13px}.inventory-adjustment-error{background:#f5f5f5}.inventory-adjustment-success{background:#ffe5ff}.inventory-adjustment-loading{opacity:.6;justify-content:center;align-items:center;min-height:400px;display:flex}@media (width<=950px){.inventory-adjustment-main-grid{grid-template-columns:1fr}}@media (width<=650px){.inventory-adjustment-page{padding:15px}.inventory-adjustment-header{flex-direction:column;align-items:flex-start}.inventory-adjustment-refresh-btn{width:100%}.inventory-adjustment-form-grid{grid-template-columns:1fr}.inventory-adjustment-full{grid-column:auto}}@media (width<=450px){.inventory-adjustment-actions{flex-direction:column}.inventory-adjustment-cancel-btn,.inventory-adjustment-submit-btn{width:100%}}.inventory-reservation-page{box-sizing:border-box;color:#000;width:100%;padding:24px}.inventory-reservation-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.inventory-reservation-tag{letter-spacing:1px;background:#f7f;border-radius:20px;margin-bottom:12px;padding:6px 12px;font-size:10px;font-weight:800;display:inline-block}.inventory-reservation-header h1{margin:0;font-size:32px}.inventory-reservation-header p{opacity:.55;margin:8px 0 0;font-size:14px}.inventory-reservation-refresh-btn{color:#000;cursor:pointer;background:#f2f2f2;border:none;border-radius:10px;padding:12px 18px;font-weight:700}.inventory-reservation-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.inventory-reservation-stat-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 28px #0000000d}.inventory-reservation-stat-card span{opacity:.55;font-size:12px;display:block}.inventory-reservation-stat-card strong{margin:10px 0 6px;font-size:30px;display:block}.inventory-reservation-stat-card small{opacity:.45;font-size:11px}.inventory-reservation-main-grid{grid-template-columns:minmax(0,2fr) minmax(280px,.8fr);gap:22px;margin-bottom:24px;display:grid}.inventory-reservation-form-card,.inventory-reservation-info-card,.inventory-reservation-history-card{background:#fff;border-radius:18px;padding:25px;box-shadow:0 8px 30px #0000000d}.inventory-reservation-card-heading{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.inventory-reservation-card-heading h2,.inventory-reservation-history-header h2{margin:0;font-size:21px}.inventory-reservation-card-heading p,.inventory-reservation-history-header p{opacity:.55;margin:7px 0 0;font-size:13px}.inventory-reservation-icon,.inventory-reservation-info-icon{background:#f7f;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.inventory-reservation-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.inventory-reservation-field{flex-direction:column;gap:8px;display:flex}.inventory-reservation-field label{font-size:12px;font-weight:700}.inventory-reservation-field input,.inventory-reservation-field select,.inventory-reservation-field textarea{box-sizing:border-box;color:#000;background:#f7f7f7;border:none;border-radius:10px;outline:none;width:100%;padding:13px 14px;font-size:13px}.inventory-reservation-field input:focus,.inventory-reservation-field select:focus,.inventory-reservation-field textarea:focus{background:#fff4ff;box-shadow:0 0 0 3px #f7f3}.inventory-reservation-available-box{background:#fff0ff;border-radius:12px;justify-content:space-between;align-items:center;margin-top:18px;padding:15px;display:flex}.inventory-reservation-available-box span{font-size:13px;font-weight:600}.inventory-reservation-available-box strong{font-size:22px}.inventory-reservation-notes{margin-top:18px}.inventory-reservation-field textarea{resize:vertical}.inventory-reservation-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.inventory-reservation-clear-btn,.inventory-reservation-submit-btn{cursor:pointer;border:none;border-radius:10px;padding:13px 20px;font-weight:700}.inventory-reservation-clear-btn{color:#000;background:#f2f2f2}.inventory-reservation-submit-btn{color:#000;background:#f7f}.inventory-reservation-submit-btn:disabled{opacity:.6;cursor:not-allowed}.inventory-reservation-info-card h3{margin:18px 0 10px}.inventory-reservation-info-card>p{opacity:.55;font-size:13px;line-height:1.7}.inventory-reservation-info-steps{flex-direction:column;gap:14px;margin-top:25px;display:flex}.inventory-reservation-info-steps div{align-items:center;gap:12px;font-size:13px;font-weight:600;display:flex}.inventory-reservation-info-steps span{background:#f7f;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:10px;display:flex}.inventory-reservation-history-card{margin-top:10px}.inventory-reservation-history-header{margin-bottom:20px}.inventory-reservation-table-wrapper{width:100%;overflow-x:auto}.inventory-reservation-table{border-collapse:collapse;width:100%;min-width:720px}.inventory-reservation-table th,.inventory-reservation-table td{text-align:left;border-bottom:1px solid #eee;padding:14px}.inventory-reservation-table th{opacity:.6;background:#fafafa;font-size:12px}.inventory-reservation-table td{font-size:13px}.inventory-reservation-status{background:#ffe5ff;border-radius:20px;padding:6px 11px;font-size:11px;font-weight:700;display:inline-block}.inventory-reservation-empty{text-align:center;opacity:.55;padding:40px}.inventory-reservation-error,.inventory-reservation-success{border-radius:10px;margin-bottom:18px;padding:13px;font-size:13px}.inventory-reservation-error{background:#f5f5f5}.inventory-reservation-success{background:#ffe5ff}.inventory-reservation-loading{opacity:.6;justify-content:center;align-items:center;min-height:400px;display:flex}@media (width<=1100px){.inventory-reservation-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=950px){.inventory-reservation-main-grid{grid-template-columns:1fr}}@media (width<=650px){.inventory-reservation-page{padding:15px}.inventory-reservation-header{flex-direction:column;align-items:flex-start}.inventory-reservation-refresh-btn{width:100%}.inventory-reservation-stats,.inventory-reservation-form-grid{grid-template-columns:1fr}.inventory-reservation-actions{flex-direction:column}.inventory-reservation-clear-btn,.inventory-reservation-submit-btn{width:100%}}.inventory-count-page{box-sizing:border-box;color:#000;width:100%;padding:24px}.inventory-count-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.inventory-count-tag{letter-spacing:1px;background:#f7f;border-radius:20px;margin-bottom:12px;padding:6px 12px;font-size:10px;font-weight:800;display:inline-block}.inventory-count-header h1{margin:0;font-size:32px}.inventory-count-header p{opacity:.55;margin:8px 0 0;font-size:14px}.inventory-count-refresh-btn{color:#000;cursor:pointer;background:#f2f2f2;border:none;border-radius:10px;padding:12px 18px;font-weight:700}.inventory-count-main-grid{grid-template-columns:minmax(0,2fr) minmax(280px,.8fr);gap:22px;margin-bottom:24px;display:grid}.inventory-count-form-card,.inventory-count-info-card,.inventory-count-history-card{background:#fff;border-radius:18px;padding:25px;box-shadow:0 8px 30px #0000000d}.inventory-count-card-heading{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.inventory-count-card-heading h2,.inventory-count-history-header h2{margin:0;font-size:21px}.inventory-count-card-heading p,.inventory-count-history-header p{opacity:.55;margin:7px 0 0;font-size:13px}.inventory-count-icon,.inventory-count-info-icon{background:#f7f;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;font-weight:800;display:flex}.inventory-count-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.inventory-count-field{flex-direction:column;gap:8px;display:flex}.inventory-count-field label{font-size:12px;font-weight:700}.inventory-count-field input,.inventory-count-field select,.inventory-count-field textarea{box-sizing:border-box;color:#000;background:#f7f7f7;border:none;border-radius:10px;outline:none;width:100%;padding:13px 14px;font-size:13px}.inventory-count-field input:focus,.inventory-count-field select:focus,.inventory-count-field textarea:focus{background:#fff4ff;box-shadow:0 0 0 3px #f7f3}.inventory-count-field textarea{resize:vertical}.inventory-count-difference{border-radius:12px;justify-content:space-between;align-items:center;margin-top:18px;padding:16px;display:flex}.inventory-count-difference span{font-size:13px;font-weight:700}.inventory-count-difference strong{font-size:24px}.inventory-count-match{background:#f3f3f3}.inventory-count-mismatch{background:#ffe5ff}.inventory-count-notes{margin-top:18px}.inventory-count-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.inventory-count-clear-btn,.inventory-count-submit-btn{cursor:pointer;border:none;border-radius:10px;padding:13px 20px;font-weight:700}.inventory-count-clear-btn{color:#000;background:#f2f2f2}.inventory-count-submit-btn{color:#000;background:#f7f}.inventory-count-submit-btn:disabled{opacity:.6;cursor:not-allowed}.inventory-count-info-card h3{margin:18px 0 10px}.inventory-count-info-card>p{opacity:.55;font-size:13px;line-height:1.7}.inventory-count-info-box{background:#fafafa;border-radius:12px;margin-top:13px;padding:15px}.inventory-count-info-box span{opacity:.5;margin-bottom:7px;font-size:11px;display:block}.inventory-count-info-box strong{font-size:12px}.inventory-count-history-card{margin-top:10px}.inventory-count-history-header{margin-bottom:20px}.inventory-count-table-wrapper{width:100%;overflow-x:auto}.inventory-count-table{border-collapse:collapse;width:100%;min-width:720px}.inventory-count-table th,.inventory-count-table td{text-align:left;border-bottom:1px solid #eee;padding:14px}.inventory-count-table th{opacity:.6;background:#fafafa;font-size:12px}.inventory-count-table td{font-size:13px}.inventory-count-table-difference{background:#ffe5ff;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-block}.inventory-count-empty{text-align:center;opacity:.55;padding:40px}.inventory-count-error,.inventory-count-success{border-radius:10px;margin-bottom:18px;padding:13px;font-size:13px}.inventory-count-error{background:#f5f5f5}.inventory-count-success{background:#ffe5ff}.inventory-count-loading{opacity:.6;justify-content:center;align-items:center;min-height:400px;display:flex}@media (width<=950px){.inventory-count-main-grid{grid-template-columns:1fr}}@media (width<=650px){.inventory-count-page{padding:15px}.inventory-count-header{flex-direction:column;align-items:flex-start}.inventory-count-refresh-btn{width:100%}.inventory-count-form-grid{grid-template-columns:1fr}.inventory-count-actions{flex-direction:column}.inventory-count-clear-btn,.inventory-count-submit-btn{width:100%}}.inventory-alerts-page{box-sizing:border-box;color:#000;width:100%;padding:24px}.inventory-alerts-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.inventory-alerts-tag{letter-spacing:1px;background:#f7f;border-radius:20px;margin-bottom:12px;padding:6px 12px;font-size:10px;font-weight:800;display:inline-block}.inventory-alerts-header h1{margin:0;font-size:32px}.inventory-alerts-header p{opacity:.55;margin:8px 0 0;font-size:14px}.inventory-alerts-refresh-btn{color:#000;cursor:pointer;background:#f7f;border:none;border-radius:10px;padding:12px 20px;font-weight:700}.inventory-alerts-error{background:#f5f5f5;border-radius:10px;margin-bottom:18px;padding:14px;font-size:13px}.inventory-alerts-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:20px;display:grid}.inventory-alerts-stat-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 28px #0000000d}.inventory-alerts-stat-card span{opacity:.55;font-size:12px;display:block}.inventory-alerts-stat-card strong{margin:10px 0 6px;font-size:30px;display:block}.inventory-alerts-stat-card small{opacity:.45;font-size:11px}.inventory-alerts-low-card{background:#fff7ff}.inventory-alerts-out-card{background:#fff0f0}.inventory-alerts-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.inventory-alerts-summary-card{background:#fff;border-radius:14px;align-items:center;gap:14px;padding:17px;display:flex;box-shadow:0 6px 24px #0000000a}.inventory-alerts-summary-icon{background:#f7f;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.inventory-alerts-summary-card span{opacity:.55;font-size:11px;display:block}.inventory-alerts-summary-card strong{margin-top:4px;font-size:20px;display:block}.inventory-alerts-filter-bar{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.inventory-alerts-filter-bar button{color:#000;cursor:pointer;background:#f4f4f4;border:none;border-radius:20px;padding:10px 16px;font-size:12px;font-weight:600}.inventory-alerts-filter-bar .inventory-alerts-filter-active{background:#f7f}.inventory-alerts-list-card,.inventory-alerts-bottom-card{background:#fff;border-radius:18px;padding:24px;box-shadow:0 8px 30px #0000000d}.inventory-alerts-list-header{margin-bottom:20px}.inventory-alerts-list-header h2{margin:0;font-size:21px}.inventory-alerts-list-header p{opacity:.55;margin:7px 0 0;font-size:13px}.inventory-alerts-list{flex-direction:column;gap:13px;display:flex}.inventory-alerts-item{background:#fafafa;border-radius:14px;align-items:stretch;gap:16px;padding:16px;display:flex}.inventory-alerts-indicator{border-radius:10px;width:5px;min-width:5px}.inventory-alerts-indicator.inventory-alerts-danger{background:#f77}.inventory-alerts-indicator.inventory-alerts-warning{background:#f7f}.inventory-alerts-indicator.inventory-alerts-normal{background:#d8d8d8}.inventory-alerts-content{flex:1;min-width:0}.inventory-alerts-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.inventory-alerts-title-row h3{margin:0;font-size:15px}.inventory-alerts-content p{opacity:.6;margin:7px 0;font-size:12px;line-height:1.5}.inventory-alerts-badge{white-space:nowrap;border-radius:20px;padding:5px 10px;font-size:10px;font-weight:700}.inventory-alerts-badge.inventory-alerts-danger{background:#ffe5e5}.inventory-alerts-badge.inventory-alerts-warning{background:#ffe5ff}.inventory-alerts-badge.inventory-alerts-normal{background:#eee}.inventory-alerts-meta{flex-wrap:wrap;gap:14px;display:flex}.inventory-alerts-meta span{opacity:.5;font-size:10px}.inventory-alerts-actions{align-items:center;gap:8px;display:flex}.inventory-alerts-actions button{color:#000;cursor:pointer;background:#eee;border:none;border-radius:8px;padding:8px 12px;font-size:11px;font-weight:700}.inventory-alerts-actions .inventory-alerts-resolve-btn{background:#f7f}.inventory-alerts-actions button:disabled{opacity:.5;cursor:not-allowed}.inventory-alerts-empty,.inventory-alerts-small-empty{text-align:center;opacity:.55;padding:35px;font-size:13px}.inventory-alerts-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.inventory-alerts-card-top{justify-content:space-between;align-items:center;display:flex}.inventory-alerts-card-top h2{margin:0;font-size:18px}.inventory-alerts-card-top>span{background:#f7f;border-radius:50%;justify-content:center;align-items:center;min-width:30px;height:30px;font-size:11px;font-weight:700;display:flex}.inventory-alerts-product-list{flex-direction:column;gap:10px;margin-top:18px;display:flex}.inventory-alerts-product-item{background:#fafafa;border-radius:10px;justify-content:space-between;align-items:center;padding:12px;display:flex}.inventory-alerts-product-item strong{font-size:13px;display:block}.inventory-alerts-product-item small{opacity:.5;margin-top:4px;font-size:10px;display:block}.inventory-alerts-product-item>span{background:#f7f;border-radius:15px;padding:6px 10px;font-size:11px;font-weight:700}.inventory-alerts-loading{opacity:.6;justify-content:center;align-items:center;min-height:400px;display:flex}@media (width<=1050px){.inventory-alerts-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.inventory-alerts-summary-grid,.inventory-alerts-bottom-grid{grid-template-columns:1fr}.inventory-alerts-item{flex-direction:column}.inventory-alerts-indicator{width:100%;height:5px}.inventory-alerts-actions{justify-content:flex-end}}@media (width<=650px){.inventory-alerts-page{padding:15px}.inventory-alerts-header{flex-direction:column;align-items:flex-start}.inventory-alerts-refresh-btn{width:100%}.inventory-alerts-stats{grid-template-columns:1fr}.inventory-alerts-title-row{flex-direction:column;align-items:flex-start}}.inventory-reports-page{box-sizing:border-box;color:#000;width:100%;padding:24px}.inventory-reports-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.inventory-reports-tag{letter-spacing:1px;background:#f7f;border-radius:20px;margin-bottom:12px;padding:6px 12px;font-size:10px;font-weight:800;display:inline-block}.inventory-reports-header h1{margin:0;font-size:32px}.inventory-reports-header p{opacity:.55;margin:8px 0 0;font-size:14px}.inventory-reports-header-actions{gap:10px;display:flex}.inventory-reports-refresh-btn,.inventory-reports-export-btn{cursor:pointer;border:none;border-radius:10px;padding:12px 18px;font-weight:700}.inventory-reports-refresh-btn{color:#000;background:#f2f2f2}.inventory-reports-export-btn{color:#000;background:#f7f}.inventory-reports-error{background:#f5f5f5;border-radius:10px;margin-bottom:18px;padding:14px;font-size:13px}.inventory-reports-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.inventory-reports-stat-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 28px #0000000d}.inventory-reports-stat-card span{opacity:.55;font-size:12px;display:block}.inventory-reports-stat-card strong{margin:10px 0 6px;font-size:28px;display:block}.inventory-reports-stat-card small{opacity:.45;font-size:11px}.inventory-reports-analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px;display:grid}.inventory-reports-card,.inventory-reports-table-card,.inventory-reports-mini-card{background:#fff;border-radius:18px;padding:24px;box-shadow:0 8px 30px #0000000d}.inventory-reports-card-header{margin-bottom:22px}.inventory-reports-card-header h2,.inventory-reports-table-header h2{margin:0;font-size:20px}.inventory-reports-card-header p,.inventory-reports-table-header p{opacity:.55;margin:7px 0 0;font-size:12px}.inventory-reports-summary-list{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.inventory-reports-summary-list>div{background:#fafafa;border-radius:12px;padding:16px}.inventory-reports-summary-list span{opacity:.5;font-size:11px;display:block}.inventory-reports-summary-list strong{margin-top:8px;font-size:22px;display:block}.inventory-reports-health-list{flex-direction:column;gap:20px;display:flex}.inventory-reports-health-label{justify-content:space-between;margin-bottom:8px;display:flex}.inventory-reports-health-label span{font-size:12px}.inventory-reports-health-label strong{font-size:13px}.inventory-reports-progress{background:#f0f0f0;border-radius:20px;width:100%;height:8px;overflow:hidden}.inventory-reports-progress span{background:#f7f;border-radius:20px;height:100%;display:block}.inventory-reports-movement-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px;display:grid}.inventory-reports-movement-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 28px #0000000d}.inventory-reports-movement-card span{opacity:.55;font-size:12px}.inventory-reports-movement-card strong{margin:10px 0 6px;font-size:28px;display:block}.inventory-reports-movement-card small{opacity:.45;font-size:11px}.inventory-reports-table-card{margin-bottom:20px}.inventory-reports-table-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.inventory-reports-table-header>span{white-space:nowrap;background:#f7f;border-radius:20px;padding:8px 12px;font-size:11px;font-weight:700}.inventory-reports-table-wrapper{width:100%;overflow-x:auto}.inventory-reports-table{border-collapse:collapse;width:100%;min-width:850px}.inventory-reports-table th,.inventory-reports-table td{text-align:left;border-bottom:1px solid #eee;padding:14px}.inventory-reports-table th{opacity:.6;background:#fafafa;font-size:11px}.inventory-reports-table td{font-size:12px}.inventory-reports-empty,.inventory-reports-mini-empty{text-align:center;opacity:.55;padding:40px;font-size:13px}.inventory-reports-low-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.inventory-reports-mini-header{justify-content:space-between;align-items:center;display:flex}.inventory-reports-mini-header h2{margin:0;font-size:18px}.inventory-reports-mini-header>span{background:#f7f;border-radius:50%;justify-content:center;align-items:center;min-width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.inventory-reports-mini-list{flex-direction:column;gap:10px;margin-top:18px;display:flex}.inventory-reports-mini-list>div{background:#fafafa;border-radius:10px;justify-content:space-between;align-items:center;padding:12px;display:flex}.inventory-reports-mini-list strong{font-size:13px;display:block}.inventory-reports-mini-list small{opacity:.5;margin-top:4px;font-size:10px;display:block}.inventory-reports-mini-list>div>span{background:#f7f;border-radius:20px;padding:6px 10px;font-size:10px;font-weight:700}.inventory-reports-loading{opacity:.6;justify-content:center;align-items:center;min-height:400px;display:flex}@media (width<=1100px){.inventory-reports-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=850px){.inventory-reports-analysis-grid,.inventory-reports-low-grid,.inventory-reports-movement-grid{grid-template-columns:1fr}}@media (width<=650px){.inventory-reports-page{padding:15px}.inventory-reports-header{flex-direction:column;align-items:flex-start}.inventory-reports-header-actions{width:100%}.inventory-reports-header-actions button{flex:1}.inventory-reports-stats,.inventory-reports-summary-list{grid-template-columns:1fr}.inventory-reports-table-header{flex-direction:column;align-items:flex-start}}.product-view-page{box-sizing:border-box;color:#242424;background:radial-gradient(circle at 100% 0,#ff77ff1a,#0000 28%),#fafafa;width:100%;min-height:100vh;padding:28px}.product-view-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px;display:flex}.product-view-header>div{width:100%}.product-view-back{color:#f7f;cursor:pointer;background:0 0;border:none;margin-bottom:18px;padding:0;font-size:14px;font-weight:700;transition:all .2s}.product-view-back:hover{color:#f7f;transform:translate(-3px)}.product-view-tag{color:#f7f;letter-spacing:1px;box-sizing:border-box;border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin-bottom:12px;padding:7px 11px;font-size:10px;font-weight:800;display:flex}.product-view-tag-arrow{color:#f7f;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:24px;padding:0;font-size:16px;line-height:1;transition:transform .2s;display:inline-flex}.product-view-tag-arrow:hover{transform:translate(-3px)}.product-view-tag-text{align-items:center;margin-left:auto;display:inline-flex}.product-view-header h1{color:#242424;letter-spacing:-.8px;margin:0;font-size:32px;font-weight:800}.product-view-header p{color:#777;margin:8px 0 0;font-size:14px;line-height:1.6}.product-view-actions{align-items:center;gap:10px;display:flex}.product-view-edit-btn{color:#fff;cursor:pointer;background:#f7f;border:1px solid #f7f;border-radius:10px;padding:12px 19px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 8px 20px #ff77ff38}.product-view-edit-btn:hover{background:#f7f;border-color:#f7f;transform:translateY(-2px);box-shadow:0 12px 25px #be27ee40}.product-view-status-row{align-items:center;gap:12px;margin-bottom:28px;display:flex}.product-view-status{text-transform:uppercase;border-radius:20px;align-items:center;padding:7px 13px;font-size:11px;font-weight:800;display:inline-flex}.product-view-status.active{color:#f7f;background:#ff77ff1f}.product-view-status.inactive{color:#777;background:#f3f3f3}.product-view-sku{color:#777;background:#fff;border:1px solid #ff77ff26;border-radius:20px;padding:7px 13px;font-size:12px;font-weight:600}.product-view-stats{grid-template-columns:repeat(4,minmax(180px,1fr));gap:18px;margin-bottom:24px;display:grid}.product-view-stat-card{background:#fff;border:1px solid #ff77ff24;border-radius:18px;min-height:130px;padding:21px;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 8px 25px #2814280a}.product-view-stat-card:before{content:"";background:linear-gradient(90deg,#f7f,#f7f);width:100%;height:4px;position:absolute;top:0;left:0}.product-view-stat-card:after{content:"";background:#ff77ff12;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-45px;right:-40px}.product-view-stat-card:hover{border-color:#f7f6;transform:translateY(-4px);box-shadow:0 15px 35px #ff77ff1f}.product-view-stat-card span{z-index:1;color:#777;font-size:13px;font-weight:600;display:block;position:relative}.product-view-stat-card strong{z-index:1;color:#242424;letter-spacing:-.7px;margin-top:12px;font-size:28px;font-weight:800;display:block;position:relative}.product-view-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px;display:grid}.product-view-card{background:#fff;border:1px solid #ff77ff24;border-radius:18px;margin-bottom:20px;padding:22px;box-shadow:0 8px 25px #2814280a}.product-view-grid .product-view-card{margin-bottom:0}.product-view-card h2{color:#242424;margin:0 0 20px;font-size:19px;font-weight:800}.product-view-card-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.product-view-card-header h2{margin-bottom:6px}.product-view-card-header p{color:#888;margin:0;font-size:13px}.product-view-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.product-view-info-grid>div{background:#fff9ff;border:1px solid #ff77ff1a;border-radius:12px;padding:14px;transition:all .2s}.product-view-info-grid>div:hover{background:#fff5ff;border-color:#ff77ff4d}.product-view-info-grid span{color:#999;text-transform:uppercase;letter-spacing:.4px;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.product-view-info-grid strong{color:#333;word-break:break-word;font-size:14px;font-weight:700;display:block}.product-view-description{background:#fff9ff;border:1px solid #ff77ff1a;border-radius:12px;margin-top:16px;padding:16px}.product-view-description>span{color:#999;text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.product-view-description p{color:#555;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.7}.product-view-settings-list{flex-direction:column;gap:10px;margin-top:16px;display:flex}.product-view-settings-list>div{background:#fff9ff;border:1px solid #ff77ff1a;border-radius:11px;justify-content:space-between;align-items:center;gap:15px;padding:14px 15px;display:flex}.product-view-settings-list span{color:#666;font-size:13px;font-weight:600}.product-view-settings-list strong{color:#f7f;background:#ff77ff1f;border-radius:20px;padding:5px 10px;font-size:11px;font-weight:800}.product-view-table-wrapper{border:1px solid #ff77ff1a;border-radius:12px;width:100%;overflow-x:auto}.product-view-table{border-collapse:collapse;width:100%;min-width:650px}.product-view-table th,.product-view-table td{text-align:left;border-bottom:1px solid #ff77ff17;padding:14px 15px}.product-view-table th{color:#777;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;background:#fff9ff;font-size:11px;font-weight:800}.product-view-table td{color:#444;font-size:13px;font-weight:500}.product-view-table tbody tr{transition:background .2s}.product-view-table tbody tr:hover{background:#ff77ff0b}.product-view-table tbody tr:last-child td{border-bottom:none}.product-view-empty{text-align:center;color:#999;justify-content:center;align-items:center;min-height:160px;padding:25px;font-size:14px;display:flex}.product-view-loading{color:#888;justify-content:center;align-items:center;min-height:400px;font-size:15px;font-weight:600;display:flex}.product-view-error{color:#b4238d;background:#fff5ff;border:1px solid #ff77ff4d;border-radius:12px;margin-bottom:18px;padding:16px;font-size:14px;font-weight:600}.product-view-table-wrapper::-webkit-scrollbar{height:7px}.product-view-table-wrapper::-webkit-scrollbar-track{background:#f5f5f5;border-radius:20px}.product-view-table-wrapper::-webkit-scrollbar-thumb{background:#f7f;border-radius:20px}.product-view-table-wrapper::-webkit-scrollbar-thumb:hover{background:#f7f}@media (width<=1200px){.product-view-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.product-view-grid{grid-template-columns:1fr}.product-view-header{flex-direction:column}.product-view-actions,.product-view-edit-btn{width:100%}}@media (width<=650px){.product-view-page{padding:16px}.product-view-header h1{font-size:26px}.product-view-stats,.product-view-info-grid{grid-template-columns:1fr}.product-view-card{padding:16px}.product-view-status-row{flex-direction:column;align-items:flex-start}}@media (width<=420px){.product-view-page{padding:12px}.product-view-header h1{font-size:23px}.product-view-stat-card strong{font-size:25px}.product-view-settings-list>div{flex-direction:column;align-items:flex-start}}.brands-page{box-sizing:border-box;background:#f8f9fc;width:100%;min-height:100vh;padding:28px}.brands-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.brands-title-row{align-items:center;gap:15px;display:flex}.brands-icon{color:#fff;background:linear-gradient(135deg,#be27ee,#f7f);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex;box-shadow:0 8px 22px #be27ee38}.brands-header h1{color:#242424;margin:0;font-size:27px}.brands-header p{color:#777;margin:5px 0 0;font-size:14px}.brands-primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#be27ee,#f7f);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:0 18px;font-weight:600;transition:all .2s;display:inline-flex}.brands-primary-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #be27ee33}.brands-primary-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.brands-toolbar{align-items:center;gap:12px;margin-bottom:18px;display:flex}.brands-search{background:#fff;border:1px solid #e5e5eb;border-radius:10px;flex:1;align-items:center;height:44px;padding:0 13px;display:flex}.brands-search svg{color:#999;margin-right:9px}.brands-search input{color:#242424;border:none;outline:none;width:100%;font-size:14px}.brands-refresh-btn{cursor:pointer;color:#444;background:#fff;border:1px solid #e5e5eb;border-radius:10px;align-items:center;gap:8px;height:44px;padding:0 15px;font-weight:600;display:flex}.brands-refresh-btn:hover{color:#be27ee;border-color:#be27ee}.brands-card{background:#fff;border:1px solid #e9e9ef;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #1e14280a}.brands-card-header{border-bottom:1px solid #ededf1;padding:20px 22px}.brands-card-header h2{color:#242424;margin:0 0 5px;font-size:17px}.brands-card-header span{color:#888;font-size:13px}.brands-table-wrapper{width:100%;overflow-x:auto}.brands-table{border-collapse:collapse;width:100%}.brands-table th,.brands-table td{text-align:left;border-bottom:1px solid #f0f0f3;padding:15px 20px;font-size:14px}.brands-table th{color:#777;background:#fcfcfd;font-weight:600}.brands-table td{color:#444}.brands-table tbody tr:hover{background:#fcf9fe}.brand-name-cell{align-items:center;gap:11px;display:flex}.brand-name-cell strong{color:#292929}.brand-avatar{color:#be27ee;background:#f7e7fc;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex}.brand-description{color:#777}.brand-actions{gap:7px;display:flex}.icon-btn:hover{background:#fafafa}.brands-empty{color:#999;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:300px;display:flex}.brands-empty svg{color:#be27ee;font-size:36px}.brands-empty h3{color:#444;margin:5px 0 0}.brands-empty p{margin:0 0 12px;font-size:14px}.brands-error,.brands-modal-error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:9px;margin-bottom:16px;padding:12px 15px;font-size:13px}.brands-modal-overlay{z-index:9999;background:#140f1980;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.brands-modal{background:#fff;border-radius:16px;width:100%;max-width:540px;overflow:hidden;box-shadow:0 20px 70px #0003}.brands-modal-header{border-bottom:1px solid #ededf1;justify-content:space-between;align-items:flex-start;padding:20px 22px;display:flex}.brands-modal-header h2{color:#242424;margin:0}.brands-modal-header p{color:#888;margin:5px 0 0;font-size:13px}.brands-modal form{padding:22px}.form-group input,.form-group textarea{box-sizing:border-box;border:1px solid #dddde5;border-radius:9px;outline:none;width:100%;padding:11px 12px;font-family:inherit;font-size:14px}.form-group input:focus,.form-group textarea:focus{border-color:#be27ee;box-shadow:0 0 0 3px #be27ee14}.form-group textarea{resize:vertical}.switch-row{cursor:pointer;border:1px solid #ececf0;border-radius:10px;justify-content:space-between;align-items:center;padding:14px;display:flex;position:relative}.brands-modal-footer{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.secondary-btn{color:#555;cursor:pointer;background:#fff;border:1px solid #dddde5;border-radius:9px;align-items:center;gap:7px;height:43px;padding:0 16px;display:flex}@keyframes brandsSpin{to{transform:rotate(360deg)}}@media (width<=700px){.brands-page{padding:18px}.brands-header{flex-direction:column;align-items:flex-start}.brands-toolbar{flex-direction:column}.brands-search{box-sizing:border-box;width:100%}.brands-refresh-btn{justify-content:center;width:100%}}.units-page{box-sizing:border-box;background:#f8f9fc;width:100%;min-height:100vh;padding:28px}.units-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.units-title-row{align-items:center;gap:15px;display:flex}.units-icon{color:#fff;background:linear-gradient(135deg,#be27ee,#f7f);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex;box-shadow:0 8px 22px #be27ee38}.units-header h1{color:#242424;margin:0;font-size:27px}.units-header p{color:#777;margin:5px 0 0;font-size:14px}.units-primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#be27ee,#f7f);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:0 18px;font-weight:600;display:inline-flex}.units-primary-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #be27ee33}.units-toolbar{gap:12px;margin-bottom:18px;display:flex}.units-search{background:#fff;border:1px solid #e5e5eb;border-radius:10px;flex:1;align-items:center;height:44px;padding:0 13px;display:flex}.units-search svg{color:#999;margin-right:9px}.units-search input{border:none;outline:none;width:100%;font-size:14px}.units-refresh-btn{cursor:pointer;background:#fff;border:1px solid #e5e5eb;border-radius:10px;align-items:center;gap:8px;height:44px;padding:0 15px;font-weight:600;display:flex}.units-card{background:#fff;border:1px solid #e9e9ef;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #1e14280a}.units-card-header{border-bottom:1px solid #ededf1;padding:20px 22px}.units-card-header h2{margin:0 0 5px;font-size:17px}.units-card-header span{color:#888;font-size:13px}.units-table-wrapper{overflow-x:auto}.units-table{border-collapse:collapse;width:100%}.units-table th,.units-table td{text-align:left;border-bottom:1px solid #f0f0f3;padding:15px 20px;font-size:14px}.units-table th{color:#777;background:#fcfcfd;font-weight:600}.units-table tbody tr:hover{background:#fcf9fe}.unit-name-cell{align-items:center;gap:11px;display:flex}.unit-avatar{color:#be27ee;background:#f7e7fc;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex}.unit-symbol{background:#f6f6f8;border-radius:7px;padding:6px 10px;font-weight:600}.unit-actions{gap:7px;display:flex}.icon-btn{cursor:pointer;background:#fff;border:1px solid #e7e7ec;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.icon-btn.edit{color:#be27ee}.icon-btn.delete{color:#ef4444}.units-empty{color:#999;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:300px;display:flex}.units-empty svg{color:#be27ee;font-size:36px}.units-empty h3{color:#444;margin:5px 0 0}.units-empty p{margin:0 0 12px;font-size:14px}.units-error,.units-modal-error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:9px;margin-bottom:16px;padding:12px 15px;font-size:13px}.units-modal-overlay{z-index:9999;background:#140f1980;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.units-modal{background:#fff;border-radius:16px;width:100%;max-width:520px;overflow:hidden;box-shadow:0 20px 70px #0003}.units-modal-header{border-bottom:1px solid #ededf1;justify-content:space-between;padding:20px 22px;display:flex}.units-modal-header h2{margin:0}.units-modal-header p{color:#888;margin:5px 0 0;font-size:13px}.modal-close-btn{cursor:pointer;background:#f5f5f7;border:none;border-radius:8px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.units-modal form{padding:22px}.form-group{margin-bottom:18px}.form-group label{color:#444;margin-bottom:7px;font-size:13px;font-weight:600;display:block}.form-group label span{color:#ef4444}.form-group input{box-sizing:border-box;border:1px solid #dddde5;border-radius:9px;outline:none;width:100%;height:43px;padding:0 12px;font-size:14px}.switch-row{border:1px solid #ececf0;border-radius:10px;justify-content:space-between;align-items:center;padding:14px;display:flex}.switch-row div{flex-direction:column;gap:3px;display:flex}.switch-row strong{font-size:13px}.switch-row span:not(.custom-switch){color:#888;font-size:12px}.switch-row input{display:none}.custom-switch{background:#d5d5dc;border-radius:20px;width:42px;height:23px;position:relative}.custom-switch:after{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:all .2s;position:absolute;top:3px;left:3px}.switch-row input:checked+.custom-switch{background:#be27ee}.switch-row input:checked+.custom-switch:after{transform:translate(19px)}.units-modal-footer{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.secondary-btn{cursor:pointer;background:#fff;border:1px solid #dddde5;border-radius:9px;align-items:center;gap:7px;height:43px;padding:0 16px;display:flex}@keyframes unitSpin{to{transform:rotate(360deg)}}@media (width<=700px){.units-page{padding:18px}.units-header{flex-direction:column;align-items:flex-start}.units-toolbar{flex-direction:column}.units-search{box-sizing:border-box;width:100%}}.suppliers-page{box-sizing:border-box;background:#f8f9fc;width:100%;min-height:100vh;padding:28px}.suppliers-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.suppliers-heading{align-items:center;gap:14px;display:flex}.suppliers-heading-icon{color:#fff;background:linear-gradient(135deg,#be27ee,#f7f);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:23px;display:flex;box-shadow:0 8px 22px #be27ee38}.suppliers-heading h1{color:#242424;margin:0;font-size:27px;font-weight:700;line-height:1.2}.suppliers-heading p{color:#777;margin:5px 0 0;font-size:14px}.suppliers-primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#be27ee,#f7f);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:0 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.suppliers-primary-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #be27ee38}.suppliers-primary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.suppliers-success,.suppliers-error{box-sizing:border-box;border-radius:10px;align-items:center;gap:9px;min-height:44px;margin-bottom:16px;padding:10px 13px;font-size:13px;display:flex}.suppliers-success{color:#15803d;background:#ecfdf3;border:1px solid #bbf7d0}.suppliers-error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.suppliers-success span,.suppliers-error span{flex:1}.suppliers-success button,.suppliers-error button{width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;padding:0;display:flex}.suppliers-toolbar{align-items:center;gap:12px;margin-bottom:18px;display:flex}.suppliers-search{box-sizing:border-box;background:#fff;border:1px solid #e5e5eb;border-radius:10px;flex:1;align-items:center;height:44px;padding:0 12px;display:flex}.suppliers-search>svg{color:#999;flex-shrink:0;margin-right:9px;font-size:17px}.suppliers-search input{color:#242424;background:0 0;border:none;outline:none;width:100%;height:100%;padding:0;font-size:14px}.suppliers-search input::placeholder{color:#aaa}.clear-search-btn{color:#777;cursor:pointer;background:#f3f3f5;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.suppliers-refresh-btn{color:#444;cursor:pointer;background:#fff;border:1px solid #e5e5eb;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 15px;font-size:14px;font-weight:600;display:flex}.suppliers-refresh-btn:hover{color:#be27ee;border-color:#dca2ee}.suppliers-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.suppliers-card{background:#fff;border:1px solid #e9e9ef;border-radius:15px;width:100%;overflow:hidden;box-shadow:0 5px 20px #1e14280a}.suppliers-card-header{border-bottom:1px solid #ededf1;padding:20px 22px}.suppliers-card-header h2{color:#242424;margin:0 0 5px;font-size:17px;font-weight:700}.suppliers-card-header p{color:#888;margin:0;font-size:13px}.suppliers-table-wrapper{width:100%;overflow-x:auto}.suppliers-table{border-collapse:collapse;width:100%;min-width:850px}.suppliers-table th,.suppliers-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #f0f0f3;padding:15px 20px;font-size:14px}.suppliers-table th{color:#777;text-transform:uppercase;letter-spacing:.03em;background:#fcfcfd;font-size:12px;font-weight:700}.suppliers-table td{color:#444}.suppliers-table tbody tr{transition:background .15s}.suppliers-table tbody tr:hover{background:#fcf9fe}.suppliers-table tbody tr:last-child td{border-bottom:none}.supplier-actions-column{width:100px;text-align:center!important}.supplier-main{align-items:center;gap:11px;display:flex}.supplier-avatar{color:#be27ee;background:#f7e7fc;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex}.supplier-info{flex-direction:column;gap:4px;min-width:0;display:flex}.supplier-info strong{color:#292929;font-size:14px;font-weight:650}.supplier-info span{color:#888;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;max-width:240px;font-size:12px;display:flex;overflow:hidden}.supplier-info span svg{flex-shrink:0}.table-text{color:#444}.muted{color:#aaa}.supplier-phone{color:#555;align-items:center;gap:6px;display:inline-flex}.supplier-phone svg{color:#999}.lead-time{color:#333;align-items:baseline;gap:4px;font-weight:600;display:inline-flex}.lead-time small{color:#888;font-size:12px;font-weight:400}.status-badge{border-radius:20px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-badge.active{color:#15803d;background:#ecfdf3}.status-badge.inactive{color:#777;background:#f2f2f4}.supplier-actions{justify-content:center;align-items:center;gap:7px;display:flex}.supplier-action-btn{cursor:pointer;background:#fff;border:1px solid #e7e7ec;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:all .15s;display:flex}.supplier-action-btn.edit{color:#be27ee}.supplier-action-btn.delete{color:#ef4444}.supplier-action-btn.edit:hover{background:#faf2fd;border-color:#dca2ee}.supplier-action-btn.delete:hover{background:#fff1f2;border-color:#fda4af}.suppliers-state{box-sizing:border-box;text-align:center;color:#999;flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:35px 20px;display:flex}.suppliers-state h3{color:#444;margin:10px 0 4px;font-size:17px}.suppliers-state p{color:#999;max-width:420px;margin:0 0 15px;font-size:13px;line-height:1.5}.empty-icon{color:#be27ee;background:#f7e7fc;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.empty-icon svg{font-size:28px}.suppliers-modal-overlay{z-index:9999;box-sizing:border-box;background:#140f1985;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.suppliers-modal{background:#fff;border-radius:17px;width:100%;max-width:720px;max-height:92vh;overflow-y:auto;box-shadow:0 25px 80px #00000038}.suppliers-modal-header{border-bottom:1px solid #ededf1;justify-content:space-between;align-items:flex-start;gap:15px;padding:20px 22px;display:flex}.modal-title{align-items:center;gap:12px;display:flex}.modal-icon{color:#be27ee;background:#f7e7fc;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:19px;display:flex}.modal-title h2{color:#242424;margin:0;font-size:19px}.modal-title p{color:#888;margin:4px 0 0;font-size:13px}.modal-close-btn{color:#555;cursor:pointer;background:#f5f5f7;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.modal-close-btn:hover{background:#ededf0}.modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.suppliers-modal-error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:9px;margin:18px 22px 0;padding:11px 13px;font-size:13px}.supplier-form{padding:22px}.supplier-form-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.supplier-form-group{min-width:0}.supplier-form-group.full-width{grid-column:1/-1}.supplier-form-group label{color:#444;margin-bottom:7px;font-size:13px;font-weight:600;display:block}.supplier-form-group label span{color:#ef4444;margin-left:3px}.supplier-form-group input,.supplier-form-group textarea{box-sizing:border-box;color:#242424;background:#fff;border:1px solid #dddde5;border-radius:9px;outline:none;width:100%;font-family:inherit;font-size:14px;transition:all .15s}.supplier-form-group input{height:43px;padding:0 12px}.supplier-form-group textarea{resize:vertical;min-height:80px;padding:11px 12px}.supplier-form-group input::placeholder,.supplier-form-group textarea::placeholder{color:#aaa}.supplier-form-group input:focus,.supplier-form-group textarea:focus{border-color:#be27ee;box-shadow:0 0 0 3px #be27ee14}.input-with-suffix{position:relative}.input-with-suffix input{padding-right:55px}.input-with-suffix span{color:#888;pointer-events:none;font-size:12px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.textarea-wrapper{position:relative}.textarea-wrapper>svg{z-index:1;color:#999;pointer-events:none;font-size:16px;position:absolute;top:13px;left:12px}.textarea-wrapper textarea{padding-left:35px}.supplier-switch-row{cursor:pointer;border:1px solid #ececf0;border-radius:10px;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;padding:14px;display:flex}.switch-content{flex-direction:column;flex:1;gap:4px;display:flex}.switch-content strong{color:#333;font-size:13px}.switch-content span{color:#888;font-size:12px;line-height:1.4}.supplier-switch-row input{display:none}.supplier-switch{background:#d5d5dc;border-radius:20px;flex-shrink:0;width:42px;height:23px;transition:background .2s;position:relative}.supplier-switch:after{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.supplier-switch-row input:checked+.supplier-switch{background:#be27ee}.supplier-switch-row input:checked+.supplier-switch:after{transform:translate(19px)}.suppliers-modal-footer{border-top:1px solid #eeeef2;justify-content:flex-end;align-items:center;gap:10px;margin-top:22px;padding-top:18px;display:flex}.supplier-cancel-btn{color:#555;cursor:pointer;background:#fff;border:1px solid #dddde5;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:43px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.supplier-cancel-btn:hover{background:#f8f8fa}.supplier-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.supplier-spin{animation:.9s linear infinite supplierSpin}.large{font-size:28px!important}@keyframes supplierSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=760px){.suppliers-page{padding:18px}.suppliers-header{flex-direction:column;align-items:flex-start}.suppliers-primary-btn{width:100%}.suppliers-heading{align-items:flex-start}.suppliers-toolbar{flex-direction:column}.suppliers-search,.suppliers-refresh-btn{width:100%}.supplier-form-grid{grid-template-columns:1fr}.supplier-form-group.full-width{grid-column:auto}}@media (width<=500px){.suppliers-modal-overlay{padding:10px}.suppliers-modal-header,.supplier-form{padding:17px}.suppliers-modal-footer{flex-direction:column-reverse}.suppliers-modal-footer button{width:100%}.supplier-switch-row{align-items:flex-start}.switch-content span{max-width:250px}}.asset-dashboard,.assets-page,.asset-details-page,.asset-categories-page,.asset-locations-page,.asset-assignments-page,.asset-transfers-page,.asset-maintenance-page,.asset-depreciation-page,.asset-reports-page{box-sizing:border-box;color:#000;background:#f7f7f7;width:100%;min-height:100vh}.asset-dashboard{padding:28px}.asset-dashboard-header,.asset-page-header,.asset-details-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.asset-dashboard-title h1,.asset-page-header h1{color:#000;margin:0;font-size:30px;font-weight:700}.asset-dashboard-title p,.asset-page-header p{color:#666;margin:7px 0 0;font-size:14px}.asset-dashboard-actions,.asset-header-actions{align-items:center;gap:10px;display:flex}.asset-primary-btn,.asset-refresh-btn,.asset-secondary-btn,.asset-view-btn,.asset-cancel-btn,.asset-edit-btn,.asset-delete-btn,.asset-return-btn,.asset-back-btn{box-sizing:border-box;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s;display:inline-flex}.asset-primary-btn,.asset-refresh-btn{min-height:42px;padding:0 18px}.asset-primary-btn{color:#000;background:#f7f;border:1px solid #f7f}.asset-refresh-btn,.asset-secondary-btn,.asset-view-btn,.asset-cancel-btn,.asset-edit-btn,.asset-delete-btn,.asset-return-btn,.asset-back-btn{color:#000;background:#fff;border:1px solid #ddd}.asset-secondary-btn{min-height:42px;padding:0 16px}.asset-view-btn{padding:9px 14px;font-size:12px}.asset-cancel-btn{min-height:42px;padding:0 18px}.asset-edit-btn,.asset-delete-btn{min-height:34px;padding:0 10px;font-size:12px}.asset-delete-btn{min-width:38px}.asset-return-btn{min-height:34px;padding:0 12px;font-size:12px}.asset-back-btn{min-height:40px;padding:0 16px}.asset-primary-btn:hover,.asset-refresh-btn:hover,.asset-secondary-btn:hover,.asset-view-btn:hover,.asset-cancel-btn:hover,.asset-return-btn:hover,.asset-back-btn:hover{color:#000;background:#f7f;border-color:#f7f}.asset-edit-btn:hover{background:#f4f4f4;border-color:#ccc}.asset-delete-btn:hover{color:#000;background:#f7f;border-color:#f7f}.asset-primary-btn:active,.asset-refresh-btn:active,.asset-secondary-btn:active,.asset-view-btn:active,.asset-cancel-btn:active,.asset-edit-btn:active,.asset-delete-btn:active,.asset-return-btn:active,.asset-back-btn:active{transform:scale(.98)}.asset-primary-btn:disabled,.asset-refresh-btn:disabled,.asset-secondary-btn:disabled,.asset-edit-btn:disabled,.asset-delete-btn:disabled,.asset-return-btn:disabled,.asset-modal-close:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.asset-stats-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin-bottom:20px;display:grid}.asset-stat-card{box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:12px;align-items:center;gap:14px;min-height:105px;padding:20px;transition:background .2s,border-color .2s,transform .2s;display:flex}.asset-stat-card:hover{background:#f7f;border-color:#f7f;transform:translateY(-2px)}.asset-stat-icon{color:#000;background:#f7f;border-radius:10px;justify-content:center;align-items:center;width:46px;min-width:46px;height:46px;font-size:21px;display:flex}.asset-stat-card:hover .asset-stat-icon{background:#fff}.asset-stat-content{flex-direction:column;gap:5px;min-width:0;display:flex}.asset-stat-title{color:#666;font-size:13px}.asset-stat-value{color:#000;word-break:break-word;margin:0;font-size:22px;font-weight:700}.asset-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px;display:grid}.asset-dashboard-bottom{grid-template-columns:1.3fr .7fr;gap:20px;display:grid}.asset-dashboard-card{box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:22px}.asset-card-heading{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:15px;margin-bottom:5px;padding-bottom:16px;display:flex}.asset-card-heading h3{color:#000;margin:0;font-size:18px;font-weight:700}.asset-card-heading p{color:#666;margin:5px 0 0;font-size:13px}.asset-status-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.asset-status-item{background:#fff;border:1px solid #eee;border-radius:8px;justify-content:space-between;align-items:center;min-height:52px;padding:0 14px;transition:all .2s;display:flex}.asset-status-item:hover{background:#f7f;border-color:#f7f}.asset-status-item span{color:#000;font-size:13px}.asset-status-item strong{color:#000;font-size:18px}.asset-quick-actions{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.asset-quick-actions button{color:#000;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:8px;align-items:center;gap:10px;min-height:58px;padding:0 15px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.asset-quick-actions button:hover{background:#f7f;border-color:#f7f}.asset-quick-actions svg{font-size:18px}.asset-category-list,.asset-overview-list{flex-direction:column;display:flex}.asset-category-item,.asset-overview-item{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:15px;padding:14px 0;display:flex}.asset-category-item:last-child,.asset-overview-item:last-child{border-bottom:none}.asset-category-info{flex-direction:column;gap:4px;display:flex}.asset-category-info span{color:#000;font-size:14px;font-weight:600}.asset-category-info small{color:#666;font-size:12px}.asset-category-value{color:#000;font-size:14px;font-weight:700}.asset-overview-item span{color:#666;font-size:13px}.asset-overview-item strong{color:#000;font-size:15px}.asset-report-btn{color:#000;cursor:pointer;background:#fff;border:1px solid #000;border-radius:8px;width:100%;min-height:42px;margin-top:18px;font-size:13px;font-weight:600;transition:all .2s}.asset-report-btn:hover{background:#f7f;border-color:#f7f}.assets-page{padding:20px}.asset-list-card,.asset-table-card{box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:12px;width:100%;padding:22px}.asset-filters{align-items:center;gap:12px;margin-bottom:22px;display:flex}.asset-search-box{background:#fff;border:1px solid #ddd;border-radius:8px;flex:1;align-items:center;min-height:44px;padding:0 14px;transition:all .2s;display:flex}.asset-search-box:focus-within{border-color:#f7f;box-shadow:0 0 0 3px #ff77ff14}.asset-search-box svg{color:#555;flex-shrink:0;font-size:18px}.asset-search-box input{color:#000;background:0 0;border:none;outline:none;width:100%;height:42px;padding:0 10px;font-size:14px}.asset-filters select{color:#000;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;outline:none;min-width:160px;height:44px;padding:0 12px;transition:all .2s}.asset-filters select:focus{border-color:#f7f;box-shadow:0 0 0 3px #ff77ff14}.asset-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.asset-table{border-collapse:collapse;width:100%;min-width:1050px}.asset-table th{text-align:left;color:#000;white-space:nowrap;border-bottom:1px solid #e5e5e5;padding:14px;font-size:12px;font-weight:700}.asset-table td{color:#000;vertical-align:middle;border-bottom:1px solid #eee;padding:15px 14px;font-size:13px}.asset-table tbody tr{transition:background .2s}.asset-table tbody tr:hover{background:#fafafa}.asset-table tbody tr:last-child td{border-bottom:none}.asset-name-cell,.asset-table-item{align-items:center;gap:10px;display:flex}.asset-table-icon{color:#000;background:#f7f;border-radius:8px;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;font-size:17px;display:flex}.asset-name-cell div:last-child,.asset-table-item>div:last-child{flex-direction:column;gap:3px;display:flex}.asset-name-cell strong,.asset-table-item strong{color:#000;font-size:13px;font-weight:600}.asset-name-cell span,.asset-table-item span{color:#666;font-size:11px}.asset-date-cell,.asset-location-cell,.asset-value-cell,.asset-assignment-employee{align-items:center;gap:7px;display:flex}.asset-date-cell,.asset-location-cell{white-space:nowrap}.asset-date-cell svg,.asset-location-cell svg,.asset-value-cell svg,.asset-assignment-employee svg{color:#000;flex-shrink:0;font-size:15px}.asset-value-cell{color:#000;font-weight:600}.asset-status-badge,.asset-report-status,.asset-maintenance-status{color:#000;text-transform:capitalize;background:#fff;border:1px solid #ddd;border-radius:20px;align-items:center;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.asset-maintenance-status{font-size:12px}.asset-maintenance-status.completed{background:#f7f;border-color:#f7f}.asset-maintenance-status.in-progress{border-color:#f7f}.asset-table-actions{align-items:center;gap:8px;display:flex}.asset-table-actions>button{flex-shrink:0}.asset-table-actions button svg{width:15px;height:15px}.asset-transfers-page{padding:28px}.asset-transfer-arrow{width:40px;text-align:center!important;color:#000!important}.asset-transfer-arrow svg{font-size:18px}.asset-reason-cell{color:#666;word-break:break-word;max-width:240px;line-height:1.5}.asset-form{box-sizing:border-box;background:#fff;width:100%;padding:20px}.asset-form-header,.asset-maintenance-form-header,.asset-depreciation-form-header,.asset-category-form-header,.asset-location-form-header,.asset-assignment-form-header{border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;padding-bottom:18px;display:flex}.asset-form-header h2,.asset-maintenance-form-header h2,.asset-depreciation-form-header h2,.asset-category-form-header h2,.asset-location-form-header h2,.asset-assignment-form-header h2{color:#000;margin:0;font-size:20px}.asset-form-header p,.asset-maintenance-form-header p,.asset-depreciation-form-header p,.asset-category-form-header p,.asset-location-form-header p,.asset-assignment-form-header p{color:#666;margin:6px 0 0;font-size:13px}.asset-form-section{margin-bottom:28px}.asset-form-section h3{color:#000;margin:0 0 16px;font-size:16px}.asset-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.asset-form-row{grid-template-columns:minmax(0,1fr) 45px minmax(0,1fr);align-items:end;gap:10px;display:grid}.asset-form-group{flex-direction:column;gap:7px;margin-bottom:16px;display:flex}.asset-form-group label{color:#000;font-size:13px;font-weight:600}.asset-form-group label span{color:#f7f}.asset-form-group input,.asset-form-group select,.asset-form-group textarea{box-sizing:border-box;color:#000;background:#fff;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s,background .2s}.asset-form-group input,.asset-form-group select{height:44px;padding:0 12px}.asset-form-group textarea{resize:vertical;min-height:100px;padding:12px;line-height:1.5}.asset-form-group input:focus,.asset-form-group select:focus,.asset-form-group textarea:focus{border-color:#f7f;box-shadow:0 0 0 3px #ff77ff14}.asset-form-group input:disabled,.asset-form-group select:disabled,.asset-form-group textarea:disabled{cursor:not-allowed;background:#f5f5f5}.asset-form-actions{border-top:1px solid #e5e5e5;justify-content:flex-end;align-items:center;gap:12px;padding-top:20px;display:flex}.asset-form-loading{color:#000;justify-content:center;align-items:center;min-height:250px;display:flex}.asset-form-transfer-icon{color:#000;background:#f7f;border-radius:8px;justify-content:center;align-items:center;width:45px;height:44px;margin-bottom:16px;font-size:18px;display:flex}.asset-modal-overlay{z-index:1000;box-sizing:border-box;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.asset-modal{color:#000;background:#fff;border:1px solid #e5e5e5;border-radius:14px;width:100%;max-width:760px;max-height:calc(100vh - 40px);overflow:hidden;box-shadow:0 20px 60px #0003}.asset-modal-header{border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding:0 22px;display:flex}.asset-modal-header h2{color:#000;margin:0;font-size:20px;font-weight:700}.asset-modal-header p{color:#666;margin:5px 0 0;font-size:12px}.asset-modal-close{color:#000;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.asset-modal-close:hover{background:#f7f;border-color:#f7f}.asset-modal-body{box-sizing:border-box;max-height:calc(100vh - 190px);padding:24px;overflow-y:auto}.asset-modal-footer{border-top:1px solid #e5e5e5;justify-content:flex-end;align-items:center;gap:10px;min-height:70px;padding:0 22px;display:flex}.asset-categories-page{padding:28px}.asset-category-form-card,.asset-category-page-card{box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:14px;width:100%;margin-bottom:20px;padding:22px}.asset-categories-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.asset-category-card{box-sizing:border-box;background:#fff;border:1px solid #e9e9e9;border-radius:14px;padding:20px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.asset-category-card:before{content:"";opacity:0;background:#f7f;width:100%;height:3px;transition:opacity .2s;position:absolute;top:0;left:0}.asset-category-card:hover{border-color:#f0b8f0;transform:translateY(-2px);box-shadow:0 8px 24px #00000012}.asset-category-card:hover:before{opacity:1}.asset-category-card-top{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.asset-category-icon{color:#000;background:linear-gradient(135deg,#f7f 0%,#ffc8ff 100%);border:1px solid #f0c7f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:21px;display:flex}.asset-category-actions{align-items:center;gap:7px;display:flex}.asset-category-actions button{color:#555;cursor:pointer;background:#fff;border:1px solid #e4e4e4;border-radius:8px;justify-content:center;align-items:center;width:35px;height:35px;padding:0;transition:all .2s;display:flex}.asset-category-actions button:hover{color:#000;background:#fff0ff;border-color:#f7f}.asset-category-card-content{margin-top:20px}.asset-category-card-content h3{color:#111;margin:0;font-size:17px;font-weight:700;line-height:1.3}.asset-category-card-content p{color:#707070;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px;margin:9px 0 0;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.asset-category-card-footer{border-top:1px solid #eee;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:15px;display:flex}.asset-category-card-footer span{color:#777;font-size:12px;font-weight:500}.asset-category-card-footer strong{color:#000;background:#fff0ff;border-radius:7px;justify-content:center;align-items:center;min-width:34px;height:28px;padding:0 10px;font-size:14px;display:inline-flex}.asset-locations-page{padding:28px}.asset-location-form-card,.asset-location-page-card{box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:12px;width:100%;margin-bottom:20px;padding:22px}.asset-locations-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.asset-location-card{box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:18px;transition:all .2s}.asset-location-card:hover{border-color:#f7f;transform:translateY(-2px)}.asset-location-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.asset-location-icon{color:#000;background:#f7f;border-radius:10px;justify-content:center;align-items:center;width:46px;height:46px;font-size:21px;display:flex}.asset-location-actions{align-items:center;gap:7px;display:flex}.asset-location-actions button{color:#000;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.asset-location-actions button:hover{background:#f7f;border-color:#f7f}.asset-location-card-content{margin-top:18px}.asset-location-card-content h3{color:#000;margin:0;font-size:16px}.asset-location-card-content p{color:#666;margin:8px 0 0;font-size:13px;line-height:1.5}.asset-location-address{font-weight:600;color:#000!important}.asset-location-card-footer{border-top:1px solid #eee;justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;display:flex}.asset-location-card-footer span{color:#666;font-size:13px}.asset-location-card-footer strong{color:#000;font-size:18px}.asset-assignments-page{padding:28px}.asset-assignment-form-card,.asset-assignments-card{box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:12px;width:100%;margin-bottom:20px;padding:22px}.asset-assignment-employee{font-weight:500}.asset-maintenance-page{padding:28px}.asset-maintenance-form-card,.asset-maintenance-card{box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:12px;width:100%;margin-bottom:20px;padding:22px}.asset-maintenance-cost{color:#000;align-items:center;gap:5px;font-weight:600;display:flex}.asset-depreciation-page{padding:28px}.asset-depreciation-summary{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-bottom:20px;display:grid}.asset-depreciation-summary-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;align-items:center;gap:15px;padding:20px;transition:all .2s;display:flex}.asset-depreciation-summary-card:hover{border-color:#f7f;transform:translateY(-2px)}.asset-depreciation-summary-icon{color:#000;background:#f7f;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.asset-depreciation-summary-card div:last-child{flex-direction:column;gap:5px;display:flex}.asset-depreciation-summary-card span{color:#666;font-size:13px}.asset-depreciation-summary-card strong{color:#000;font-size:22px}.asset-depreciation-form-card,.asset-depreciation-card{box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:12px;width:100%;margin-bottom:20px;padding:22px}.asset-depreciation-calculation{background:#fafafa;border:1px solid #eee;border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:6px 0 22px;padding:16px;display:grid}.asset-depreciation-calculation-item{background:#fff;border:1px solid #e5e5e5;border-radius:9px;flex-direction:column;gap:7px;min-width:0;padding:15px;transition:all .2s;display:flex}.asset-depreciation-calculation-item:hover{border-color:#f7f;transform:translateY(-1px)}.asset-depreciation-calculation-item span{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.asset-depreciation-calculation-item strong{color:#000;word-break:break-word;font-size:17px;font-weight:700}.asset-depreciation-calculation-item:last-child{background:#fff8ff;border-color:#f7f}.asset-depreciation-calculation-item:last-child strong{color:#000}.asset-reports-page{padding:28px}.asset-report-loading-card{color:#000;background:#fff;border:1px solid #e5e5e5;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:300px;display:flex}.asset-report-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:20px;display:grid}.asset-report-stat-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;align-items:center;gap:15px;padding:20px;transition:all .2s;display:flex}.asset-report-stat-card:hover{border-color:#f7f;transform:translateY(-2px)}.asset-report-stat-icon{color:#000;background:#f7f;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.asset-report-stat-card div:last-child{flex-direction:column;gap:5px;display:flex}.asset-report-stat-card span{color:#666;font-size:13px}.asset-report-stat-card strong{color:#000;font-size:21px}.asset-report-content-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-bottom:20px;display:grid}.asset-report-card{box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:22px}.asset-report-card-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:15px;padding-bottom:16px;display:flex}.asset-report-card-header h2{color:#000;margin:0;font-size:18px}.asset-report-card-header p{color:#666;margin:6px 0 0;font-size:13px}.asset-report-card-header>svg{color:#000;font-size:22px}.asset-status-report-list{flex-direction:column;gap:10px;display:flex}.asset-status-report-item{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;min-height:45px;padding-bottom:10px;display:flex}.asset-status-report-item:last-child{border-bottom:none;padding-bottom:0}.asset-status-report-item div{align-items:center;gap:9px;display:flex}.asset-status-report-item svg{color:#000;font-size:17px}.asset-status-report-item span{color:#666;font-size:14px}.asset-status-report-item strong{color:#000;font-size:16px}.asset-report-assets-card{margin-top:20px}.asset-report-location{align-items:center;gap:6px;display:flex}.asset-report-location svg{color:#000;font-size:15px}.asset-empty-state{text-align:center;color:#666;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:220px;display:flex}.asset-empty-icon{color:#000;background:#f7f;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:4px;font-size:24px;display:flex}.asset-empty-state svg{color:#000;font-size:35px}.asset-empty-state h3{color:#000;margin:0;font-size:18px;font-weight:700}.asset-empty-state p{color:#666;margin:0;font-size:13px}.asset-empty-state .asset-primary-btn{margin-top:8px}.asset-dashboard-loading,.asset-details-loading,.asset-loading-state,.asset-form-loading{color:#000;justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex}.asset-dashboard-loading{min-height:350px}.asset-details-loading{min-height:400px}.asset-loading-state{color:#666;flex-direction:column;min-height:280px}.asset-loading-state svg{color:#000;font-size:22px}.asset-loading-state p{margin:0;font-size:13px}.asset-spin{animation:.8s linear infinite asset-spin-animation}@keyframes asset-spin-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.asset-details-page{padding:28px}.asset-details-title{align-items:center;gap:16px;display:flex}.asset-details-title h1{color:#000;margin:0;font-size:28px}.asset-details-title p{color:#666;margin:5px 0 0;font-size:13px}.asset-details-hero{background:#fff;border:1px solid #e5e5e5;border-radius:12px;align-items:flex-start;gap:20px;margin-bottom:20px;padding:24px;display:flex}.asset-details-icon{color:#000;background:#f7f;border-radius:12px;justify-content:center;align-items:center;width:68px;min-width:68px;height:68px;font-size:30px;display:flex}.asset-details-main{width:100%}.asset-details-main-top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.asset-details-main h2{color:#000;margin:0;font-size:22px}.asset-details-main-top>div>span{color:#666;margin-top:6px;font-size:13px;display:block}.asset-details-main p{color:#666;margin:16px 0 0;font-size:14px;line-height:1.6}.asset-details-badges{flex-wrap:wrap;gap:8px;display:flex}.asset-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px;display:grid}.asset-details-card,.asset-history-card{box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:22px}.asset-details-card-title{border-bottom:1px solid #eee;align-items:center;gap:10px;margin-bottom:5px;padding-bottom:15px;display:flex}.asset-details-card-title svg{color:#000;font-size:19px}.asset-details-card-title h3{color:#000;margin:0;font-size:17px}.asset-details-list{flex-direction:column;display:flex}.asset-details-list>div{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;display:flex}.asset-details-list>div:last-child{border-bottom:none}.asset-details-list span{color:#666;font-size:13px}.asset-details-list strong{color:#000;text-align:right;font-size:13px}.asset-details-notes{border-top:1px solid #eee;padding-top:14px}.asset-details-notes span{color:#000;font-size:13px;font-weight:600}.asset-details-notes p{color:#666;margin:8px 0 0;font-size:13px;line-height:1.6}.asset-history-card{margin-bottom:20px}.asset-history-list{flex-direction:column;display:flex}.asset-history-item{border-bottom:1px solid #eee;gap:14px;padding:18px 0;display:flex}.asset-history-item:last-child{border-bottom:none}.asset-history-icon{color:#000;background:#f7f;border-radius:50%;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;display:flex}.asset-history-content{flex-direction:column;gap:5px;display:flex}.asset-history-content strong{color:#000;font-size:14px}.asset-history-content p{color:#666;margin:0;font-size:13px}.asset-history-content span{color:#666;font-size:12px}@media (width<=1100px){.asset-dashboard-bottom{grid-template-columns:1fr}.asset-categories-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.asset-dashboard-grid,.asset-details-grid{grid-template-columns:1fr}.asset-depreciation-calculation{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-page-header,.asset-dashboard-header{flex-direction:column;align-items:flex-start}.asset-header-actions,.asset-dashboard-actions{width:100%}.asset-header-actions button,.asset-dashboard-actions button{flex:1}}@media (width<=700px){.asset-dashboard,.asset-details-page,.asset-categories-page,.asset-locations-page,.asset-assignments-page,.asset-transfers-page,.asset-maintenance-page,.asset-depreciation-page,.asset-reports-page,.assets-page{padding:18px}.asset-dashboard-title h1,.asset-page-header h1{font-size:24px}.asset-dashboard-actions,.asset-header-actions{flex-direction:column;align-items:stretch}.asset-dashboard-actions button,.asset-header-actions button{width:100%}.asset-status-grid,.asset-quick-actions{grid-template-columns:1fr}.asset-card-heading{flex-direction:column;align-items:flex-start}.asset-view-btn{width:100%}.asset-filters{flex-direction:column;align-items:stretch}.asset-search-box{flex:none;width:100%}.asset-filters select{width:100%}.asset-form-grid{grid-template-columns:1fr}.asset-form-row{grid-template-columns:1fr;gap:0}.asset-form-transfer-icon{display:none}.asset-form-actions{flex-direction:column-reverse}.asset-form-actions button{width:100%}.asset-category-form-card,.asset-category-page-card,.asset-location-form-card,.asset-location-page-card,.asset-assignment-form-card,.asset-assignments-card,.asset-maintenance-form-card,.asset-maintenance-card,.asset-depreciation-form-card,.asset-depreciation-card,.asset-report-card,.asset-table-card,.asset-list-card{padding:16px}.asset-categories-grid,.asset-locations-grid,.asset-report-content-grid,.asset-report-stats-grid,.asset-depreciation-summary{grid-template-columns:1fr}.asset-depreciation-calculation{grid-template-columns:1fr;padding:12px}.asset-depreciation-calculation-item{padding:13px}.asset-details-header{flex-direction:column;align-items:flex-start}.asset-details-header .asset-dashboard-actions{width:100%}.asset-details-main-top{flex-direction:column}.asset-details-hero{flex-direction:column;padding:18px}.asset-details-title{align-items:flex-start}.asset-details-title h1{font-size:24px}.asset-modal-overlay{padding:10px}.asset-modal{border-radius:10px;max-height:calc(100vh - 20px)}.asset-modal-header{min-height:60px;padding:0 16px}.asset-modal-body{max-height:calc(100vh - 140px);padding:16px}.asset-modal-footer{flex-direction:column-reverse;min-height:auto;padding:12px 16px}.asset-modal-footer button{width:100%}.asset-category-card{padding:17px}.asset-category-icon{border-radius:10px;width:44px;height:44px;font-size:19px}.asset-category-card-content{margin-top:17px}.asset-category-card-content h3{font-size:16px}.asset-category-card-footer{margin-top:17px;padding-top:13px}}@media (width<=420px){.asset-dashboard,.asset-details-page,.assets-page,.asset-categories-page,.asset-locations-page,.asset-assignments-page,.asset-transfers-page,.asset-maintenance-page,.asset-depreciation-page,.asset-reports-page{padding:14px}.asset-dashboard-card,.asset-details-card,.asset-history-card{padding:16px}.asset-category-card-top{gap:10px}.asset-category-actions{gap:5px}.asset-category-actions button{width:32px;height:32px}.asset-category-card-footer{align-items:center}.asset-table-actions{gap:5px}.asset-edit-btn,.asset-delete-btn{min-width:34px;padding:0 8px}}.project-dashboard{box-sizing:border-box;color:#000;background:#f7f7f7;width:100%;min-height:100vh;padding:24px}.project-dashboard *{box-sizing:border-box}.project-dashboard-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.project-dashboard-header h1{margin:0;font-size:28px;font-weight:700}.project-dashboard-header p{color:#555;margin:6px 0 0;font-size:14px}.project-dashboard-actions{align-items:center;gap:10px;display:flex}.project-refresh-btn,.project-create-btn{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.project-refresh-btn{color:#000;background:#fff;border:1px solid #000}.project-create-btn{color:#000;background:#f7f;border:1px solid #f7f}.project-refresh-btn:hover,.project-create-btn:hover{transform:translateY(-1px)}.project-main-layout{align-items:flex-start;gap:20px;display:flex}.project-sidebar{background:#fff;border:1px solid #000;border-radius:12px;flex-shrink:0;width:220px;padding:10px;position:sticky;top:20px}.project-sidebar-title{text-transform:uppercase;color:#777;padding:9px 11px 8px;font-size:11px;font-weight:700}.project-sidebar button,.project-sidebar a{color:#000;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:40px;margin-bottom:2px;padding:0 11px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.project-sidebar button:hover,.project-sidebar a:hover{background:#f3f3f3}.project-sidebar button.active,.project-sidebar a.active{background:#f7f;font-weight:600}.project-sidebar svg{flex-shrink:0;font-size:16px}.project-dashboard-content{flex:1;min-width:0}.project-dashboard-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:18px;display:grid}.project-stat-card{color:#000;background:#fff;border:1px solid #000;border-radius:12px;align-items:center;gap:12px;min-height:108px;padding:17px;text-decoration:none;transition:all .2s;display:flex}.project-stat-card:hover{background:#f7f;transform:translateY(-2px)}.project-stat-icon{color:#000;background:#f7f;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:19px;display:flex}.project-stat-card:hover .project-stat-icon{background:#fff}.project-stat-card span{color:#555;white-space:nowrap;font-size:11px;display:block}.project-stat-card h2{margin:4px 0 0;font-size:25px;line-height:1}.project-dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:18px;display:grid}.project-dashboard-card{background:#fff;border:1px solid #000;border-radius:13px;padding:20px}.project-card-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:17px;display:flex}.project-card-header h2{margin:0;font-size:18px;font-weight:700}.project-card-header p{color:#666;margin:5px 0 0;font-size:12px}.project-view-all{color:#000;white-space:nowrap;align-items:center;gap:5px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.project-list{flex-direction:column;gap:8px;display:flex}.project-list-item{color:#000;border:1px solid #000;border-radius:9px;grid-template-columns:minmax(0,1fr) 145px 22px;align-items:center;gap:15px;padding:13px 14px;text-decoration:none;transition:all .2s;display:grid}.project-list-item:hover{background:#f7f}.project-list-info{min-width:0}.project-list-info h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:600;overflow:hidden}.project-list-info p{color:#666;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:11px;overflow:hidden}.project-list-progress{flex-direction:column;gap:5px;display:flex}.project-list-progress span{font-size:11px;font-weight:600}.project-progress-bar{background:#fff;border:1px solid #000;border-radius:20px;width:100%;height:6px;overflow:hidden}.project-progress-bar div{background:#f7f;height:100%}.project-list-item:hover .project-progress-bar div{background:#000}.project-arrow{font-size:16px}.project-quick-links{flex-direction:column;gap:7px;display:flex}.project-quick-link{color:#000;border:1px solid #000;border-radius:8px;grid-template-columns:22px minmax(0,1fr) 17px;align-items:center;gap:9px;min-height:45px;padding:0 11px;text-decoration:none;transition:all .2s;display:grid}.project-quick-link:hover{background:#f7f}.project-quick-link svg{font-size:16px}.project-quick-link span{font-size:12px;font-weight:500}.project-empty-state{text-align:center;color:#000;flex-direction:column;justify-content:center;align-items:center;min-height:270px;padding:25px;display:flex}.project-empty-state>svg{color:#f7f;margin-bottom:10px;font-size:38px}.project-empty-state h3{margin:0;font-size:17px}.project-empty-state p{color:#666;max-width:390px;margin:7px 0 16px;font-size:13px}@media (width<=1250px){.project-dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1000px){.project-main-layout{flex-direction:column}.project-sidebar{align-items:center;gap:4px;width:100%;padding:8px;display:flex;position:static;overflow-x:auto}.project-sidebar-title{display:none}.project-sidebar button,.project-sidebar a{width:auto;min-width:max-content;margin:0;padding:0 13px}.project-dashboard-grid{grid-template-columns:1fr}}@media (width<=700px){.project-dashboard{padding:16px}.project-dashboard-header{flex-direction:column;align-items:flex-start}.project-dashboard-actions{width:100%}.project-refresh-btn,.project-create-btn{flex:1}.project-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.project-list-item{grid-template-columns:1fr;gap:10px}.project-arrow{display:none}}@media (width<=480px){.project-dashboard-stats{grid-template-columns:1fr}.project-dashboard-actions{flex-direction:column}.project-refresh-btn,.project-create-btn{width:100%}.project-dashboard-header h1{font-size:24px}}.project-form-page{box-sizing:border-box;color:#000;background:#fff;width:100%;min-height:100vh;padding:28px}.project-form-page *{box-sizing:border-box}.project-form-header{max-width:1000px;margin:0 auto 24px}.project-back-link{color:#000;align-items:center;gap:8px;margin-bottom:18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.project-back-link:hover{color:#000}.project-form-header h1{color:#000;margin:0;font-size:30px;font-weight:700}.project-form-header p{color:#000;margin:8px 0 0;font-size:14px}.project-form{background:#fff;border:1px solid #000;border-radius:16px;max-width:1000px;margin:0 auto;padding:28px}.project-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.project-form-group{flex-direction:column;gap:8px;display:flex}.project-form-full{grid-column:1/-1}.project-form-group label{color:#000;font-size:14px;font-weight:600}.project-form-group input,.project-form-group select,.project-form-group textarea{color:#000;background:#fff;border:1px solid #000;border-radius:9px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:14px}.project-form-group input{min-height:46px}.project-form-group textarea{resize:vertical;min-height:130px}.project-form-group input:focus,.project-form-group select:focus,.project-form-group textarea:focus{border-color:#f7f;box-shadow:0 0 0 2px #f7f}.project-form-group input::placeholder,.project-form-group textarea::placeholder{color:#000}.project-form-error{color:#000;background:#f7f;border:1px solid #000;border-radius:9px;margin-bottom:20px;padding:13px 15px;font-size:14px}.project-members-list{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.project-members-empty{color:#000;background:#fff;border:1px dashed #000;border-radius:9px;margin:0 0 12px;padding:12px 14px;font-size:13px}.project-member-chip{color:#000;background:#fff;border:1px solid #000;border-radius:999px;align-items:center;gap:8px;padding:8px 10px 8px 14px;font-size:14px;display:inline-flex}.project-member-remove{color:#000;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex}.project-member-remove:disabled{cursor:not-allowed;opacity:.5}.project-members-checklist{border:1px solid #000;border-radius:9px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:220px;padding:14px;display:grid;overflow-y:auto}.project-member-checkbox{color:#000;cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.project-member-checkbox input[type=checkbox]{accent-color:#f7f;cursor:pointer;width:16px;height:16px;min-height:0}.project-form-actions{border-top:1px solid #000;justify-content:flex-end;gap:12px;margin-top:28px;padding-top:24px;display:flex}.project-cancel-btn,.project-save-btn{color:#000;cursor:pointer;border:1px solid #000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.project-cancel-btn{background:#fff}.project-save-btn,.project-cancel-btn:hover,.project-save-btn:hover{background:#f7f}.project-save-btn:disabled{cursor:not-allowed;opacity:.7}.project-form-loading{color:#000;justify-content:center;align-items:center;min-height:400px;font-size:16px;font-weight:600;display:flex}@media (width<=768px){.project-form-page{padding:18px}.project-form{padding:20px}.project-form-grid{grid-template-columns:1fr}.project-form-full{grid-column:auto}.project-members-checklist{grid-template-columns:1fr}}@media (width<=500px){.project-form-header h1{font-size:25px}.project-form-actions{flex-direction:column-reverse}.project-cancel-btn,.project-save-btn{width:100%}}.project-activity-page{color:#000;box-sizing:border-box;background:#fff;width:100%;min-height:100vh;padding:28px}.project-activity-page *{box-sizing:border-box}.project-activity-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.project-activity-back{color:#000;align-items:center;gap:8px;margin-bottom:18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.project-activity-header h1{color:#000;margin:0;font-size:30px}.project-activity-header p{color:#000;margin:8px 0 0;font-size:14px}.project-activity-refresh{color:#000;cursor:pointer;background:#f7f;border:1px solid #000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.project-activity-refresh:hover{background:#fff}.project-activity-error{color:#000;background:#f7f;border:1px solid #000;border-radius:10px;margin-bottom:20px;padding:14px 16px;font-size:14px}.project-activity-timeline{width:100%;max-width:1000px}.project-activity-item{gap:18px;min-height:150px;display:flex}.project-activity-line{flex-direction:column;align-items:center;width:48px;min-width:48px;display:flex}.project-activity-dot{color:#000;z-index:2;background:#f7f;border:1px solid #000;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;min-height:44px;font-size:18px;display:flex;position:relative}.project-activity-connector{background:#000;flex:1;width:1px}.project-activity-card{background:#fff;border:1px solid #000;border-radius:16px;width:100%;margin-bottom:20px;padding:20px}.project-activity-card-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.project-activity-card h2{color:#000;margin:0;font-size:18px}.project-activity-meta{flex-wrap:wrap;gap:16px;margin-top:10px;display:flex}.project-activity-meta span,.project-activity-time{color:#000;align-items:center;gap:6px;font-size:12px;display:inline-flex}.project-activity-time{white-space:nowrap;background:#f7f;border:1px solid #000;border-radius:8px;padding:8px 10px}.project-activity-card>p{color:#000;white-space:pre-wrap;margin:18px 0 0;font-size:14px;line-height:1.7}.project-activity-empty{text-align:center;background:#fff;border:1px solid #000;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:350px;display:flex}.project-activity-empty>svg{color:#f7f;margin-bottom:15px;font-size:48px}.project-activity-empty h2{color:#000;margin:0}.project-activity-empty p{color:#000;max-width:500px;margin:8px 0 0}.project-activity-loading{color:#000;justify-content:center;align-items:center;min-height:400px;display:flex}@media (width<=768px){.project-activity-page{padding:18px}.project-activity-header{flex-direction:column}.project-activity-refresh{width:100%}.project-activity-item{gap:12px}.project-activity-line{width:40px;min-width:40px}.project-activity-card-top{flex-direction:column}}@media (width<=500px){.project-activity-header h1{font-size:25px}.project-activity-card{padding:16px}.project-activity-dot{width:38px;height:38px;min-height:38px}.project-activity-line{width:38px;min-width:38px}.project-activity-meta{flex-direction:column;gap:8px}}.project-documents-page{color:#000;box-sizing:border-box;background:#fff;width:100%;min-height:100vh;padding:28px}.project-documents-page *{box-sizing:border-box}.project-documents-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.project-documents-back{color:#000;align-items:center;gap:8px;margin-bottom:18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.project-documents-header h1{color:#000;margin:0;font-size:30px}.project-documents-header p{color:#000;margin:8px 0 0;font-size:14px}.project-documents-actions{gap:12px;display:flex}.project-documents-refresh,.project-documents-add{color:#000;cursor:pointer;border:1px solid #000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.project-documents-refresh{background:#fff}.project-documents-add,.project-documents-refresh:hover,.project-documents-add:hover{background:#f7f}.project-documents-error{color:#000;background:#f7f;border:1px solid #000;border-radius:10px;margin-bottom:20px;padding:14px 16px;font-size:14px}.project-documents-form-card{background:#fff;border:1px solid #000;border-radius:16px;margin-bottom:24px;padding:24px}.project-documents-form-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.project-documents-form-header h2{color:#000;margin:0;font-size:20px}.project-documents-form-header button{color:#000;cursor:pointer;background:#fff;border:1px solid #000;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.project-documents-form-header button:hover{background:#f7f}.project-documents-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.project-documents-group{flex-direction:column;gap:8px;display:flex}.project-documents-group>label:first-child{color:#000;font-size:14px;font-weight:600}.project-documents-group input[type=text]{color:#000;background:#fff;border:1px solid #000;border-radius:9px;outline:none;width:100%;min-height:46px;padding:0 14px;font-size:14px}.project-documents-group input[type=text]:focus{border-color:#f7f;box-shadow:0 0 0 2px #f7f}.project-documents-file-input{color:#000;cursor:pointer;background:#fff;border:1px solid #000;border-radius:9px;align-items:center;gap:10px;width:100%;min-height:46px;padding:0 14px;display:flex;overflow:hidden}.project-documents-file-input:hover{background:#f7f}.project-documents-file-input span{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.project-documents-file-input input{display:none}.project-documents-form-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.project-documents-cancel,.project-documents-save{color:#000;cursor:pointer;border:1px solid #000;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.project-documents-cancel{background:#fff}.project-documents-save,.project-documents-cancel:hover,.project-documents-save:hover{background:#f7f}.project-documents-save:disabled{opacity:.7;cursor:not-allowed}.project-documents-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.project-document-card{background:#fff;border:1px solid #000;border-radius:16px;flex-direction:column;min-height:310px;padding:20px;display:flex}.project-document-top{justify-content:space-between;align-items:center;display:flex}.project-document-icon{color:#000;background:#f7f;border:1px solid #000;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.project-document-extension{color:#000;background:#f7f;border:1px solid #000;border-radius:20px;padding:7px 10px;font-size:11px;font-weight:700}.project-document-content{margin-top:18px}.project-document-content h2{color:#000;word-break:break-word;margin:0;font-size:18px}.project-document-content p{color:#000;margin:8px 0 0;font-size:13px;line-height:1.5}.project-document-meta{flex-direction:column;gap:10px;margin-top:18px;display:flex}.project-document-meta div{color:#000;align-items:center;gap:8px;font-size:12px;display:flex}.project-document-actions{gap:10px;margin-top:auto;padding-top:20px;display:flex}.project-document-download,.project-document-delete{color:#000;cursor:pointer;background:#fff;border:1px solid #000;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:40px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.project-document-download:hover,.project-document-delete:hover{background:#f7f}.project-documents-empty{text-align:center;background:#fff;border:1px solid #000;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:350px;display:flex}.project-documents-empty>svg{color:#f7f;margin-bottom:15px;font-size:48px}.project-documents-empty h2{color:#000;margin:0}.project-documents-empty p{color:#000;margin:8px 0 18px}.project-documents-loading{color:#000;justify-content:center;align-items:center;min-height:400px;display:flex}@media (width<=1100px){.project-documents-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.project-documents-page{padding:18px}.project-documents-header{flex-direction:column}.project-documents-actions{width:100%}.project-documents-refresh,.project-documents-add{flex:1}.project-documents-form-grid,.project-documents-grid{grid-template-columns:1fr}}@media (width<=500px){.project-documents-actions,.project-documents-form-actions,.project-document-actions{flex-direction:column}.project-documents-refresh,.project-documents-add,.project-documents-cancel,.project-documents-save{width:100%}.project-documents-header h1{font-size:25px}}.project-details-page{color:#000;box-sizing:border-box;background:#fff;width:100%;min-height:100vh;padding:28px}.project-details-page *{box-sizing:border-box}.project-details-actions{align-items:center;gap:10px;display:flex}.project-details-delete-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.project-details-delete-btn:hover{background:#b91c1c}.project-details-delete-btn:disabled{opacity:.6;cursor:not-allowed}.project-details-delete-error{color:#b91c1c;background:#fee2e2;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:500}@media (width<=768px){.project-details-actions{flex-direction:column;align-items:stretch;width:100%}.project-details-edit-btn,.project-details-delete-btn{width:100%}}.project-details-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.project-details-back-link{color:#000;align-items:center;gap:8px;margin-bottom:18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.project-details-title-row{align-items:flex-start;gap:18px;display:flex}.project-details-title-row h1{color:#000;margin:0;font-size:30px;font-weight:700}.project-details-title-row p{color:#000;max-width:750px;margin:8px 0 0;font-size:14px;line-height:1.6}.project-details-status{white-space:nowrap;color:#000;text-transform:capitalize;background:#f7f;border:1px solid #000;border-radius:20px;padding:8px 14px;font-size:13px;font-weight:600}.project-details-edit-btn,.project-details-back-btn{color:#000;background:#f7f;border:1px solid #000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.project-details-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.project-details-stat{background:#fff;border:1px solid #000;border-radius:14px;align-items:center;gap:14px;min-height:110px;padding:18px;display:flex}.project-details-stat>svg{color:#000;background:#f7f;border-radius:10px;flex-shrink:0;width:44px;height:44px;padding:11px}.project-details-stat span{color:#000;margin-bottom:5px;font-size:12px;display:block}.project-details-stat strong{color:#000;font-size:14px;display:block}.project-details-progress-card{background:#fff;border:1px solid #000;border-radius:16px;margin-bottom:24px;padding:24px}.project-details-progress-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px;display:flex}.project-details-progress-header h2{color:#000;margin:0;font-size:19px}.project-details-progress-header p{color:#000;margin:6px 0 0;font-size:13px}.project-details-progress-header strong{color:#000;font-size:22px}.project-details-progress-bar{background:#fff;border:1px solid #000;border-radius:20px;width:100%;height:12px;overflow:hidden}.project-details-progress-bar div{background:#f7f;height:100%}.project-details-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.project-details-link-card{color:#000;background:#fff;border:1px solid #000;border-radius:14px;align-items:flex-start;gap:15px;min-height:160px;padding:20px;text-decoration:none;transition:all .2s;display:flex}.project-details-link-card:hover{background:#f7f;transform:translateY(-3px)}.project-details-link-icon{color:#000;background:#f7f;border:1px solid #000;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.project-details-link-card:hover .project-details-link-icon{background:#fff}.project-details-link-card h3{color:#000;margin:0;font-size:16px}.project-details-link-card p{color:#000;margin:7px 0 0;font-size:13px;line-height:1.5}.project-details-loading,.project-details-error{color:#000;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:450px;display:flex}.project-details-error>svg{color:#f7f;margin-bottom:14px;font-size:45px}.project-details-error h2{color:#000;margin:0}.project-details-error p{color:#000;margin:8px 0 18px}@media (width<=1100px){.project-details-stats,.project-details-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.project-details-page{padding:18px}.project-details-header{flex-direction:column}.project-details-edit-btn{width:100%}.project-details-title-row{flex-direction:column}.project-details-stats,.project-details-links{grid-template-columns:1fr}}@media (width<=500px){.project-details-title-row h1{font-size:25px}.project-details-progress-header{flex-direction:column}}.project-members-page{color:#000;box-sizing:border-box;background:#fff;width:100%;min-height:100vh;padding:28px}.project-members-page *{box-sizing:border-box}.project-members-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.project-members-back{color:#000;align-items:center;gap:8px;margin-bottom:18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.project-members-header h1{color:#000;margin:0;font-size:30px}.project-members-header p{color:#000;margin:8px 0 0;font-size:14px}.project-members-actions{gap:12px;display:flex}.project-members-refresh,.project-members-add{color:#000;cursor:pointer;border:1px solid #000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.project-members-refresh{background:#fff}.project-members-add,.project-members-refresh:hover,.project-members-add:hover{background:#f7f}.project-members-error{color:#000;background:#f7f;border:1px solid #000;border-radius:10px;margin-bottom:20px;padding:14px 16px;font-size:14px}.project-members-form-card,.project-members-card{background:#fff;border:1px solid #000;border-radius:16px;margin-bottom:24px;padding:24px}.project-members-form-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.project-members-form-header h2{color:#000;margin:0;font-size:20px}.project-members-form-header button{color:#000;cursor:pointer;background:#fff;border:1px solid #000;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.project-members-form-header button:hover{background:#f7f}.project-members-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.project-members-group{flex-direction:column;gap:8px;display:flex}.project-members-group label{color:#000;font-size:14px;font-weight:600}.project-members-group input,.project-members-group select{color:#000;background:#fff;border:1px solid #000;border-radius:9px;outline:none;width:100%;min-height:46px;padding:0 14px;font-size:14px}.project-members-group input:focus,.project-members-group select:focus{border-color:#f7f;box-shadow:0 0 0 2px #f7f}.project-members-form-actions{justify-content:flex-end;gap:12px;margin-top:22px;display:flex}.project-members-cancel,.project-members-save{color:#000;cursor:pointer;border:1px solid #000;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.project-members-cancel{background:#fff}.project-members-save,.project-members-cancel:hover,.project-members-save:hover{background:#f7f}.project-members-card-header{margin-bottom:20px}.project-members-card-header h2{color:#000;margin:0;font-size:20px}.project-members-card-header p{color:#000;margin:7px 0 0;font-size:13px}.project-members-list{flex-direction:column;gap:12px;display:flex}.project-member-item{background:#fff;border:1px solid #000;border-radius:12px;grid-template-columns:48px minmax(0,1fr) 130px 110px;align-items:center;gap:15px;min-height:76px;padding:14px;display:grid}.project-member-avatar{color:#000;background:#f7f;border:1px solid #000;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:17px;font-weight:700;display:flex}.project-member-info h3{color:#000;margin:0;font-size:15px}.project-member-info p{color:#000;margin:5px 0 0;font-size:12px}.project-member-role{color:#000;text-align:center;text-transform:capitalize;background:#f7f;border:1px solid #000;border-radius:20px;padding:8px 12px;font-size:12px;font-weight:600}.project-member-remove{color:#000;cursor:pointer;background:#fff;border:1px solid #000;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100px;min-height:38px;font-size:12px;font-weight:600;display:inline-flex}.project-member-remove:hover{background:#f7f}.project-members-empty{text-align:center;color:#000;flex-direction:column;justify-content:center;align-items:center;min-height:250px;display:flex}.project-members-empty>svg{color:#f7f;margin-bottom:14px;font-size:45px}.project-members-empty h3{color:#000;margin:0;font-size:18px}.project-members-empty p{color:#000;margin:8px 0 0;font-size:14px}.project-members-loading{color:#000;justify-content:center;align-items:center;min-height:400px;display:flex}@media (width<=768px){.project-members-page{padding:18px}.project-members-header{flex-direction:column}.project-members-actions{width:100%}.project-members-refresh,.project-members-add{flex:1}.project-members-form-grid{grid-template-columns:1fr}.project-member-item{grid-template-columns:48px minmax(0,1fr)}.project-member-role,.project-member-remove{grid-column:span 2}}@media (width<=500px){.project-members-actions{flex-direction:column}.project-members-refresh,.project-members-add{width:100%}.project-members-form-actions{flex-direction:column-reverse}.project-members-cancel,.project-members-save{width:100%}}.project-milestones-page{color:#000;box-sizing:border-box;background:#fff;width:100%;min-height:100vh;padding:28px}.project-milestones-page *{box-sizing:border-box}.project-milestones-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.project-milestones-back{color:#000;align-items:center;gap:8px;margin-bottom:18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.project-milestones-header h1{color:#000;margin:0;font-size:30px}.project-milestones-header p{color:#000;margin:8px 0 0;font-size:14px}.project-milestones-actions{gap:12px;display:flex}.project-milestones-refresh,.project-milestones-add{color:#000;cursor:pointer;background:#fff;border:1px solid #000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.project-milestones-add,.project-milestones-refresh:hover,.project-milestones-add:hover{background:#f7f}.project-milestones-error{color:#000;background:#f7f;border:1px solid #000;border-radius:10px;margin-bottom:20px;padding:14px 16px;font-size:14px}.project-milestones-form-card{background:#fff;border:1px solid #000;border-radius:16px;margin-bottom:24px;padding:24px}.project-milestones-form-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.project-milestones-form-header h2{color:#000;margin:0;font-size:20px}.project-milestones-form-header button{color:#000;cursor:pointer;background:#fff;border:1px solid #000;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.project-milestones-form-header button:hover{background:#f7f}.project-milestones-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.project-milestones-group{flex-direction:column;gap:8px;display:flex}.project-milestones-full{grid-column:1/-1}.project-milestones-group label{color:#000;font-size:14px;font-weight:600}.project-milestones-group input,.project-milestones-group select,.project-milestones-group textarea{color:#000;background:#fff;border:1px solid #000;border-radius:9px;outline:none;width:100%;min-height:46px;padding:12px 14px;font-family:inherit;font-size:14px}.project-milestones-group textarea{resize:vertical;min-height:120px}.project-milestones-group input:focus,.project-milestones-group select:focus,.project-milestones-group textarea:focus{border-color:#f7f;box-shadow:0 0 0 2px #f7f}.project-milestones-form-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.project-milestones-cancel,.project-milestones-save{color:#000;cursor:pointer;border:1px solid #000;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.project-milestones-cancel{background:#fff}.project-milestones-save,.project-milestones-cancel:hover,.project-milestones-save:hover{background:#f7f}.project-milestones-save:disabled{cursor:not-allowed;opacity:.7}.project-milestones-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.project-milestone-card{background:#fff;border:1px solid #000;border-radius:16px;flex-direction:column;min-height:350px;padding:20px;display:flex}.project-milestone-top{justify-content:space-between;align-items:center;gap:15px;display:flex}.project-milestone-icon{color:#000;background:#f7f;border:1px solid #000;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:21px;display:flex}.project-milestone-status{color:#000;text-transform:capitalize;background:#f7f;border:1px solid #000;border-radius:20px;padding:7px 12px;font-size:12px;font-weight:600}.project-milestone-content{margin-top:20px}.project-milestone-content h2{color:#000;margin:0;font-size:18px}.project-milestone-content p{color:#000;min-height:50px;margin:8px 0 0;font-size:13px;line-height:1.5}.project-milestone-date{color:#000;align-items:center;gap:8px;margin-top:18px;font-size:13px;display:flex}.project-milestone-person{flex-direction:column;gap:5px;margin-top:18px;display:flex}.project-milestone-person span{color:#000;font-size:12px}.project-milestone-person strong{color:#000;font-size:14px}.project-milestone-actions{gap:10px;margin-top:auto;padding-top:20px;display:flex}.project-milestone-edit,.project-milestone-delete{color:#000;cursor:pointer;background:#fff;border:1px solid #000;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:40px;font-size:13px;font-weight:600;display:inline-flex}.project-milestone-edit:hover,.project-milestone-delete:hover{background:#f7f}.project-milestones-empty{text-align:center;background:#fff;border:1px solid #000;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:350px;display:flex}.project-milestones-empty>svg{color:#f7f;margin-bottom:15px;font-size:48px}.project-milestones-empty h2{color:#000;margin:0;font-size:21px}.project-milestones-empty p{color:#000;margin:8px 0 18px;font-size:14px}.project-milestones-loading{color:#000;justify-content:center;align-items:center;min-height:400px;display:flex}@media (width<=1100px){.project-milestones-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.project-milestones-page{padding:18px}.project-milestones-header{flex-direction:column}.project-milestones-actions{width:100%}.project-milestones-refresh,.project-milestones-add{flex:1}.project-milestones-form-grid,.project-milestones-grid{grid-template-columns:1fr}.project-milestones-full{grid-column:auto}}@media (width<=500px){.project-milestones-actions,.project-milestones-form-actions{flex-direction:column}.project-milestones-refresh,.project-milestones-add,.project-milestones-cancel,.project-milestones-save{width:100%}.project-milestones-header h1{font-size:25px}}.project-risks-page{color:#000;box-sizing:border-box;background:#fff;width:100%;min-height:100vh;padding:28px}.project-risks-page *{box-sizing:border-box}.project-risks-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.project-risks-back{color:#000;align-items:center;gap:8px;margin-bottom:18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.project-risks-header h1{color:#000;margin:0;font-size:30px}.project-risks-header p{color:#000;margin:8px 0 0;font-size:14px}.project-risks-actions{gap:12px;display:flex}.project-risks-refresh,.project-risks-add{color:#000;cursor:pointer;border:1px solid #000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.project-risks-refresh{background:#fff}.project-risks-add,.project-risks-refresh:hover,.project-risks-add:hover{background:#f7f}.project-risks-error{color:#000;background:#f7f;border:1px solid #000;border-radius:10px;margin-bottom:20px;padding:14px 16px;font-size:14px}.project-risks-form-card{background:#fff;border:1px solid #000;border-radius:16px;margin-bottom:24px;padding:24px}.project-risks-form-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.project-risks-form-header h2{color:#000;margin:0;font-size:20px}.project-risks-form-header button{color:#000;cursor:pointer;background:#fff;border:1px solid #000;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.project-risks-form-header button:hover{background:#f7f}.project-risks-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.project-risks-group{flex-direction:column;gap:8px;display:flex}.project-risks-full{grid-column:1/-1}.project-risks-group label{color:#000;font-size:14px;font-weight:600}.project-risks-group input,.project-risks-group select,.project-risks-group textarea{color:#000;background:#fff;border:1px solid #000;border-radius:9px;outline:none;width:100%;min-height:46px;padding:12px 14px;font-family:inherit;font-size:14px}.project-risks-group textarea{resize:vertical;min-height:110px}.project-risks-group input:focus,.project-risks-group select:focus,.project-risks-group textarea:focus{border-color:#f7f;box-shadow:0 0 0 2px #f7f}.project-risks-form-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.project-risks-cancel,.project-risks-save{color:#000;cursor:pointer;border:1px solid #000;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.project-risks-cancel{background:#fff}.project-risks-save,.project-risks-cancel:hover,.project-risks-save:hover{background:#f7f}.project-risks-save:disabled{opacity:.7;cursor:not-allowed}.project-risks-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.project-risk-card{background:#fff;border:1px solid #000;border-radius:16px;flex-direction:column;padding:20px;display:flex}.project-risk-top{justify-content:space-between;align-items:center;display:flex}.project-risk-icon{color:#000;background:#f7f;border:1px solid #000;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:21px;display:flex}.project-risk-level{color:#000;background:#f7f;border:1px solid #000;border-radius:20px;padding:7px 12px;font-size:12px;font-weight:600}.project-risk-content{margin-top:18px}.project-risk-content h2{color:#000;margin:0;font-size:18px}.project-risk-content p{color:#000;margin:8px 0 0;font-size:13px;line-height:1.5}.project-risk-details{border:1px solid #000;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;padding:14px;display:grid}.project-risk-details div{flex-direction:column;gap:5px;display:flex}.project-risk-details span,.project-risk-mitigation span{color:#000;font-size:11px}.project-risk-details strong{color:#000;text-transform:capitalize;font-size:13px}.project-risk-mitigation{margin-top:18px}.project-risk-mitigation p{color:#000;margin:6px 0 0;font-size:13px;line-height:1.5}.project-risk-person{color:#000;align-items:center;gap:8px;margin-top:18px;font-size:13px;display:flex}.project-risk-actions{gap:10px;margin-top:20px;display:flex}.project-risk-edit,.project-risk-delete{color:#000;cursor:pointer;background:#fff;border:1px solid #000;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:40px;font-size:13px;font-weight:600;display:inline-flex}.project-risk-edit:hover,.project-risk-delete:hover{background:#f7f}.project-risks-empty{text-align:center;background:#fff;border:1px solid #000;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:350px;display:flex}.project-risks-empty>svg{color:#f7f;margin-bottom:15px;font-size:48px}.project-risks-empty h2{color:#000;margin:0}.project-risks-empty p{color:#000;margin:8px 0 18px}.project-risks-loading{color:#000;justify-content:center;align-items:center;min-height:400px;display:flex}@media (width<=1100px){.project-risks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.project-risks-page{padding:18px}.project-risks-header{flex-direction:column}.project-risks-actions{width:100%}.project-risks-refresh,.project-risks-add{flex:1}.project-risks-form-grid,.project-risks-grid{grid-template-columns:1fr}.project-risks-full{grid-column:auto}}@media (width<=500px){.project-risks-actions,.project-risks-form-actions,.project-risk-actions{flex-direction:column}.project-risks-refresh,.project-risks-add,.project-risks-cancel,.project-risks-save{width:100%}.project-risks-header h1{font-size:25px}}.projects-list-page{box-sizing:border-box;color:#000;background:#fff;width:100%;min-height:100vh;padding:28px}.projects-list-page *{box-sizing:border-box}.projects-list-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.projects-list-header h1{color:#000;margin:0;font-size:30px;font-weight:700}.projects-list-header p{color:#000;margin:8px 0 0;font-size:14px}.projects-list-actions{align-items:center;gap:12px;display:flex}.projects-refresh-btn,.projects-create-btn{color:#000;cursor:pointer;border:1px solid #000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.projects-refresh-btn{background:#fff}.projects-create-btn,.projects-refresh-btn:hover,.projects-create-btn:hover{background:#f7f}.projects-filters{gap:14px;margin-bottom:18px;display:flex}.projects-search{background:#fff;border:1px solid #000;border-radius:10px;flex:1;align-items:center;gap:10px;min-height:48px;padding:0 14px;display:flex}.projects-search svg{color:#000;font-size:19px}.projects-search input{color:#000;background:0 0;border:none;outline:none;width:100%;font-size:14px}.projects-search input::placeholder{color:#000}.projects-filters select{color:#000;background:#fff;border:1px solid #000;border-radius:10px;outline:none;min-width:180px;min-height:48px;padding:0 14px;font-size:14px}.projects-result-info{margin-bottom:18px}.projects-result-info span{color:#000;font-size:14px;font-weight:600}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.project-card{color:#000;background:#fff;border:1px solid #000;border-radius:16px;flex-direction:column;min-height:330px;padding:20px;display:flex}.project-card-top{justify-content:space-between;align-items:center;gap:15px;display:flex}.project-folder-icon{color:#000;background:#f7f;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex}.project-status{color:#000;text-transform:capitalize;background:#f7f;border-radius:20px;padding:7px 12px;font-size:12px;font-weight:600}.project-card-content{margin-top:20px}.project-card-content h2{color:#000;margin:0;font-size:19px;font-weight:700}.project-card-content p{color:#000;min-height:40px;margin:9px 0 0;font-size:13px;line-height:1.6}.project-card-manager{flex-direction:column;gap:5px;margin-top:20px;display:flex}.project-card-manager span,.project-progress-info span{color:#000;font-size:12px}.project-card-manager strong{color:#000;font-size:14px}.project-card-progress{margin-top:20px}.project-progress-info{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.project-progress-info strong{color:#000;font-size:13px}.projects-progress-bar{background:#fff;border:1px solid #000;border-radius:20px;width:100%;height:8px;overflow:hidden}.projects-progress-bar div{background:#f7f;height:100%}.project-card-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:20px;display:flex}.project-details-link,.project-edit-link{color:#000;border:1px solid #000;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.project-details-link{background:#f7f}.project-edit-link{background:#fff}.project-details-link:hover,.project-edit-link:hover{background:#f7f}.projects-loading,.projects-empty-state{text-align:center;color:#000;flex-direction:column;justify-content:center;align-items:center;min-height:350px;display:flex}.projects-empty-state>svg{color:#000;margin-bottom:15px;font-size:45px}.projects-empty-state h2{color:#000;margin:0;font-size:22px}.projects-empty-state p{color:#000;margin:8px 0 18px;font-size:14px}@media (width<=1200px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.projects-list-page{padding:18px}.projects-list-header{flex-direction:column;align-items:flex-start}.projects-list-actions{width:100%}.projects-refresh-btn,.projects-create-btn{flex:1}.projects-filters{flex-direction:column}.projects-filters select{width:100%}.projects-grid{grid-template-columns:1fr}}@media (width<=500px){.projects-list-actions{flex-direction:column}.projects-refresh-btn,.projects-create-btn{width:100%}.projects-list-header h1{font-size:25px}}.project-updates-page{color:#000;box-sizing:border-box;background:#fff;width:100%;min-height:100vh;padding:28px}.project-updates-page *{box-sizing:border-box}.project-updates-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.project-updates-group label:has(input[name=is_announcement]){cursor:pointer;color:#333;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:14px;font-weight:600;display:inline-flex}.project-updates-group input[name=is_announcement]{cursor:pointer;accent-color:#be27ee;width:18px;height:18px;margin:0}.project-updates-group input[name=is_announcement]:checked{accent-color:#be27ee}.project-updates-meta span:last-child{color:#be27ee;background:#f3e3fa;border-radius:20px;align-items:center;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.project-updates-back{color:#000;align-items:center;gap:8px;margin-bottom:18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.project-updates-header h1{color:#000;margin:0;font-size:30px}.project-updates-header p{color:#000;margin:8px 0 0;font-size:14px}.project-updates-actions{gap:12px;display:flex}.project-updates-refresh,.project-updates-add{color:#000;cursor:pointer;border:1px solid #000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.project-updates-refresh{background:#fff}.project-updates-add,.project-updates-refresh:hover,.project-updates-add:hover{background:#f7f}.project-updates-error{color:#000;background:#f7f;border:1px solid #000;border-radius:10px;margin-bottom:20px;padding:14px 16px;font-size:14px}.project-updates-form-card{background:#fff;border:1px solid #000;border-radius:16px;margin-bottom:24px;padding:24px}.project-updates-form-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.project-updates-form-header h2{color:#000;margin:0;font-size:20px}.project-updates-form-header button{color:#000;cursor:pointer;background:#fff;border:1px solid #000;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.project-updates-form-header button:hover{background:#f7f}.project-updates-group{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.project-updates-group label{color:#000;font-size:14px;font-weight:600}.project-updates-group input,.project-updates-group textarea{color:#000;background:#fff;border:1px solid #000;border-radius:9px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:14px}.project-updates-group input{min-height:46px}.project-updates-group textarea{resize:vertical}.project-updates-group input:focus,.project-updates-group textarea:focus{border-color:#f7f;box-shadow:0 0 0 2px #f7f}.project-updates-form-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.project-updates-cancel,.project-updates-save{color:#000;cursor:pointer;border:1px solid #000;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.project-updates-cancel{background:#fff}.project-updates-save,.project-updates-cancel:hover,.project-updates-save:hover{background:#f7f}.project-updates-save:disabled{opacity:.7;cursor:not-allowed}.project-updates-list{flex-direction:column;gap:16px;display:flex}.project-update-card{background:#fff;border:1px solid #000;border-radius:16px;gap:18px;padding:22px;display:flex}.project-update-icon{color:#000;background:#f7f;border:1px solid #000;border-radius:12px;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;font-size:20px;display:flex}.project-update-content{width:100%}.project-update-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.project-update-content h2{color:#000;margin:0;font-size:18px}.project-update-meta{flex-wrap:wrap;gap:15px;margin-top:9px;display:flex}.project-update-meta span{color:#000;align-items:center;gap:6px;font-size:12px;display:inline-flex}.project-update-actions{gap:8px;display:flex}.project-update-edit,.project-update-delete{color:#000;cursor:pointer;background:#fff;border:1px solid #000;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.project-update-edit:hover,.project-update-delete:hover{background:#f7f}.project-update-content>p{color:#000;white-space:pre-wrap;margin:18px 0 0;font-size:14px;line-height:1.7}.project-updates-empty{text-align:center;background:#fff;border:1px solid #000;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:350px;display:flex}.project-updates-empty>svg{color:#f7f;margin-bottom:15px;font-size:48px}.project-updates-empty h2{color:#000;margin:0}.project-updates-empty p{color:#000;margin:8px 0 18px}.project-updates-loading{color:#000;justify-content:center;align-items:center;min-height:400px;display:flex}@media (width<=768px){.project-updates-page{padding:18px}.project-updates-header{flex-direction:column}.project-updates-actions{width:100%}.project-updates-refresh,.project-updates-add{flex:1}.project-update-card{gap:14px}}@media (width<=500px){.project-updates-actions,.project-updates-form-actions{flex-direction:column}.project-updates-refresh,.project-updates-add,.project-updates-cancel,.project-updates-save{width:100%}.project-update-card,.project-update-top{flex-direction:column}.project-update-actions{width:100%}.project-update-edit,.project-update-delete{flex:1}.project-updates-header h1{font-size:25px}}.project-team-page{box-sizing:border-box;background:#f8f9fc;width:100%;min-height:100vh;padding:28px}.project-team-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.project-team-back{color:#777;align-items:center;gap:8px;font-size:14px;text-decoration:none;display:inline-flex}.project-team-back:hover{color:#f7f}.project-team-header h1{color:#242424;align-items:center;gap:10px;margin:12px 0 8px;font-size:30px;display:flex}.project-team-header h1 svg{color:#f7f}.project-team-header p{color:#777;margin:0;font-size:14px}.project-team-refresh{color:#242424;cursor:pointer;background:#fff;border:1px solid #e8e8ee;border-radius:10px;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.project-team-refresh:hover{color:#f7f;border-color:#f7f}.project-team-card{background:#fff;border:1px solid #e8e8ee;border-radius:14px;width:100%;overflow:hidden}.project-team-card-header{border-bottom:1px solid #eeeef2;justify-content:space-between;align-items:center;gap:15px;padding:22px 24px;display:flex}.project-team-card-header h2{color:#242424;margin:0 0 5px;font-size:20px}.project-team-card-header p{color:#777;margin:0;font-size:14px}.project-team-card-header span{color:#be27ee;background:#ff77ff1f;border-radius:20px;padding:7px 12px;font-size:13px;font-weight:600}.project-team-table-wrapper{width:100%;overflow-x:auto}.project-team-table{border-collapse:collapse;width:100%;min-width:700px}.project-team-table thead{background:#faf9fc}.project-team-table th{text-align:left;color:#777;text-transform:uppercase;border-bottom:1px solid #e8e8ee;padding:15px 24px;font-size:12px;font-weight:700}.project-team-table td{color:#555;border-bottom:1px solid #f0f0f3;padding:18px 24px;font-size:14px}.project-team-table tbody tr{transition:background .2s}.project-team-table tbody tr:hover{background:#ff77ff0a}.project-team-table tbody tr:last-child td{border-bottom:none}.project-name-link{color:#242424;text-decoration:none}.project-name-link:hover{color:#f7f}.project-name-link strong{font-weight:600}.manager-cell{color:#be27ee;background:#ff77ff1a;border-radius:8px;align-items:center;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex}.employees-cell{color:#555;line-height:1.6}.project-team-loading{text-align:center;color:#777;padding:50px}.project-team-empty{color:#777;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:180px;display:flex}.project-team-empty svg{color:#f7f;font-size:35px}@media (width<=768px){.project-team-page{padding:18px}.project-team-header{flex-direction:column}.project-team-refresh{justify-content:center;width:100%}.project-team-card-header{flex-direction:column;align-items:flex-start}.project-team-header h1{font-size:25px}}:root{--payroll-primary:#f7f;--payroll-primary-dark:#c43bc4;--payroll-primary-deep:#a92fa9;--payroll-primary-soft:#fff0ff;--payroll-bg:#f7f8fc;--payroll-white:#fff;--payroll-text:#24242a;--payroll-muted:#777782;--payroll-border:#e9e9ef;--payroll-shadow:0 8px 28px #19141e0f;--payroll-radius:16px}.payroll-page{box-sizing:border-box;background:radial-gradient(circle at 95% 0,#ff77ff1c,#0000 25%),linear-gradient(#fafaff 0%,#f7f8fc 100%);width:100%;min-height:100vh;padding:32px}.payroll-dashboard-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;display:flex}.payroll-title-row{align-items:center;gap:16px;display:flex}.payroll-title-icon{color:#fff;background:linear-gradient(135deg,#f7f 0%,#c43bc4 100%);border-radius:17px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:25px;display:flex;box-shadow:0 10px 24px #c43bc440}.payroll-dashboard-header h1{letter-spacing:-.5px;color:var(--payroll-text);margin:0;font-size:29px;font-weight:750;line-height:1.2}.payroll-dashboard-header p{color:var(--payroll-muted);margin:7px 0 0;font-size:14px;line-height:1.5}.payroll-primary-btn{box-sizing:border-box;white-space:nowrap;color:#fff;background:linear-gradient(135deg,#f7f 0%,#c43bc4 100%);border:none;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 20px;font-size:14px;font-weight:650;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex;box-shadow:0 8px 20px #c43bc43d}.payroll-primary-btn:hover{color:#fff;background:linear-gradient(135deg,#f7f 0%,#a92fa9 100%);transform:translateY(-2px);box-shadow:0 12px 26px #c43bc452}.payroll-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.payroll-stat-card{border-radius:var(--payroll-radius);background:var(--payroll-white);border:1px solid var(--payroll-border);min-width:0;box-shadow:var(--payroll-shadow);padding:22px;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.payroll-stat-card:after{content:"";pointer-events:none;background:#ff77ff14;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-50px;right:-45px}.payroll-stat-card:hover{border-color:#c43bc438;transform:translateY(-4px);box-shadow:0 16px 36px #19141e17}.payroll-stat-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.payroll-stat-icon{color:#fff;background:linear-gradient(135deg,#f7f,#c43bc4);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:47px;height:47px;font-size:20px;display:flex;box-shadow:0 7px 16px #c43bc433}.payroll-stat-trend{width:32px;height:32px;color:var(--payroll-primary-dark);background:var(--payroll-primary-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.payroll-stat-content{flex-direction:column;gap:6px;display:flex}.payroll-stat-content span{color:var(--payroll-muted);font-size:13px;font-weight:550}.payroll-stat-content strong{color:var(--payroll-text);font-size:27px;font-weight:750;line-height:1.2}.payroll-stat-content small{color:#9999a3;font-size:12px;line-height:1.45}.payroll-dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);align-items:stretch;gap:20px;display:grid}.payroll-section-card{background:var(--payroll-white);border:1px solid var(--payroll-border);min-width:0;box-shadow:var(--payroll-shadow);border-radius:18px;padding:25px}.payroll-section-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:23px;display:flex}.payroll-section-header h2{color:var(--payroll-text);margin:0;font-size:19px;font-weight:750;line-height:1.3}.payroll-section-header p{color:var(--payroll-muted);margin:6px 0 0;font-size:13px;line-height:1.5}.payroll-section-header>svg{width:21px;height:21px;color:var(--payroll-primary-dark);flex-shrink:0}.payroll-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.payroll-action-card{background:#fff;border:1px solid #ededf1;border-radius:14px;align-items:center;gap:13px;min-width:0;padding:17px;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s,background .25s;display:flex;position:relative}.payroll-action-card:hover{background:#fffaff;border-color:#c43bc452;transform:translateY(-3px);box-shadow:0 10px 24px #c43bc41a}.payroll-action-icon{width:45px;min-width:45px;height:45px;color:var(--payroll-primary-dark);background:linear-gradient(145deg,#fff0ff,#fae9fa);border-radius:12px;justify-content:center;align-items:center;font-size:19px;display:flex}.payroll-action-content{flex:1;min-width:0}.payroll-action-content h3{color:var(--payroll-text);margin:0;font-size:14px;font-weight:700;line-height:1.4}.payroll-action-content p{color:var(--payroll-muted);margin:5px 0 0;font-size:12px;line-height:1.45}.payroll-action-arrow{color:#b8b8c1;flex-shrink:0;width:17px;height:17px;transition:transform .2s,color .2s}.payroll-action-card:hover .payroll-action-arrow{color:var(--payroll-primary-dark);transform:translate(4px)}.payroll-overview-list{flex-direction:column;gap:12px;display:flex}.payroll-overview-item{box-sizing:border-box;background:#fbfbfc;border:1px solid #eeeef2;border-radius:12px;align-items:center;gap:13px;min-height:62px;padding:11px 13px;transition:background .2s,transform .2s;display:flex}.payroll-overview-item:hover{background:#fff;transform:translate(2px)}.overview-icon{border-radius:11px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:17px;display:flex}.overview-icon.pink{color:var(--payroll-primary-dark);background:#fff0ff}.overview-icon.purple{color:#8656d8;background:#f3edff}.overview-icon.green{color:#249b68;background:#e9fbf3}.overview-icon.orange{color:#e58a32;background:#fff3e7}.payroll-overview-item div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.payroll-overview-item span{color:var(--payroll-muted);font-size:12px}.payroll-overview-item strong{color:var(--payroll-text);font-size:16px;font-weight:700}.payroll-hr-section{color:#fff;background:linear-gradient(135deg,#f7f 0%,#c43bc4 70%,#a92fa9 100%);border-radius:18px;justify-content:space-between;align-items:center;gap:25px;margin-top:20px;padding:25px 28px;display:flex;box-shadow:0 12px 30px #c43bc438}.payroll-hr-content{align-items:center;gap:18px;min-width:0;display:flex}.payroll-hr-icon{background:#ffffff2e;border:1px solid #ffffff29;border-radius:15px;justify-content:center;align-items:center;width:55px;min-width:55px;height:55px;font-size:24px;display:flex}.payroll-hr-content h2{margin:0;font-size:20px;font-weight:750;line-height:1.3}.payroll-hr-content p{color:#ffffffe0;max-width:700px;margin:7px 0 0;font-size:13px;line-height:1.6}.payroll-hr-button{white-space:nowrap;box-sizing:border-box;min-height:44px;color:var(--payroll-primary-dark);background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .25s,box-shadow .25s;display:inline-flex}.payroll-hr-button:hover{color:var(--payroll-primary-deep);transform:translateY(-2px);box-shadow:0 8px 18px #0000001f}.payroll-loading{min-height:70vh;color:var(--payroll-muted);flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex}.payroll-spinner{border:4px solid #f4d7f4;border-top-color:var(--payroll-primary-dark);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite payrollSpin}@keyframes payrollSpin{to{transform:rotate(360deg)}}.payroll-layout{background:var(--payroll-bg);width:100%;min-height:100vh}.payroll-nav{box-sizing:border-box;border-bottom:1px solid var(--payroll-border);background:#fff;flex-wrap:wrap;align-items:center;gap:9px;width:100%;padding:15px 24px;display:flex;overflow:visible;box-shadow:0 4px 15px #00000009}.payroll-nav a{white-space:nowrap;color:#686872;background:#fafafa;border:1px solid #eeeef2;border-radius:10px;align-items:center;gap:8px;padding:10px 15px;font-size:13px;font-weight:550;text-decoration:none;transition:all .25s;display:flex}.payroll-nav a span{justify-content:center;align-items:center;font-size:17px;display:flex}.payroll-nav a:hover{color:var(--payroll-primary-dark);background:var(--payroll-primary-soft);border-color:#efb8ef;transform:translateY(-1px)}.payroll-nav a.active{color:#fff;background:linear-gradient(135deg,#f7f,#c43bc4);border-color:#0000;font-weight:650;box-shadow:0 6px 16px #c43bc438}.payroll-content{width:100%;min-width:0;min-height:calc(100vh - 70px)}.page-head{margin-bottom:28px}.page-head h1{color:#24242a;letter-spacing:-.5px;margin:0 0 8px;font-size:28px;font-weight:800}.page-head p{color:#777782;margin:0;font-size:14px}.payroll-form{background:#fff;border:1px solid #f0d7f7;border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:25px;padding:24px;display:grid;box-shadow:0 8px 26px #c43bc412}.payroll-form label{color:#33333a;flex-direction:column;gap:8px;font-size:13px;font-weight:700;display:flex}.payroll-form input,.payroll-form select,.payroll-form textarea{box-sizing:border-box;color:#33333a;background:#fff;border:1px solid #e5dfe7;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:14px;transition:border .2s,box-shadow .2s}.payroll-form input:focus,.payroll-form select:focus,.payroll-form textarea:focus{border-color:var(--payroll-primary-dark);box-shadow:0 0 0 3px #c43bc41c}.payroll-form button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#f7f,#c43bc4);border:none;border-radius:10px;align-self:end;min-height:44px;padding:0 22px;font-size:14px;font-weight:700;transition:transform .2s,opacity .2s,box-shadow .2s}.payroll-form button:hover{transform:translateY(-1px);box-shadow:0 7px 18px #c43bc440}.payroll-form button.secondary{color:#55555e;background:#f4f4f6}.payroll-form button.secondary:hover{box-shadow:none;background:#e9e9ee}.table-card{background:#fff;border:1px solid #eee8ef;border-radius:18px;width:100%;overflow-x:auto;box-shadow:0 7px 25px #19141e0b}.table-card table{border-collapse:collapse;width:100%;min-width:700px}.table-card thead{background:linear-gradient(135deg,#fff8ff,#fff)}.table-card th{text-align:center;text-transform:uppercase;letter-spacing:.55px;color:#777782;white-space:nowrap;border-bottom:1px solid #f0e7f0;padding:15px 16px;font-size:11px}.table-card td{color:#44444c;white-space:nowrap;border-bottom:1px solid #f4f0f4;padding:15px 16px;font-size:14px}.table-card tbody tr{transition:background .2s}.table-card tbody tr:hover{background:#fff8ff}.table-card tbody tr:last-child td{border-bottom:none}.table-card td:last-child{align-items:center;gap:8px;display:flex}.table-card td button{cursor:pointer;color:var(--payroll-primary-dark);background:#fff0ff;border:none;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:700;transition:background .2s,transform .2s}.table-card td button:hover{background:var(--payroll-primary-dark);color:#fff;transform:translateY(-1px)}.table-card td button.danger{color:#dc3545;background:#fff0f0}.table-card td button.danger:hover{color:#fff;background:#dc3545}.payroll-empty{text-align:center;color:#888890;background:#fff;border:1px dashed #efb6ef;border-radius:16px;padding:50px 20px}.payroll-empty h3{color:#44444c;margin:0 0 8px}.payroll-employees-page{width:100%}.payroll-page-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.page-label{letter-spacing:1.5px;color:var(--payroll-primary-dark);margin-bottom:8px;font-size:11px;font-weight:800;display:inline-block}.employee-header-actions{align-items:center;display:flex}.refresh-employees-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f7f,#c43bc4);border:none;border-radius:10px;padding:11px 18px;font-size:14px;font-weight:700;transition:all .25s;box-shadow:0 6px 18px #c43bc433}.refresh-employees-btn:hover{background:linear-gradient(135deg,#f7f,#a92fa9);transform:translateY(-2px);box-shadow:0 10px 22px #c43bc44d}.employee-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.employee-summary-card{background:#fff;border:1px solid #c43bc421;border-radius:16px;align-items:center;gap:16px;padding:20px;transition:all .25s;display:flex;box-shadow:0 8px 24px #1414140d}.employee-summary-card:hover{border-color:#c43bc452;transform:translateY(-3px);box-shadow:0 14px 30px #c43bc41a}.summary-icon{width:52px;height:52px;color:var(--payroll-primary-dark);background:#ff77ff1f;border-radius:14px;justify-content:center;align-items:center;font-size:24px;display:flex}.employee-summary-card span{color:#777782;margin-bottom:4px;font-size:13px;display:block}.employee-summary-card strong{color:#22222a;font-size:25px;font-weight:800;display:block}.payroll-employees-card{background:#fff;border:1px solid #0000000f;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px #1414140d}.table-card-header{border-bottom:1px solid #f0f0f2;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.table-card-header h2{color:#22222a;margin:0;font-size:19px;font-weight:800}.table-card-header h3{color:#22222a;margin:0 0 5px;font-size:18px}.table-card-header p{color:#888892;margin:6px 0 0;font-size:13px}.employee-count-badge{color:var(--payroll-primary-dark);background:#ff77ff1f;border-radius:20px;padding:7px 12px;font-size:12px;font-weight:700}.payroll-table-wrapper{width:100%;overflow-x:auto}.payroll-employees-table{border-collapse:collapse;width:100%;min-width:850px}.payroll-employees-table th{text-align:left;letter-spacing:.4px;color:#777782;text-transform:uppercase;background:#fafafa;padding:15px 20px;font-size:11px;font-weight:800}.payroll-employees-table td{color:#44444c;vertical-align:middle;border-top:1px solid #f2f2f2;padding:17px 20px;font-size:14px}.payroll-employees-table tbody tr{transition:all .2s}.payroll-employees-table tbody tr:hover{background:#ff77ff09}.employee-cell{align-items:center;gap:12px;display:flex}.employee-avatar{color:#fff;background:linear-gradient(135deg,#f7f,#c43bc4);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:13px;font-weight:800;display:flex;box-shadow:0 5px 14px #c43bc438}.employee-details{flex-direction:column;gap:4px;display:flex}.employee-details strong{color:#22222a;font-size:14px;font-weight:700}.employee-details span{color:#9999a2;font-size:12px}.department-text{color:#66666f;background:#f7f7f8;border-radius:7px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-block}.salary-value{color:#22222a;white-space:nowrap;font-size:14px}.payroll-status-badge{border-radius:20px;align-items:center;gap:7px;padding:7px 11px;font-size:12px;font-weight:700;display:inline-flex}.status-dot{border-radius:50%;width:7px;height:7px}.payroll-status-badge.active{color:#16a34a;background:#22c55e1a}.payroll-status-badge.active .status-dot{background:#22c55e}.payroll-status-badge.inactive{color:#dc2626;background:#ef44441a}.payroll-status-badge.inactive .status-dot{background:#ef4444}.payroll-status-badge:not(.active):not(.inactive){color:var(--payroll-primary-dark);background:#ff77ff1f}.payroll-status-badge:not(.active):not(.inactive) .status-dot{background:var(--payroll-primary-dark)}.payroll-loading-state{color:#888892;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:280px;display:flex}.payroll-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:30px;display:flex}.empty-icon{width:70px;height:70px;color:var(--payroll-primary-dark);background:#ff77ff1a;border-radius:20px;justify-content:center;align-items:center;margin-bottom:15px;font-size:32px;display:flex}.payroll-empty-state h3{color:#22222a;margin:0 0 7px;font-size:18px}.payroll-empty-state p{color:#888892;margin:0;font-size:14px}.payroll-page-head{justify-content:space-between;align-items:center;gap:20px;display:flex}.page-head-actions{align-items:center;gap:12px;display:flex}.payroll-refresh-btn{color:#66666f;cursor:pointer;background:#fff;border:1px solid #e9e9ef;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;transition:all .2s;display:flex}.payroll-refresh-btn:hover{border-color:var(--payroll-primary);color:var(--payroll-primary-dark);background:var(--payroll-primary-soft)}.payroll-create-card{background:#fff;border:1px solid #eee6ef;border-radius:17px;margin-bottom:24px;padding:24px;box-shadow:0 8px 30px #0000000a}.create-card-header{margin-bottom:20px}.create-card-header h3{color:#24242a;margin:0 0 6px;font-size:18px}.create-card-header p{color:#777782;margin:0;font-size:13px}.payroll-run-form{grid-template-columns:1fr 1fr auto;align-items:end;gap:16px;display:grid}.form-group input{color:#33333a;border:1px solid #e7e7ec;border-radius:9px;outline:none;height:44px;padding:0 14px;transition:all .2s}.payroll-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.payroll-mini-card{background:#fff;border:1px solid #eeeef2;border-radius:14px;flex-direction:column;gap:10px;padding:20px;display:flex;box-shadow:0 6px 22px #00000009}.payroll-mini-card span{color:#777782;font-size:13px}.payroll-mini-card strong{color:#22222a;font-size:27px}.payroll-runs-table{background:#fff;border:1px solid #eeeef2;border-radius:16px;overflow:hidden}.payroll-runs-table th{color:#66666f;text-align:left;background:#fafafa;padding:15px 20px;font-size:12px;font-weight:700}.payroll-runs-table td{border-top:1px solid #f0f0f2;padding:17px 20px}.payroll-runs-table tbody tr{transition:all .2s}.payroll-runs-table tbody tr:hover{background:#fffaff}.payroll-run-name,.payroll-amount{color:#292930;font-weight:650}.payroll-status{text-transform:capitalize;border-radius:20px;align-items:center;padding:6px 11px;font-size:12px;font-weight:600;display:inline-flex}.payroll-status.draft,.payroll-status.pending{color:#b7791f;background:#fff4db}.payroll-status.calculated{color:#3b6edc;background:#e8f0ff}.payroll-status.approved{color:#23834a;background:#e5f8ed}.payroll-status.paid{color:#a53cc9;background:#f5e8ff}.payroll-action-buttons{align-items:center;gap:8px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex}.action-btn:hover{transform:translateY(-1px)}.action-btn.calculate{color:var(--payroll-primary-dark);background:#fff0ff}.action-btn.approve{color:#27864d;background:#e8f8ee}.action-btn.paid{color:#d66d14;background:#fff0e5}.payslip-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.payslip-stat-card{background:#fff;border:1px solid #eeeef2;border-radius:16px;align-items:center;gap:15px;padding:20px;transition:all .25s;display:flex;box-shadow:0 5px 20px #00000008}.payslip-stat-card:hover{border-color:var(--payroll-primary);transform:translateY(-3px);box-shadow:0 12px 30px #c43bc41c}.payslip-stat-icon{width:48px;height:48px;color:var(--payroll-primary-dark);background:#ff77ff24;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;font-size:21px;display:flex}.payslip-stat-icon.success{color:#28a65b;background:#e8f8ee}.payslip-stat-icon.pending{color:#d99100;background:#fff4db}.payslip-stat-icon.paid{color:#5a6ee8;background:#eef1ff}.payslip-stat-card span{color:#777782;margin-bottom:5px;font-size:13px;display:block}.payslip-stat-card strong{color:#22222a;font-size:25px}.payslips-table-card{background:#fff;border:1px solid #eeeef2;border-radius:17px;overflow:hidden;box-shadow:0 7px 25px #19141e0b}.payslips-table-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:20px;padding:21px 24px;display:flex}.payslips-table-header h3{color:#22222a;margin:0 0 6px;font-size:18px}.payslips-table-header p{color:#777782;margin:0;font-size:13px}.payslip-search{box-sizing:border-box;background:#fff;border:1px solid #e7e7ec;border-radius:10px;align-items:center;gap:9px;width:270px;height:42px;padding:0 13px;transition:all .2s;display:flex}.payslip-search:focus-within{border-color:var(--payroll-primary-dark);box-shadow:0 0 0 3px #c43bc41f}.payslip-search svg{color:#9999a2;font-size:17px}.payslip-search input{color:#33333a;background:0 0;border:none;outline:none;width:100%;font-size:13px}.payslips-table{border-collapse:collapse;width:100%}.payslips-table th{color:#777782;text-transform:uppercase;letter-spacing:.4px;text-align:left;background:#fafafa;padding:15px 20px;font-size:11px;font-weight:700}.payslips-table td{color:#44444c;border-top:1px solid #f1f1f3;padding:17px 20px;font-size:14px}.payslips-table tbody tr{transition:background .2s}.payslips-table tbody tr:hover{background:#fffaff}.salary-cell{font-weight:700;color:#22222a!important}.payslip-status{text-transform:capitalize;border-radius:20px;align-items:center;padding:6px 11px;font-size:11px;font-weight:700;display:inline-flex}.payslip-status.pending,.payslip-status.draft{color:#c78100;background:#fff4db}.payslip-status.generated{color:var(--payroll-primary-dark);background:#ff77ff21}.payslip-status.approved,.payslip-status.paid{color:#23864a;background:#e8f8ee}.generate-payslip-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f7f,#c43bc4);border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.generate-payslip-btn:hover:not(:disabled){background:linear-gradient(135deg,#f7f,#a92fa9);transform:translateY(-1px);box-shadow:0 6px 16px #c43bc440}.generate-payslip-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=1200px){.payroll-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-dashboard-grid{grid-template-columns:1fr}.payroll-summary-grid,.payslip-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1024px){.payroll-page{padding:25px}.payroll-nav{gap:8px;padding:14px 20px}.payroll-nav a{padding:9px 14px;font-size:13px}.payroll-run-form{grid-template-columns:1fr 1fr}.employee-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.payroll-form{grid-template-columns:repeat(2,minmax(0,1fr))}.page-head h1{font-size:25px}}@media (width<=768px){.payroll-page{padding:20px}.payroll-dashboard-header{flex-direction:column;align-items:flex-start}.payroll-primary-btn{width:100%}.payroll-stats-grid,.payroll-actions-grid{grid-template-columns:1fr}.payroll-hr-section{flex-direction:column;align-items:flex-start}.payroll-hr-content{align-items:flex-start}.payroll-hr-button{width:100%}.payroll-nav{gap:8px;padding:12px 15px}.payroll-nav a{padding:9px 12px;font-size:13px}.payroll-page-head{flex-direction:column;align-items:flex-start}.payroll-summary-grid,.payslip-summary-grid,.payroll-run-form{grid-template-columns:1fr}.payslips-table-header{flex-direction:column;align-items:flex-start}.payslip-search{width:100%}}@media (width<=650px){.payroll-form{grid-template-columns:1fr;padding:18px}.payroll-form button{width:100%}.page-head h1{font-size:22px}.employee-summary-grid{grid-template-columns:1fr}.table-card-header{flex-direction:column;align-items:flex-start}.refresh-employees-btn,.employee-header-actions{width:100%}.payroll-employees-page{padding-bottom:30px}}@media (width<=500px){.payroll-page{padding:15px}.payroll-title-row{align-items:flex-start}.payroll-title-icon{border-radius:14px;width:48px;height:48px;font-size:21px}.payroll-dashboard-header h1{font-size:22px}.payroll-dashboard-header p{font-size:13px}.payroll-section-card{padding:18px}.payroll-hr-section{padding:20px}.payroll-hr-content{flex-direction:column;align-items:flex-start}.payroll-hr-content h2{font-size:18px}.payroll-stat-card{padding:19px}.payroll-stat-content strong{font-size:24px}.payroll-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;display:grid}.payroll-nav a{justify-content:center;padding:10px 8px;font-size:12px}.payslip-search{width:100%}}.payroll-preview-card{background:#fff;border:1px solid #e8e8e8;border-radius:14px;margin-top:24px;padding:24px}.payroll-preview-header{border-bottom:1px solid #ededed;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:18px;display:flex}.payroll-preview-header h3{align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:flex}.payroll-preview-header p{color:#777;margin:6px 0 0;font-size:13px}.payroll-breakdown-section{background:#fafafa;border:1px solid #ededed;border-radius:12px;margin-bottom:18px;padding:18px}.payroll-breakdown-section h4{color:#222;margin:0 0 14px;font-size:14px;font-weight:700}.payroll-breakdown-row{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:20px;padding:9px 0;font-size:14px;display:flex}.payroll-breakdown-row:last-of-type{border-bottom:none}.payroll-breakdown-row span{color:#666}.payroll-breakdown-row strong{color:#222;font-weight:600}.payroll-breakdown-total{border-top:1px solid #ddd;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;font-size:14px;font-weight:700;display:flex}.payroll-breakdown-total strong{color:#111}.payroll-no-data{color:#888;padding:10px 0;font-size:13px}.payroll-final-summary{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px;display:grid}.payroll-final-summary>div{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:18px}.payroll-final-summary span{color:#777;margin-bottom:8px;font-size:13px;display:block}.payroll-final-summary strong{color:#222;font-size:20px;font-weight:700;display:block}.payroll-final-summary .net{background:#111;border-color:#111}.payroll-final-summary .net span,.payroll-final-summary .net strong{color:#fff}.payroll-create-card .form-group select,.payroll-create-card .form-group input{box-sizing:border-box;width:100%}.payroll-create-card .form-group select:focus,.payroll-create-card .form-group input:focus{border-color:#111;outline:none}.payroll-create-card small{color:#888;margin-top:7px;font-size:12px;display:block}.payroll-loading{text-align:center;color:#777;padding:24px;font-size:14px}@media (width<=900px){.payroll-final-summary{grid-template-columns:1fr}}@media (width<=600px){.payroll-preview-card{padding:16px}.payroll-breakdown-section{padding:14px}.payroll-breakdown-row{font-size:13px}.payroll-final-summary strong{font-size:18px}}.payroll-permissions-page{box-sizing:border-box;background:#fff;width:100%;min-height:100%;padding:28px}.payroll-permissions-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.payroll-permissions-heading{align-items:center;gap:15px;display:flex}.payroll-permissions-heading-icon{color:#f7f;background:#fff0ff;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:25px;display:flex}.payroll-permissions-heading h1{color:#242124;margin:0;font-size:25px;font-weight:700}.payroll-permissions-heading p{color:#777;margin:5px 0 0;font-size:14px}.payroll-permissions-refresh-btn{color:#555;cursor:pointer;background:#fff;border:1px solid #f0d8f0;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.payroll-permissions-refresh-btn:hover{color:#f7f;background:#fff7ff;border-color:#f7f}.payroll-permissions-success,.payroll-permissions-error{border-radius:11px;align-items:center;gap:10px;margin-bottom:18px;padding:13px 16px;font-size:14px;font-weight:500;display:flex}.payroll-permissions-success{color:#16804b;background:#f0fff7;border:1px solid #c9f2dd}.payroll-permissions-error{color:#c33c3c;background:#fff2f2;border:1px solid #f5cccc}.payroll-permissions-summary{background:linear-gradient(135deg,#fff,#fff8ff);border:1px solid #f0e0f0;border-radius:14px;align-items:center;gap:14px;margin-bottom:22px;padding:18px 20px;display:flex}.payroll-permissions-summary-icon{color:#fff;background:#f7f;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.payroll-permissions-summary>div:nth-child(2){flex-direction:column;gap:2px;min-width:90px;display:flex}.payroll-permissions-summary>div:nth-child(2) span{color:#777;font-size:12px}.payroll-permissions-summary>div:nth-child(2) strong{color:#292329;font-size:20px}.payroll-permissions-summary p{color:#777;margin:0 0 0 10px;font-size:13px}.payroll-permissions-users{flex-direction:column;gap:20px;display:flex}.payroll-permissions-user-card{background:#fff;border:1px solid #eee0ee;border-radius:16px;overflow:hidden;box-shadow:0 5px 20px #461e460d}.payroll-permissions-user-header{border-bottom:1px solid #f3eaf3;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.payroll-permissions-user-profile{align-items:center;gap:13px;display:flex}.payroll-permissions-user-avatar{color:#fff;background:#f7f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;font-weight:700;display:flex}.payroll-permissions-user-profile h2{color:#282328;margin:0;font-size:16px;font-weight:700}.payroll-permissions-user-profile p{color:#888;margin:4px 0 0;font-size:13px}.payroll-permissions-status{white-space:nowrap;border-radius:20px;padding:7px 11px;font-size:12px;font-weight:600}.payroll-permissions-status-active{color:#d84bd8;background:#fff0ff}.payroll-permissions-status-new{color:#777;background:#f4f4f4}.payroll-permissions-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.payroll-permissions-item{cursor:pointer;border-bottom:1px solid #f4edf4;justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:16px 22px;transition:background .2s;display:flex;position:relative}.payroll-permissions-item:nth-child(odd){border-right:1px solid #f4edf4}.payroll-permissions-item:hover{background:#fffaff}.payroll-permissions-item-text{flex-direction:column;gap:5px;padding-right:10px;display:flex}.payroll-permissions-item-text strong{color:#302930;font-size:14px;font-weight:650}.payroll-permissions-item-text span{color:#888;font-size:12px;line-height:1.45}.payroll-permissions-item input{opacity:0;pointer-events:none;position:absolute}.payroll-permissions-toggle{box-sizing:border-box;background:#d9d9d9;border-radius:20px;flex-shrink:0;width:44px;height:24px;padding:3px;transition:all .2s}.payroll-permissions-toggle span{background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;display:block;box-shadow:0 1px 4px #00000026}.payroll-permissions-item input:checked+.payroll-permissions-toggle{background:#f7f}.payroll-permissions-item input:checked+.payroll-permissions-toggle span{transform:translate(20px)}.payroll-permissions-user-footer{background:#fffaff;justify-content:space-between;align-items:center;gap:20px;padding:16px 22px;display:flex}.payroll-permissions-user-footer>span{color:#999;font-size:12px}.payroll-permissions-save-btn{color:#fff;cursor:pointer;background:#f7f;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:170px;padding:11px 17px;font-size:13px;font-weight:650;transition:all .2s;display:flex;box-shadow:0 4px 12px #ff77ff38}.payroll-permissions-save-btn:hover{background:#f05af0;transform:translateY(-1px)}.payroll-permissions-save-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.payroll-permissions-loading{color:#777;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:400px;font-size:14px;display:flex}.payroll-permissions-spinner,.payroll-permissions-button-spinner{border:3px solid #f3dff3;border-top-color:#f7f;border-radius:50%;animation:.8s linear infinite payrollPermissionsSpin}.payroll-permissions-spinner{width:32px;height:32px}.payroll-permissions-button-spinner{border-width:2px;border-top-color:#fff;width:14px;height:14px}.payroll-permissions-empty{text-align:center;background:#fffaff;border:1px dashed #eadbea;border-radius:16px;padding:70px 20px}.payroll-permissions-empty-icon{color:#f7f;background:#fff0ff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 15px;font-size:24px;display:flex}.payroll-permissions-empty h2{color:#302930;margin:0 0 7px;font-size:18px}.payroll-permissions-empty p{color:#888;margin:0;font-size:13px}@keyframes payrollPermissionsSpin{to{transform:rotate(360deg)}}@media (width<=850px){.payroll-permissions-page{padding:20px}.payroll-permissions-list{grid-template-columns:1fr}.payroll-permissions-item:nth-child(odd){border-right:0}.payroll-permissions-user-footer{flex-direction:column;align-items:flex-start}.payroll-permissions-save-btn{width:100%}}@media (width<=600px){.payroll-permissions-page{padding:15px}.payroll-permissions-header{flex-direction:column;align-items:flex-start}.payroll-permissions-refresh-btn{justify-content:center;width:100%}.payroll-permissions-summary{flex-wrap:wrap}.payroll-permissions-summary p{width:100%;margin:4px 0 0}.payroll-permissions-user-header{flex-direction:column;align-items:flex-start}.payroll-permissions-status{align-self:flex-start}.payroll-permissions-item,.payroll-permissions-user-footer{padding:15px}}.hr-payroll-layout{width:100%;min-height:100%}.hr-payroll-nav{background:#fff;border-bottom:1px solid #eee;align-items:center;gap:8px;padding:14px 18px;display:flex;overflow-x:auto}.hr-payroll-nav a{color:#555;white-space:nowrap;border-radius:9px;align-items:center;gap:7px;padding:10px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.hr-payroll-nav a:hover{color:#f7f;background:#ff77ff14}.hr-payroll-nav a.hr-payroll-nav-active{color:#f7f;background:#ff77ff1f}.hr-payroll-nav a span{font-size:16px}.hr-payroll-content{width:100%;padding:20px}.hr-payroll-loading{color:#f7f;justify-content:center;align-items:center;width:100%;min-height:300px;font-size:16px;font-weight:600;display:flex}@media (width<=768px){.hr-payroll-nav{padding:10px}.hr-payroll-nav a{padding:8px 11px;font-size:13px}.hr-payroll-content{padding:12px}}.bank-page{box-sizing:border-box;color:#0f0f0f;background:#fff;width:100%;min-height:100vh;padding:40px clamp(20px,4vw,48px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.bank-page *{box-sizing:border-box}.bank-header{border-bottom:1px solid #e5e5e5;margin-bottom:32px;padding-bottom:24px}.bank-header h1{letter-spacing:-.02em;margin:0 0 6px;font-size:26px;font-weight:700}.bank-header p{color:#6b6b6b;margin:0;font-size:14px}.bank-form-card,.bank-accounts-section{background:#fff;border:1px solid #e5e5e5;border-radius:14px;margin-bottom:28px;padding:28px}.bank-form-card h2,.bank-accounts-section h2{margin:0 0 22px;font-size:17px;font-weight:700}.bank-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;display:grid}.field{flex-direction:column;display:flex}.field label{color:#0f0f0f;margin-bottom:6px;font-size:13px;font-weight:600}.field input{color:#0f0f0f;background:#fff;border:1px solid #dcdcdc;border-radius:9px;outline:none;height:42px;padding:0 14px;font-size:14px;transition:border-color .15s}.field input::placeholder{color:#a8a8a8}.field input:focus{border-color:#0f0f0f}.field input:focus-visible{outline-offset:1px;outline:2px solid #f7f}.primary-checkbox{color:#0f0f0f;cursor:pointer;align-items:center;gap:10px;margin-top:22px;font-size:14px;display:flex}.primary-checkbox input{accent-color:#f7f;width:16px;height:16px}.bank-actions{gap:12px;margin-top:26px;display:flex}.btn{cursor:pointer;border-radius:9px;padding:12px 20px;font-size:14px;font-weight:700;transition:opacity .15s,background-color .15s,color .15s}.btn-sm{color:#000;background:#fff;border:1px solid #000;padding:8px 13px;font-size:12px}.btn-solid{color:#000;background:#f7f;border:1px solid #f7f}.btn-solid:hover:not(:disabled){opacity:.85}.btn-solid:disabled{opacity:.5;cursor:not-allowed}.btn-sm:hover{background:#f7f;border-color:#f7f}.btn-del{color:#fff!important;background:red!important;border:1px solid red!important}.btn-del:hover{color:#fff!important;background:#c00!important;border-color:#c00!important}.btn:focus-visible{outline-offset:2px;outline:2px solid #0f0f0f}.bank-section-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.bank-section-header h2{margin:0}.account-count{color:#6b6b6b;font-size:13px}.bank-table-wrapper{border:1px solid #e5e5e5;border-radius:12px;width:100%;overflow-x:auto}.bank-table-header{color:#6b6b6b;text-transform:uppercase;letter-spacing:.04em;background:#fafafa;border-bottom:1px solid #e5e5e5;grid-template-columns:minmax(190px,1.3fr) minmax(140px,1fr) minmax(180px,1.2fr) minmax(150px,1fr) minmax(170px,1.1fr) minmax(230px,1.5fr);align-items:center;gap:20px;min-width:1120px;padding:13px 18px;font-size:11px;font-weight:700;display:grid}.bank-account-grid{width:100%;display:block}.bank-account-card{background:#fff;border:0;border-bottom:1px solid #eee;border-radius:0;align-items:center;gap:20px;padding:16px 18px;display:grid}.bank-account-card:last-child{border-bottom:0}.bank-account-card:hover{background:#fcfcfc}.primary-account{background:#fafafa;border-left:3px solid #0f0f0f}.bank-card-top{align-items:center;gap:10px;min-width:0;margin:0;display:flex}.bank-icon{flex-shrink:0;font-size:22px;line-height:1}.bank-card-title{flex-direction:column;gap:5px;min-width:0;display:flex}.bank-card-title h3{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:700;overflow:hidden}.bank-card-details{border:0;padding:0;display:contents}.bank-card-details div{flex-direction:column;gap:3px;min-width:0;display:flex}.bank-card-details span{color:#6b6b6b;font-size:11px}.bank-card-details strong{color:#0f0f0f;word-break:break-word;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.bank-card-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;margin:0;display:flex}.tag{border-radius:20px;width:fit-content;padding:3px 9px;font-size:10px;font-weight:600;display:inline-block}.tag-solid{color:#fff;background:#0f0f0f}.tag-outline{color:#0f0f0f;background:#fff;border:1px solid #0f0f0f}.tag-muted{color:#6b6b6b;background:#f2f2f2}.empty-bank{text-align:center;color:#6b6b6b;padding:56px 20px}.empty-bank-icon{margin-bottom:12px;font-size:40px}.empty-bank h3{color:#0f0f0f;margin:0 0 6px;font-size:16px}.empty-bank p{margin:0;font-size:14px}@media (width<=1100px){.bank-accounts-section{padding:20px}.bank-table-wrapper{overflow-x:auto}}@media (width<=768px){.bank-page{padding:20px 16px}.bank-form-card,.bank-accounts-section{padding:20px}.bank-form-grid{grid-template-columns:1fr}.bank-actions{flex-direction:column}.bank-actions .btn{width:100%}.bank-section-header{flex-direction:column;align-items:flex-start;gap:8px}.bank-table-wrapper{margin-right:-1px}}@media (prefers-reduced-motion:reduce){.btn,.field input{transition:none}}html,body{width:100%;max-width:100%;margin:0;padding:0;overflow-x:hidden}body{background:#f4f2fb}.rideai_admin_wrapper{background:#f4f2fb;width:100%;max-width:100%;min-height:100vh;display:flex;overflow-x:hidden}.rideai_admin_content{flex:auto;width:calc(100% - 240px);min-width:0;margin-left:240px;overflow-x:hidden}.rideai_admin_main{width:100%;min-width:0;max-width:100%;padding:30px;overflow-x:hidden}.rideai_admin_sidebar{color:#fff;z-index:300;background:#f7f;width:240px;min-width:240px;height:100vh;padding:22px 14px;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.rideai_admin_sidebar::-webkit-scrollbar{width:5px}.rideai_admin_sidebar::-webkit-scrollbar-track{background:0 0}.rideai_admin_sidebar::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:10px}.rideai_admin_sidebarlogo{align-items:center;gap:12px;padding:8px 8px 28px;display:flex}.rideai_admin_sidebarlogo img{object-fit:contain;background:#fff;border-radius:50%;flex:0 0 38px;width:38px;height:38px;padding:3px}.rideai_admin_sidebarlogo h2{color:#fff;margin:0;font-size:19px;font-weight:700;line-height:1.2}.rideai_admin_sidebar a{border-radius:10px;align-items:center;gap:12px;width:100%;min-height:44px;margin-bottom:4px;padding:13px 16px;font-size:14.5px;font-weight:500;line-height:1.2;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:flex;color:#fff!important}.rideai_admin_sidebar a span,.rideai_admin_sidebar a svg,.rideai_admin_sidebar a i{fill:#fff;stroke:#fff;color:#fff!important}.rideai_admin_sidebar a:hover{background:#ffffff29;color:#fff!important}.rideai_admin_sidebar a:hover span,.rideai_admin_sidebar a:hover svg,.rideai_admin_sidebar a:hover i{color:#fff!important}.rideai_admin_navactive{box-shadow:0 8px 20px #0000001f;color:#fff!important;background:#ffffff38!important}.rideai_admin_navactive span,.rideai_admin_navactive svg,.rideai_admin_navactive i{fill:#fff;stroke:#fff;color:#fff!important}.rideai_admin_navicon{text-align:center;justify-content:center;align-items:center;width:20px;min-width:20px;font-size:17px;display:inline-flex;color:#fff!important}.rideai_admin_mobiletoggle{z-index:400;color:#fff;cursor:pointer;background:#f7f;border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:none;position:fixed;top:16px;left:16px;box-shadow:0 8px 20px #ff77ff59}.rideai_admin_closebtn{color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:50%;width:32px;height:32px;font-size:16px;display:none;position:absolute;top:16px;right:16px}.rideai_admin_overlay{display:none}.rideai_admin_header{background:#fff;border-bottom:1px solid #ece9f3;justify-content:space-between;align-items:center;width:100%;padding:20px 30px;display:flex}.rideai_admin_headerleft{min-width:0}.rideai_admin_headerleft h3{color:#111827;margin:0;font-size:19px;font-weight:600}.rideai_admin_avatar{color:#fff;background:#f7f;border-radius:50%;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;font-size:14px;font-weight:700;display:flex}.rideai_admin_dashheading{margin-bottom:25px}.rideai_admin_dashheading h2{color:#0f172a;margin:0 0 5px;font-size:24px;font-weight:700}.rideai_admin_dashheading p{color:#6b7280;margin:0;font-size:14px}.rideai_admin_error{color:#b91c1c;background:#fee2e2;border-radius:10px;margin-bottom:20px;padding:14px 18px;font-size:14px}.rideai_admin_retrybtn{color:#fff;cursor:pointer;background:#b91c1c;border:none;border-radius:6px;margin-left:8px;padding:6px 14px}.rideai_admin_cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;width:100%;margin-bottom:30px;display:grid}.rideai_admin_card{background:#fff;border-radius:16px;min-width:0;padding:20px;overflow:hidden;box-shadow:0 2px 12px #0f172a0d}.rideai_admin_card h4{color:#6b7280;margin:14px 0 4px;font-size:13.5px;font-weight:500}.rideai_admin_card h1{color:#111827;margin:0;font-size:26px;font-weight:700}.rideai_admin_cardicon{color:#fff;background:#f7f;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:19px;display:flex}.rideai_admin_cardicon svg{width:21px;height:21px}.rideai_admin_skeleton{background:#fff;border-radius:16px;padding:20px}.rideai_admin_skeletonicon{background:#eee9f7;border-radius:12px;width:44px;height:44px;margin-bottom:14px}.rideai_admin_skeletonline{background:#eee9f7;border-radius:6px;height:11px;margin-bottom:8px}.rideai_admin_skeletonline.short{width:55%}.rideai_admin_skeletonline.long{width:38%;height:18px}.rideai_admin_panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%;display:grid}.rideai_admin_panel{background:#fff;border-radius:16px;min-width:0;padding:20px;overflow:hidden;box-shadow:0 2px 12px #0f172a0d}.rideai_admin_panelheader h3{color:#111827;margin:0 0 15px;font-size:16px}.rideai_admin_panelempty{color:#6b7280;text-align:center;padding:20px 0;font-size:14px}.rideai_admin_panellist{margin:0;padding:0;list-style:none}.rideai_admin_panellist li{color:#334155;border-bottom:1px solid #f4f2fb;align-items:center;gap:12px;min-width:0;padding:10px 0;font-size:14px;display:flex}.rideai_admin_panellist li:last-child{border-bottom:none}.rideai_admin_panellistavatar{color:#fff;background:#f7f;border-radius:50%;justify-content:center;align-items:center;width:30px;min-width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.rideai_admin_toolbar{flex-wrap:wrap;gap:12px;width:100%;margin-bottom:20px;display:flex}.rideai_admin_search,.rideai_admin_roleselect{color:#334155;background:#fff;border:1px solid #e2dff0;border-radius:8px;outline:none;min-width:0;padding:10px 14px;font-size:13.5px}.rideai_admin_search:focus,.rideai_admin_roleselect:focus{border-color:#f7f;box-shadow:0 0 0 3px #ff77ff1f}.rideai_admin_tablepanel{background:#fff;border-radius:16px;width:100%;min-width:0;max-width:100%;padding:20px;overflow:auto hidden;box-shadow:0 2px 12px #0f172a0d}.rideai_admin_datatable{border-collapse:collapse;border-spacing:0;width:100%;min-width:650px}.rideai_admin_datatable th{color:#8b8698;text-align:left;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#faf9fd;padding:12px 14px;font-size:11.5px;font-weight:600}.rideai_admin_datatable td{color:#334155;border-bottom:1px solid #f1eff7;padding:14px;font-size:14px}.rideai_admin_cellstrong{color:#111827;font-weight:600}.rideai_admin_monotext{color:#8b8698;font-family:monospace;font-size:12px}.rideai_admin_textmuted{color:#b3adc4}.rideai_admin_rowclickable{cursor:pointer}.rideai_admin_rowclickable:hover{background:#faf9fd}.rideai_admin_statusbadge{text-transform:capitalize;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-block}.rideai_admin_status-active{color:#16a34a;background:#dcfce7}.rideai_admin_status-inactive{color:#dc2626;background:#fee2e2}.rideai_admin_dangerbtn{color:#fff;cursor:pointer;white-space:nowrap;background:#ef4444;border:none;border-radius:6px;padding:8px 14px;font-size:13px}.rideai_admin_dangerbtn:disabled{opacity:.6;cursor:not-allowed}.rideai_admin_hierarchygrid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:15px 5px;display:grid}.rideai_admin_hierarchygroup h5{color:#111827;margin:0 0 10px;font-size:14px}.rideai_admin_hierarchygroup ul{margin:0;padding:0;list-style:none}.rideai_admin_hierarchygroup li{color:#334155;flex-direction:column;padding:6px 0;font-size:13.5px;display:flex}.rideai_admin_hierarchyemail{color:#b3adc4;font-size:12px}.rideai_admin_loginpage{background:#f4f0fb;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.rideai_admin_logincard{background:#fff;border-radius:26px;width:100%;max-width:400px;padding:45px 36px;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000014}.rideai_admin_loginshape{background:#f3e8fd;border-radius:50%;position:absolute}.rideai_admin_shape1{width:130px;height:130px;top:-35px;left:-35px}.rideai_admin_shape2{background:#e9d5fb;width:95px;height:95px;top:18px;left:8px}.rideai_admin_logincontent{z-index:1;text-align:center;position:relative}.rideai_admin_loginlogo{width:64px;height:64px;margin-bottom:14px}.rideai_admin_logincontent h2{color:#111827;margin:0 0 8px;font-size:24px;font-weight:700}.rideai_admin_logincontent p{color:#6b7280;margin-bottom:24px;font-size:14px}.rideai_admin_inputgroup{text-align:left;margin-bottom:14px}.rideai_admin_inputgroup input{color:#111827;background:#eef2ff;border:1px solid #0000;border-radius:10px;outline:none;width:100%;padding:13px 16px;font-size:14px}.rideai_admin_inputgroup input:focus{border-color:#f7f;box-shadow:0 0 0 3px #ff77ff1f}.rideai_admin_logincontent form button{color:#fff;cursor:pointer;background:#f7f;border:none;border-radius:10px;width:100%;margin-top:6px;padding:14px;font-size:15px;font-weight:600;transition:all .2s}.rideai_admin_logincontent form button:hover{background:#f7f;transform:translateY(-1px)}@media (width<=992px){.rideai_admin_content{width:100%;margin-left:0}.rideai_admin_sidebar{transition:transform .3s;transform:translate(-100%)}.rideai_admin_sidebar.open{transform:translate(0)}.rideai_admin_mobiletoggle{display:flex}.rideai_admin_closebtn{display:block}.rideai_admin_overlay{z-index:250;background:#00000080;display:block;position:fixed;inset:0}.rideai_admin_panels{grid-template-columns:1fr}}@media (width<=768px){.rideai_admin_main{padding:20px 16px}.rideai_admin_header{padding:16px 20px 16px 70px}.rideai_admin_cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.rideai_admin_cards{grid-template-columns:1fr}.rideai_admin_dashheading h2{font-size:20px}.rideai_admin_tablepanel{padding:12px}.rideai_admin_logincard{max-width:340px;padding:32px 22px}.rideai_admin_datatable thead{display:none}.rideai_admin_datatable,.rideai_admin_datatable tbody,.rideai_admin_datatable tr,.rideai_admin_datatable td{width:100%;min-width:0;display:block}.rideai_admin_datatable tr{border:1px solid #eee;border-radius:10px;margin-bottom:15px;overflow:hidden}.rideai_admin_datatable td{text-align:right;border-bottom:1px solid #f4f2fb;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.rideai_admin_datatable td:last-child{border-bottom:none}.rideai_admin_datatable td:before{content:attr(data-label);color:#8b8698;text-align:left;font-weight:600}}.businesses-page{width:100%;min-width:0;max-width:100%;overflow-x:hidden}.businesses-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.businesses-title-row{align-items:center;gap:14px;min-width:0;display:flex}.businesses-title-icon{color:#fff;background:#f7f;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:23px;display:flex;box-shadow:0 8px 22px #ff77ff40}.businesses-header h2{color:#111827;margin:0 0 4px;font-size:27px;font-weight:750;line-height:1.2}.businesses-header p{color:#6b7280;margin:0;font-size:14px}.businesses-refresh-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e2dff0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:13px;font-weight:600;transition:transform .2s,border-color .2s,box-shadow .2s,color .2s;display:inline-flex}.businesses-refresh-btn:hover{color:#f7f;border-color:#f7f;transform:translateY(-1px);box-shadow:0 5px 15px #ff77ff1f}.businesses-refresh-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.businesses-refresh-btn span{font-size:19px;line-height:1}.refresh-spin{animation:.8s linear infinite businesses-spin;display:inline-block}@keyframes businesses-spin{to{transform:rotate(360deg)}}.businesses-error{background:#fff1f2;border:1px solid #fecaca;border-radius:12px;align-items:center;gap:12px;margin-bottom:22px;padding:14px 16px;display:flex}.businesses-error-icon{color:#dc2626;background:#fee2e2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-weight:800;display:flex}.businesses-error-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.businesses-error-content strong{color:#991b1b;font-size:13px}.businesses-error-content span{color:#b91c1c;font-size:13px}.businesses-retry-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:8px 13px;font-size:12px;font-weight:600}.businesses-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;width:100%;margin-bottom:25px;display:grid}.business-stat-card{background:#fff;border:1px solid #eeeaf5;border-radius:15px;align-items:center;gap:14px;min-width:0;padding:18px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 3px 14px #0f172a0b}.business-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0f172a14}.business-stat-icon{color:#fff;background:#f7f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:19px;display:flex}.business-stat-icon.purple,.business-stat-icon.green,.business-stat-icon.blue,.business-stat-icon.orange{color:#fff;background:#f7f}.business-stat-card div:last-child{min-width:0}.business-stat-card span{color:#8b8698;margin-bottom:3px;font-size:12px;font-weight:500;display:block}.business-stat-card strong{color:#111827;font-size:23px;font-weight:750;display:block}.businesses-panel{background:#fff;border:1px solid #eeeaf5;border-radius:17px;width:100%;min-width:0;max-width:100%;overflow:hidden;box-shadow:0 3px 16px #0f172a0d}.businesses-panel-header{border-bottom:1px solid #f0edf6;justify-content:space-between;align-items:center;gap:15px;padding:20px 22px;display:flex}.businesses-panel-header h3{color:#111827;margin:0 0 4px;font-size:16px;font-weight:700}.businesses-panel-header p{color:#8b8698;margin:0;font-size:12.5px}.businesses-count{color:#f7f;background:#ff77ff1f;border-radius:20px;flex-shrink:0;padding:7px 12px;font-size:12px;font-weight:650}.businesses-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow:auto hidden}.businesses-table{border-collapse:collapse;border-spacing:0;width:100%;min-width:820px}.businesses-table th{color:#8b8698;text-align:left;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:#faf9fd;border-bottom:1px solid #eeeaf5;padding:13px 17px;font-size:10.5px;font-weight:700}.businesses-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f3f0f7;padding:15px 17px;font-size:13.5px}.business-row{cursor:pointer;transition:background .18s}.business-row:hover{background:#ff77ff09}.business-row.expanded{background:#ff77ff0f}.business-row:last-child td{border-bottom:none}.company-cell{align-items:center;gap:11px;min-width:180px;display:flex}.company-avatar{color:#f7f;background:#ff77ff24;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:750;display:flex}.company-info{flex-direction:column;min-width:0;display:flex}.company-info strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:650;overflow:hidden}.company-info span{color:#aaa4b5;margin-top:3px;font-size:10.5px}.owner-cell{min-width:100px}.owner-name{color:#374151;font-weight:500}.plan-badge{color:#f7f;white-space:nowrap;background:#ff77ff14;border:1px solid #ff77ff59;border-radius:7px;align-items:center;padding:5px 10px;font-size:11.5px;font-weight:650;display:inline-flex}.number-value{color:#374151;font-size:13px;font-weight:600}.business-status{text-transform:capitalize;white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:650;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.status-inactive{color:#dc2626;background:#fef2f2}.status-pending{color:#f7f;background:#ff77ff1f}.status-unknown{color:#6b7280;background:#f3f4f6}.business-delete-btn{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:82px;padding:8px 12px;font-size:11.5px;font-weight:650;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.business-delete-btn:hover{background:#fef2f2;border-color:#fca5a5;transform:translateY(-1px)}.business-delete-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.business-expanded-row{background:#ff77ff06}.business-expanded-row>td{border-bottom:1px solid #eeeaf5;padding:0!important}.team-section{padding:22px}.team-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.team-header h4{color:#111827;margin:0 0 3px;font-size:15px;font-weight:700}.team-header p{color:#8b8698;margin:0;font-size:12px}.close-team-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.close-team-btn:hover{color:#f7f;background:#ff77ff14;border-color:#ff77ff59}.hierarchy-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;display:grid}.hierarchy-card{background:#fff;border:1px solid #eeeaf5;border-radius:13px;overflow:hidden}.hierarchy-card-header{background:#fcfbff;border-bottom:1px solid #f1eef7;align-items:center;gap:10px;padding:14px;display:flex}.role-icon{color:#f7f;background:#ff77ff1f;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.role-icon.owner,.role-icon.manager{color:#f7f;background:#ff77ff1f}@media (width<=1100px){.businesses-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.businesses-table{min-width:760px}.businesses-table th,.businesses-table td{padding-left:13px;padding-right:13px}}@media (width<=768px){.businesses-page{width:100%;max-width:100%;overflow:hidden}.businesses-header{flex-direction:column;align-items:stretch;gap:15px;margin-bottom:20px}.businesses-title-row{gap:11px;width:100%}.businesses-title-icon{border-radius:12px;width:44px;height:44px;font-size:19px}.businesses-header h2{font-size:22px}.businesses-header p{max-width:100%;font-size:12.5px;line-height:1.5}.businesses-refresh-btn{width:100%;min-height:42px}.businesses-error{flex-wrap:wrap;align-items:flex-start;padding:13px}.businesses-error-icon{width:32px;height:32px}.businesses-error-content{min-width:calc(100% - 48px)}.businesses-error-content strong{font-size:12px}.businesses-error-content span{font-size:11.5px;line-height:1.5}.businesses-retry-btn{margin-left:44px}.businesses-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.business-stat-card{border-radius:12px;gap:9px;padding:13px}.business-stat-icon{border-radius:9px;width:37px;height:37px;font-size:15px}.business-stat-card span{margin-bottom:2px;font-size:10px}.business-stat-card strong{font-size:19px}.businesses-panel{border-radius:13px}.businesses-panel-header{align-items:flex-start;gap:10px;padding:15px}.businesses-panel-header h3{font-size:14px}.businesses-panel-header p{font-size:11px;line-height:1.4}.businesses-count{padding:6px 9px;font-size:10px}.businesses-table-wrapper{overflow:visible}.businesses-table{border-collapse:separate;width:100%;min-width:0;display:block}.businesses-table thead{display:none}.businesses-table tbody{width:100%;padding:10px;display:block}.businesses-table tbody tr.business-row{background:#fff;border:1px solid #eeeaf5;border-radius:13px;width:100%;margin-bottom:12px;display:block;overflow:hidden;box-shadow:0 3px 12px #0f172a0b}.businesses-table tbody tr.business-row:last-child{margin-bottom:0}.businesses-table tbody tr.business-row:hover{background:#fff}.businesses-table tbody tr.business-row.expanded{background:#ff77ff09;border-color:#ff77ff59}.businesses-table tbody tr.business-row>td{text-align:right;border-bottom:1px solid #f3f0f7;justify-content:space-between;align-items:center;gap:15px;width:100%;min-height:47px;padding:10px 13px;font-size:12px;display:flex}.businesses-table tbody tr.business-row>td:last-child{border-bottom:none}.businesses-table tbody tr.business-row>td:before{content:attr(data-label);color:#8b8698;text-align:left;flex-shrink:0;font-size:10.5px;font-weight:650}.businesses-table tbody tr.business-row>td:first-child{text-align:left;background:#ff77ff0b;min-height:auto;padding:14px;display:block}.businesses-table tbody tr.business-row>td:first-child:before{display:none}.company-cell{gap:10px;width:100%;min-width:0}.company-avatar{border-radius:10px;width:39px;height:39px;font-size:14px}.company-info{flex:1;min-width:0}.company-info strong{max-width:65vw;font-size:13px}.company-info span{font-size:10px}.owner-cell{min-width:0;max-width:65%}.owner-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.plan-badge{text-overflow:ellipsis;white-space:nowrap;max-width:60%;padding:5px 9px;font-size:10.5px;overflow:hidden}.number-value{font-size:12px}.business-status{padding:5px 9px;font-size:10px}.status-dot{width:5px;height:5px}.business-delete-btn{min-width:76px;padding:7px 10px;font-size:10.5px}.business-expanded-row{width:100%;display:block}.business-expanded-row>td{width:100%;display:block;border:none!important;padding:0!important}.team-section{padding:15px 12px}.team-header{align-items:flex-start;margin-bottom:13px}.team-header h4{font-size:13px}.team-header p{font-size:10.5px;line-height:1.4}.close-team-btn{flex-shrink:0;width:29px;height:29px;font-size:17px}.hierarchy-grid{grid-template-columns:1fr;gap:10px}.hierarchy-card{border-radius:11px}.hierarchy-card-header{gap:8px;padding:11px}.role-icon{border-radius:8px;width:32px;height:32px;font-size:14px}}@media (width<=480px){.businesses-header h2{font-size:20px}.businesses-title-icon{width:41px;height:41px;font-size:17px}.businesses-stats{gap:8px}.business-stat-card{gap:7px;padding:11px}.business-stat-icon{width:33px;height:33px;font-size:13px}.business-stat-card span{font-size:9px}.business-stat-card strong{font-size:17px}.businesses-panel-header{padding:13px}.businesses-panel-header h3{font-size:13px}.businesses-panel-header p{max-width:190px;font-size:10px}.businesses-count{padding:5px 8px;font-size:9px}.businesses-table tbody{padding:8px}.businesses-table tbody tr.business-row{border-radius:11px;margin-bottom:9px}.businesses-table tbody tr.business-row>td{gap:10px;min-height:44px;padding:9px 10px}.businesses-table tbody tr.business-row>td:before{font-size:9.5px}.businesses-table tbody tr.business-row>td:first-child{padding:12px 10px}.company-avatar{width:35px;height:35px;font-size:13px}.company-info strong{max-width:58vw;font-size:12px}.company-info span{font-size:9px}.owner-name{max-width:55vw;font-size:11px}.plan-badge{max-width:55vw;font-size:9.5px}.business-status{padding:4px 8px;font-size:9px}.business-delete-btn{min-width:70px;padding:6px 8px;font-size:9.5px}.team-section{padding:12px 9px}.hierarchy-grid{gap:8px}}@media (width<=360px){.businesses-stats{grid-template-columns:1fr}.business-stat-card{min-height:58px}.businesses-panel-header{flex-direction:column}.businesses-count{align-self:flex-start}.businesses-table tbody tr.business-row>td{gap:7px}.businesses-table tbody tr.business-row>td:before{font-size:9px}.company-info strong{max-width:52vw}.plan-badge{max-width:50vw}}.users-page{width:100%;min-width:0}.users-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.users-title-row{align-items:center;gap:14px;display:flex}.users-title-icon{color:#fff;background:linear-gradient(135deg,#a52cf0,#7c3aed);border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex;box-shadow:0 8px 22px #7c3aed38}.users-header h2{color:#111827;margin:0 0 4px;font-size:27px;font-weight:750;line-height:1.2}.users-header p{color:#6b7280;margin:0;font-size:14px}.users-refresh-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e2dff0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:13px;font-weight:600;transition:transform .2s,border-color .2s,box-shadow .2s,color .2s;display:inline-flex}.users-refresh-btn:hover{color:#7c3aed;border-color:#c4b5fd;transform:translateY(-1px);box-shadow:0 5px 15px #7c3aed1a}.users-refresh-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.users-refresh-btn span{font-size:19px;line-height:1}.users-refresh-spin{animation:.8s linear infinite users-spin;display:inline-block}@keyframes users-spin{to{transform:rotate(360deg)}}.users-error{background:#fff1f2;border:1px solid #fecaca;border-radius:12px;align-items:center;gap:12px;margin-bottom:22px;padding:14px 16px;display:flex}.users-error-icon{color:#dc2626;background:#fee2e2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-weight:800;display:flex}.users-error-content{flex-direction:column;flex:1;gap:2px;display:flex}.users-error-content strong{color:#991b1b;font-size:13px}.users-error-content span{color:#b91c1c;font-size:13px}.users-retry-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:8px 13px;font-size:12px;font-weight:600}.users-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:25px;display:grid}.users-stat-card{background:#fff;border:1px solid #eeeaf5;border-radius:15px;align-items:center;gap:14px;min-width:0;padding:18px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 3px 14px #0f172a0b}.users-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0f172a14}.users-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:18px;display:flex}.users-stat-icon.purple{color:#7c3aed;background:#f3e8ff}.users-stat-icon.green{color:#16a34a;background:#dcfce7}.users-stat-icon.orange{color:#ea580c;background:#ffedd5}.users-stat-icon.blue{color:#f7f;background:#dbeafe}.users-stat-card div:last-child{min-width:0}.users-stat-card span{color:#8b8698;margin-bottom:3px;font-size:12px;font-weight:500;display:block}.users-stat-card strong{color:#111827;font-size:23px;font-weight:750;display:block}.users-panel{background:#fff;border:1px solid #eeeaf5;border-radius:17px;width:100%;min-width:0;overflow:hidden;box-shadow:0 3px 16px #0f172a0d}.users-panel-header{border-bottom:1px solid #f0edf6;justify-content:space-between;align-items:center;gap:15px;padding:20px 22px;display:flex}.users-panel-header h3{color:#111827;margin:0 0 4px;font-size:16px;font-weight:700}.users-panel-header p{color:#8b8698;margin:0;font-size:12.5px}.users-count{color:#7c3aed;background:#f5f3ff;border-radius:20px;padding:7px 12px;font-size:12px;font-weight:650}.users-toolbar{background:#fcfbff;border-bottom:1px solid #f0edf6;align-items:center;gap:12px;padding:16px 22px;display:flex}.users-search-wrapper{flex:1;min-width:200px;position:relative}.users-search-icon{color:#9ca3af;pointer-events:none;font-size:13px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.users-search{color:#111827;background:#fff;border:1px solid #e2dff0;border-radius:10px;outline:none;width:100%;height:42px;padding:0 38px;font-size:13px;transition:border-color .2s,box-shadow .2s}.users-search::placeholder{color:#aaa4b5}.users-search:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #7c3aed14}.users-clear-search{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;width:24px;height:24px;font-size:17px;line-height:1;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.users-filter-wrapper{align-items:center;gap:8px;display:flex}.users-filter-label{color:#6b7280;font-size:12px;font-weight:600}.users-role-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #e2dff0;border-radius:10px;outline:none;min-width:135px;height:42px;padding:0 32px 0 12px;font-size:13px}.users-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.users-table{border-collapse:collapse;width:100%;min-width:760px}.users-table th{color:#8b8698;text-align:left;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:#faf9fd;border-bottom:1px solid #eeeaf5;padding:13px 17px;font-size:10.5px;font-weight:700}.users-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f3f0f7;padding:15px 17px;font-size:13.5px}.users-table tbody tr{transition:background .18s}.users-table tbody tr:hover{background:#fbfaff}.users-table tbody tr:last-child td{border-bottom:none}.user-cell{align-items:center;gap:11px;min-width:170px;display:flex}.user-info{flex-direction:column;min-width:0;display:flex}.user-info strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:650;overflow:hidden}.user-info span{color:#aaa4b5;margin-top:3px;font-size:10.5px}.user-email{color:#4b5563;white-space:nowrap;font-size:12.5px}.user-company{color:#4b5563;font-size:12.5px}.user-role{text-transform:capitalize;white-space:nowrap;border-radius:7px;align-items:center;padding:5px 10px;font-size:11px;font-weight:650;display:inline-flex}.role-owner{color:#b45309;background:#fef3c7}.role-manager{color:#f7f;background:#dbeafe}.role-hr{color:#be185d;background:#fce7f3}.role-employee{color:#15803d;background:#dcfce7}.role-accountant{color:#4338ca;background:#e0e7ff}.role-superadmin{color:#7e22ce;background:#f3e8ff}.role-unknown{color:#6b7280;background:#f3f4f6}.user-status{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:650;display:inline-flex}.user-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.user-status-active{color:#16a34a;background:#ecfdf3}.user-status-inactive{color:#dc2626;background:#fef2f2}.users-action-cell{white-space:nowrap}.users-delete-btn{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:82px;padding:8px 12px;font-size:11.5px;font-weight:650;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.users-delete-btn:hover{background:#fef2f2;border-color:#fca5a5;transform:translateY(-1px)}.users-delete-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.users-protected{color:#7c3aed;background:#f5f3ff;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;font-weight:600;display:inline-flex}.users-button-spinner{border:2px solid #fecaca;border-top-color:#dc2626;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite users-spin}.users-loading{color:#8b8698;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:260px;font-size:13px;display:flex}.users-loading-spinner{border:3px solid #ede9fe;border-top-color:#7c3aed;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite users-spin}.users-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:35px 20px;display:flex}.users-empty-icon{background:#f5f3ff;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:14px;font-size:27px;display:flex}.users-empty h4{color:#111827;margin:0 0 6px;font-size:16px}.users-empty p{color:#8b8698;margin:0 0 17px;font-size:13px}.users-clear-filters{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:8px;padding:9px 15px;font-size:12px;font-weight:600}.users-clear-filters:hover{background:#6d28d9}@media (width<=1100px){.users-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.users-header{align-items:flex-start}.users-header h2{font-size:23px}.users-title-icon{width:46px;height:46px}.users-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.users-stat-card{padding:15px}.users-stat-icon{width:40px;height:40px}.users-stat-card strong{font-size:20px}.users-panel-header{padding:17px}.users-toolbar{flex-direction:column;align-items:stretch;padding:14px 17px}.users-search-wrapper,.users-filter-wrapper{width:100%}.users-role-select{flex:1}}@media (width<=600px){.users-header{flex-direction:column;gap:15px}.users-title-row,.users-refresh-btn{width:100%}.users-stats{grid-template-columns:1fr 1fr}.users-stat-card{gap:9px;padding:13px}.users-stat-icon{width:36px;height:36px;font-size:15px}.users-stat-card span{font-size:10.5px}.users-stat-card strong{font-size:18px}.users-panel{border-radius:13px}.users-panel-header{align-items:flex-start}.users-panel-header p{max-width:220px}.users-count{flex-shrink:0}.users-table-wrapper{overflow:visible}.users-table,.users-table tbody,.users-table tr,.users-table td{width:100%;min-width:0;display:block}.users-table{border-collapse:separate}.users-table thead{display:none}.users-table tbody{padding:12px}.users-table tbody tr{background:#fff;border:1px solid #eeeaf5;border-radius:13px;margin-bottom:12px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0f172a09}.users-table tbody tr:last-child{margin-bottom:0}.users-table td{text-align:right;border-bottom:1px solid #f3f0f7;justify-content:space-between;align-items:center;gap:15px;min-height:48px;padding:10px 13px;display:flex}.users-table td:last-child{border-bottom:none}.users-table td:before{content:attr(data-label);color:#8b8698;text-align:left;flex-shrink:0;font-size:11px;font-weight:650}.users-table td:first-child{background:#fcfbff;padding:14px;display:block}.users-table td:first-child:before{display:none}.user-cell{min-width:0}.user-info{text-align:left}.user-email{text-overflow:ellipsis;white-space:nowrap;max-width:62vw;overflow:hidden}.user-company{text-overflow:ellipsis;white-space:nowrap;max-width:58vw;overflow:hidden}.users-action-cell{justify-content:space-between}.users-delete-btn{min-width:90px}.users-protected{padding:6px 9px}.users-error{flex-wrap:wrap;align-items:flex-start}.users-error-content{min-width:calc(100% - 50px)}.users-retry-btn{margin-left:46px}}@media (width<=400px){.users-stats{grid-template-columns:1fr}.users-stat-card{min-height:65px}.users-panel-header{flex-direction:column}.users-count{align-self:flex-start}.users-table tbody{padding:8px}.users-table td{padding:9px 10px}.user-avatar{width:36px;height:36px}}.payments-page{width:100%;min-width:0}.payments-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.payments-title-row{align-items:center;gap:14px;display:flex}.payments-title-icon{color:#fff;background:linear-gradient(135deg,#16a34a,#059669);border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;font-weight:800;display:flex;box-shadow:0 8px 22px #05966933}.payments-header h2{color:#111827;margin:0 0 4px;font-size:27px;font-weight:750;line-height:1.2}.payments-header p{color:#6b7280;margin:0;font-size:14px}.payments-refresh-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:13px;font-weight:600;transition:transform .2s,border-color .2s,box-shadow .2s,color .2s;display:inline-flex}.payments-refresh-btn:hover{color:#059669;border-color:#a7f3d0;transform:translateY(-1px);box-shadow:0 5px 15px #0596691a}.payments-refresh-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.payments-refresh-btn span{font-size:19px;line-height:1}.payments-refresh-spin{animation:.8s linear infinite payments-spin;display:inline-block}@keyframes payments-spin{to{transform:rotate(360deg)}}.payments-error{background:#fff1f2;border:1px solid #fecaca;border-radius:12px;align-items:center;gap:12px;margin-bottom:22px;padding:14px 16px;display:flex}.payments-error-icon{color:#dc2626;background:#fee2e2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-weight:800;display:flex}.payments-error-content{flex-direction:column;flex:1;gap:2px;display:flex}.payments-error-content strong{color:#991b1b;font-size:13px}.payments-error-content span{color:#b91c1c;font-size:13px}.payments-retry-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:8px 13px;font-size:12px;font-weight:600}.payments-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:25px;display:grid}.payments-stat-card{background:#fff;border:1px solid #eeeaf5;border-radius:15px;align-items:center;gap:14px;min-width:0;padding:18px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 3px 14px #0f172a0b}.payments-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0f172a14}.payments-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:18px;font-weight:800;display:flex}.payments-stat-icon.purple{color:#7c3aed;background:#f3e8ff}.payments-stat-icon.green{color:#16a34a;background:#dcfce7}.payments-stat-icon.orange{color:#ea580c;background:#ffedd5}.payments-stat-icon.blue{color:#f7f;background:#dbeafe}.payments-stat-card div:last-child{min-width:0}.payments-stat-card span{color:#8b8698;margin-bottom:3px;font-size:12px;font-weight:500;display:block}.payments-stat-card strong{color:#111827;text-overflow:ellipsis;font-size:23px;font-weight:750;display:block;overflow:hidden}.payments-panel{background:#fff;border:1px solid #eeeaf5;border-radius:17px;width:100%;min-width:0;overflow:hidden;box-shadow:0 3px 16px #0f172a0d}.payments-panel-header{border-bottom:1px solid #f0edf6;justify-content:space-between;align-items:center;gap:15px;padding:20px 22px;display:flex}.payments-panel-header h3{color:#111827;margin:0 0 4px;font-size:16px;font-weight:700}.payments-panel-header p{color:#8b8698;margin:0;font-size:12.5px}.payments-count{color:#059669;background:#ecfdf5;border-radius:20px;padding:7px 12px;font-size:12px;font-weight:650}.payments-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.payments-table{border-collapse:collapse;width:100%;min-width:850px}.payments-table th{color:#8b8698;text-align:left;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:#faf9fd;border-bottom:1px solid #eeeaf5;padding:13px 17px;font-size:10.5px;font-weight:700}.payments-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f3f0f7;padding:15px 17px;font-size:13px}.payments-table tbody tr{transition:background .18s}.payments-table tbody tr:hover{background:#fbfefc}.payments-table tbody tr:last-child td{border-bottom:none}.payment-company{align-items:center;gap:11px;min-width:170px;display:flex}.payment-company-avatar{color:#047857;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:750;display:flex}.payment-company-info{flex-direction:column;min-width:0;display:flex}.payment-company-info strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:650;overflow:hidden}.payment-company-info span{color:#aaa4b5;margin-top:3px;font-size:10.5px}.payment-plan{color:#7c3aed;background:#f3e8ff;border-radius:7px;padding:5px 10px;font-size:11px;font-weight:650;display:inline-flex}.payment-billing{color:#4b5563;font-size:12.5px}.payment-price{color:#111827;white-space:nowrap;font-size:13.5px;font-weight:700}.payment-seats{color:#374151;background:#f3f4f6;border-radius:7px;justify-content:center;align-items:center;min-width:34px;padding:5px 9px;font-size:11px;font-weight:650;display:inline-flex}.payment-status{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:650;display:inline-flex}.payment-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.payment-status-active{color:#16a34a;background:#ecfdf3}.payment-status-pending{color:#d97706;background:#fffbeb}.payment-status-danger{color:#dc2626;background:#fef2f2}.payment-status-neutral{color:#6b7280;background:#f3f4f6}.subscription-cell{align-items:center;gap:7px;max-width:230px;display:flex}.subscription-id{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10.5px;display:block;overflow:hidden}.subscription-copy-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;flex-shrink:0;padding:4px 7px;font-size:9.5px;font-weight:600;transition:color .2s,border-color .2s,background .2s}.subscription-copy-btn:hover{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.payment-muted{color:#aaa4b5;font-size:12px}.payments-loading{color:#8b8698;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:280px;font-size:13px;display:flex}.payments-loading-spinner{border:3px solid #d1fae5;border-top-color:#059669;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite payments-spin}.payments-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:35px 20px;display:flex}.payments-empty-icon{color:#059669;background:#ecfdf5;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:14px;font-size:27px;font-weight:800;display:flex}.payments-empty h4{color:#111827;margin:0 0 6px;font-size:16px}.payments-empty p{color:#8b8698;max-width:360px;margin:0 0 17px;font-size:13px}.payments-empty-refresh{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:8px;padding:9px 15px;font-size:12px;font-weight:600}.payments-empty-refresh:hover{background:#047857}@media (width<=768px){.payments-header{align-items:flex-start}.payments-header h2{font-size:23px}.payments-title-icon{width:46px;height:46px}.payments-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.payments-stat-card{padding:15px}.payments-stat-icon{width:40px;height:40px}.payments-stat-card strong{font-size:20px}.payments-panel-header{padding:17px}}@media (width<=600px){.payments-header{flex-direction:column;gap:15px}.payments-title-row,.payments-refresh-btn{width:100%}.payments-stats{grid-template-columns:1fr 1fr}.payments-stat-card{gap:9px;padding:13px}.payments-stat-icon{width:36px;height:36px;font-size:15px}.payments-stat-card span{font-size:10.5px}.payments-stat-card strong{font-size:18px}.payments-panel{border-radius:13px}.payments-panel-header{align-items:flex-start}.payments-panel-header p{max-width:220px}.payments-count{flex-shrink:0}.payments-table-wrapper{overflow:visible}.payments-table,.payments-table tbody,.payments-table tr,.payments-table td{width:100%;min-width:0;display:block}.payments-table{border-collapse:separate}.payments-table thead{display:none}.payments-table tbody{padding:12px}.payments-table tbody tr{background:#fff;border:1px solid #eeeaf5;border-radius:13px;margin-bottom:12px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0f172a09}.payments-table tbody tr:last-child{margin-bottom:0}.payments-table td{text-align:right;border-bottom:1px solid #f3f0f7;justify-content:space-between;align-items:center;gap:15px;min-height:48px;padding:10px 13px;display:flex}.payments-table td:last-child{border-bottom:none}.payments-table td:before{content:attr(data-label);color:#8b8698;text-align:left;flex-shrink:0;font-size:11px;font-weight:650}.payments-table td:first-child{background:#f8fffb;padding:14px;display:block}.payments-table td:first-child:before{display:none}.payment-company{min-width:0}.payment-company-info{text-align:left;min-width:0}.payment-company-info strong{max-width:65vw}.payment-billing{text-align:right}.subscription-cell{justify-content:flex-end;max-width:62vw}.subscription-id{max-width:42vw}.subscription-copy-btn{padding:5px 8px}.payments-error{flex-wrap:wrap;align-items:flex-start}.payments-error-content{min-width:calc(100% - 50px)}.payments-retry-btn{margin-left:46px}}@media (width<=400px){.payments-stats{grid-template-columns:1fr}.payments-stat-card{min-height:65px}.payments-panel-header{flex-direction:column}.payments-count{align-self:flex-start}.payments-table tbody{padding:8px}.payments-table td{padding:9px 10px}.payment-company-avatar{width:36px;height:36px}.subscription-cell{max-width:65vw}}.ridesai-side{color:#000;z-index:300;background:linear-gradient(#f7f 0% 55%,#f7f 100%);width:270px;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;box-shadow:10px 0 35px #be27ee40}.ridesai-side-logo{border-bottom:1px solid #ffffff40;align-items:center;gap:15px;padding:25px 20px;display:flex}.ridesai-side-logo-img{object-fit:cover;background:#fff;border-radius:50%;flex-shrink:0;width:60px;height:60px;padding:4px}.ridesai-side-logo div{flex-direction:column;display:flex}.ridesai-side-logo h2{color:#000;margin:0;font-size:22px;font-weight:700;line-height:1.1}.ridesai-side-logo p{color:#000;margin-top:4px;font-size:14px}.ridesai-side-menu{margin:0;padding:20px 15px;list-style:none}.ridesai-side-menu li{margin:10px 0}.ridesai-side-menu a svg{color:#d94bd9;stroke-width:1.9px;width:20px;min-width:20px;height:20px}.ridesai-side-menu a{color:#000;border-radius:14px;align-items:center;gap:12px;padding:14px 18px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.ridesai-side-menu a:hover{color:#fff;background:#ffffff38;transform:translate(5px)}.ridesai-side-active{background:#fff;font-weight:600;box-shadow:0 10px 28px #be27ee40;color:#f7f!important}.ridesai-side-footer{border-top:1px solid #ffffff40;padding:20px}.ridesai-side-logout-btn{color:#fff;cursor:pointer;background:#f7f;border:none;border-radius:12px;justify-content:flex-start;align-items:center;gap:12px;width:100%;height:48px;padding:0 18px;font-size:15px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 8px 20px #be27ee4d}.ridesai-side-logout-btn:hover{background:#f7f;transform:translateY(-1px);box-shadow:0 10px 24px #be27ee66}.ridesai-side-mobile-toggle{z-index:400;color:#fff;cursor:pointer;background:#f7f;border:none;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;transition:all .3s;display:none;position:fixed;top:18px;left:18px;box-shadow:0 8px 20px #be27ee66}.ridesai-side-mobile-toggle:hover{background:#a91fd3;transform:translateY(-1px)}.ridesai-side-close-btn{color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:50%;width:36px;height:36px;font-size:18px;transition:all .2s;display:none;position:absolute;top:20px;right:20px}.ridesai-side-close-btn:hover{color:#f7f;background:#fff}.ridesai-side-overlay{pointer-events:none;display:none}@media (width<=992px){.ridesai-side{width:220px}}@media (width<=768px){.ridesai-side-mobile-toggle{display:flex}.ridesai-side{width:270px;transition:transform .35s;transform:translate(-100%)}.ridesai-side.open{transform:translate(0)}.ridesai-side-close-btn{display:block}.ridesai-side-overlay{z-index:250;pointer-events:auto;background:#00000080;display:block;position:fixed;inset:0}}.ridesai-side,.ridesai-side *{pointer-events:auto}.ri_topbar{background:#fff;justify-content:space-between;align-items:center;height:75px;margin-bottom:25px;padding:0 28px;display:flex;box-shadow:0 10px 30px #0000000d}.ri_topbar-left h2{color:#1f1f1f;margin:0;font-size:28px;font-weight:700}.ri_topbar-right{align-items:center;gap:18px;display:flex}.ri_company-badge{color:#f7f;white-space:nowrap;background:#e8dafa;border-radius:30px;padding:10px 18px;font-size:14px;font-weight:600}.ri_profile-card{cursor:pointer;background:#f8f9fc;border-radius:40px;align-items:center;gap:12px;padding:8px 14px;transition:all .3s;display:flex}.ri_profile-card:hover{background:#e8dafa}.ri_avatar{color:#fff;background:#f7f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex}.ri_profile-info h4{color:#1f1f1f;white-space:nowrap;margin:0;font-size:15px}@media (width<=768px){.ri_topbar{flex-direction:column;gap:12px;height:auto;margin-bottom:15px;padding:14px 16px}.ri_topbar-left{justify-content:center;align-items:center;width:100%;display:flex}.ri_topbar-left h2{text-align:center;width:100%;margin:0;font-size:20px}.ri_topbar-right{justify-content:space-between;align-items:center;gap:10px;width:100%}.ri_company-badge{padding:8px 12px;font-size:12px}.ri_profile-card{gap:8px;padding:6px 10px}.ri_avatar{width:36px;height:36px;font-size:14px}.ri_profile-info h4{font-size:13px}}@media (width<=400px){.ri_topbar-right{flex-wrap:wrap}.ri_company-badge{text-align:center;order:2;width:100%}.ri_profile-card{order:1;margin-left:auto}}:root{--primary:#f7f;--primary-dark:#9b1fc4;--primary-light:#f8e8fd;--secondary:#6d28d9;--bg:#f7f8fc;--white:#fff;--text:#111827;--text-light:#6b7280;--border:#e5e7eb;--shadow:0 12px 35px #00000014;--shadow-hover:0 20px 45px #be27ee2e;--radius:18px}.dash_wrapper{width:100%;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.dash_sidebar{z-index:150;background:linear-gradient(#f7f 0%,#6d28d9 100%);flex-shrink:0;width:270px;min-height:100vh;transition:all .3s;position:fixed;top:0;left:0}.dash_logo{text-align:center;border-bottom:1px solid #ffffff26;padding:35px 25px}.dash_logo h2{color:#fff;margin:0;font-size:24px;font-weight:700;line-height:1.1}.dash_logo p{color:#ffffffbf;margin-top:4px;font-size:14px}.dash_menu{padding:20px 15px;list-style:none}.dash_menu li{margin:10px 0}.dash_menu a{color:#fff;border-radius:14px;align-items:center;gap:12px;padding:14px 18px;font-weight:500;text-decoration:none;transition:all .35s;display:flex}.dash_menu a:hover{background:#ffffff2e;transform:translate(6px)}.dash_menu .dash_active{color:var(--primary);background:#fff;font-weight:600;box-shadow:0 12px 30px #fff3}.dash_logout-btn{color:#fff;cursor:pointer;background:linear-gradient(#f7f 0%,#8e17bc 100%);border:none;border-radius:12px;justify-content:flex-start;align-items:center;gap:12px;width:100%;height:48px;padding:0 18px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.dash_logout-btn:hover{background:#f7f}.dash_main{flex:1;width:calc(100% - 270px);min-width:0;max-width:100%;margin-left:270px;overflow-x:hidden}.dash_page-content{box-sizing:border-box;width:100%;max-width:100%;padding:35px}.dash_mobile-toggle{z-index:200;color:#fff;cursor:pointer;background:linear-gradient(135deg,#f7f,#6d28d9);border:none;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:none;position:fixed;top:18px;left:18px;box-shadow:0 8px 20px #be27ee59}@media (width<=992px){.dash_sidebar{width:220px}.dash_main{width:calc(100% - 220px);margin-left:220px}}@media (width<=768px){.dash_sidebar{width:260px;transform:translate(-100%)}.dash_sidebar.dash_sidebar-open{transform:translate(0)}.dash_main{width:100%;margin-left:0}.dash_mobile-toggle{display:flex}.dash_page-content{padding:20px}}:root{--od-primary:#f7f;--od-primary-light:#f7f;--od-primary-soft:#f8e7fe;--od-text:#1f1f1f;--od-muted:#6b7280;--od-border:#f0e6f7}.ownerdash_wrap{flex-direction:column;gap:26px;font-family:Arial,sans-serif;display:flex}.ownerdash_chart-wrap{width:100%;height:320px;position:relative}.ownerdash_loading{color:var(--od-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:80px 0;display:flex}.ownerdash_loader{border:4px solid var(--od-primary-soft);border-top-color:var(--od-primary);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite ownerdashSpin}@keyframes ownerdashSpin{to{transform:rotate(360deg)}}.ownerdash_header{background:linear-gradient(135deg, var(--od-primary), var(--od-primary-light));color:#fff;border-radius:18px;justify-content:space-between;align-items:center;padding:24px 28px;display:flex;box-shadow:0 10px 30px #be27ee40}.ownerdash_header h1{margin:0 0 4px;font-size:24px;font-weight:700}.ownerdash_header p{opacity:.9;margin:0;font-size:14px}.ownerdash_cards{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;display:grid}.ownerdash_card{border:1px solid var(--od-border);background:#fff;border-radius:16px;padding:22px;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 8px 24px #be27ee0f}.ownerdash_card:hover{border-color:var(--od-primary-light);transform:translateY(-3px);box-shadow:0 12px 30px #be27ee24}.ownerdash_card:before{content:"";background:linear-gradient(90deg, var(--od-primary-light), var(--od-primary));width:100%;height:4px;position:absolute;top:0;left:0}.ownerdash_card-icon{background:var(--od-primary-soft);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:14px;font-size:20px;display:flex}.ownerdash_card h2{color:var(--od-primary);margin:0 0 4px;font-size:30px;font-weight:700}.ownerdash_card p{color:var(--od-muted);margin:0;font-size:13px}.ownerdash_panel-card{border:1px solid var(--od-border);background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 24px #be27ee0d}.ownerdash_panel-header{align-items:center;gap:10px;margin-bottom:18px;display:flex}.ownerdash_panel-icon{background:var(--od-primary-soft);border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.ownerdash_panel-title{color:var(--od-text);margin:0;font-size:16px;font-weight:700}.ownerdash_two-col{grid-template-columns:1fr 1fr;gap:20px;display:grid}.ownerdash_form{flex-direction:column;gap:14px;display:flex}.ownerdash_form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ownerdash_form-group{flex-direction:column;gap:6px;display:flex}.ownerdash_form-group label{color:#374151;font-size:13px;font-weight:600}.ownerdash_form input,.ownerdash_form select,.ownerdash_form textarea{box-sizing:border-box;color:#000;background:#fff;border:1px solid #ddd;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .2s}.ownerdash_form textarea{resize:vertical;min-height:110px}.ownerdash_form input:hover,.ownerdash_form select:hover,.ownerdash_form textarea:hover{border-color:var(--od-primary-light)}.ownerdash_form input:focus,.ownerdash_form select:focus,.ownerdash_form textarea:focus{border-color:var(--od-primary);box-shadow:0 0 0 3px #be27ee1f}.ownerdash_btn{background:linear-gradient(135deg, var(--od-primary), var(--od-primary-light));color:#fff;cursor:pointer;border:none;border-radius:10px;align-self:flex-start;padding:12px 28px;font-size:14px;font-weight:600;transition:all .2s}.ownerdash_btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #be27ee4d}.ownerdash_btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.ownerdash_grid{grid-template-columns:1fr 1fr;gap:20px;min-width:0;display:grid}.ownerdash_grid>.ownerdash_panel-card{min-width:0}.ownerdash_table-wrap{overflow-x:auto}.ownerdash_table{border-collapse:collapse;width:100%;min-width:420px}.ownerdash_table thead{background:var(--od-primary-soft)}.ownerdash_table th{color:var(--od-primary);text-align:left;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;padding:13px 16px;font-size:12px;font-weight:700}.ownerdash_table th:first-child{border-radius:10px 0 0 10px}.ownerdash_table th:last-child{border-radius:0 10px 10px 0}.ownerdash_table td{border-bottom:1px;padding:14px 16px}@media (width<=768px){.ownerdash_two-col,.ownerdash_grid,.ownerdash_form-row{grid-template-columns:1fr}.ownerdash_header{flex-direction:column;align-items:flex-start;gap:12px;padding:20px}.ownerdash_cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.ownerdash_card,.ownerdash_panel-card{padding:16px}.ownerdash_chart-wrap{height:260px}}@media (width<=420px){.ownerdash_cards{grid-template-columns:1fr 1fr}}.herry-floating-button{color:#fff;cursor:pointer;z-index:9999;background:linear-gradient(135deg,#f7f,#f7f);border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:27px;transition:all .2s;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 8px 25px #8e17bc59}.herry-floating-button:hover{transform:scale(1.08);box-shadow:0 12px 30px #8e17bc73}.herry-icon{line-height:1}.herry-chat-window{z-index:9999;background:#fff;border:1px solid #eee;border-radius:18px;flex-direction:column;width:380px;height:560px;display:flex;position:fixed;bottom:25px;right:25px;overflow:hidden;box-shadow:0 15px 45px #0000002e}.herry-header{color:#fff;background:linear-gradient(135deg,#f7f,#f7f);justify-content:space-between;align-items:center;height:75px;padding:0 18px;display:flex}.herry-header-info{align-items:center;gap:12px;display:flex}.herry-avatar{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:21px;display:flex}.herry-header h3{margin:0;font-size:17px;font-weight:600}.herry-header span{opacity:.9;align-items:center;gap:5px;margin-top:3px;font-size:11px;display:flex}.herry-header span i{background:#72e6a1;border-radius:50%;width:7px;height:7px;display:inline-block}.herry-close{color:#fff;cursor:pointer;background:0 0;border:none;width:35px;height:35px;font-size:28px}.herry-messages{background:#f8f9fc;flex-direction:column;flex:1;gap:12px;padding:18px;display:flex;overflow-y:auto}.herry-message{white-space:pre-wrap;border-radius:13px;max-width:82%;padding:11px 14px;font-size:13px;line-height:1.5}.herry-assistant-message{color:#333;background:#fff;border:1px solid #eee;border-bottom-left-radius:4px;align-self:flex-start}.herry-user-message{color:#fff;background:#f7f;border-bottom-right-radius:4px;align-self:flex-end}.herry-input-area{background:#fff;border-top:1px solid #eee;align-items:center;gap:8px;min-height:65px;padding:10px 12px;display:flex}.herry-input-area input{border:1px solid #ddd;border-radius:22px;outline:none;flex:1;height:43px;padding:0 15px;font-size:13px}.herry-input-area input:focus{border-color:#f7f}.herry-input-area button{color:#fff;cursor:pointer;background:#f7f;border:none;border-radius:50%;width:43px;height:43px;font-size:18px}.herry-input-area button:disabled{opacity:.5;cursor:not-allowed}.herry-typing{gap:4px;display:flex}.herry-typing span{background:#999;border-radius:50%;width:6px;height:6px;animation:1.2s infinite herryTyping}.herry-typing span:nth-child(2){animation-delay:.2s}.herry-typing span:nth-child(3){animation-delay:.4s}@keyframes herryTyping{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (width<=600px){.herry-floating-button{width:55px;height:55px;bottom:16px;right:16px}.herry-chat-window{border-radius:16px;width:calc(100vw - 20px);height:calc(100vh - 20px);max-height:650px;bottom:10px;right:10px}}.herry-usage{background:#faf7fc;border-bottom:1px solid #eee;padding:10px 14px}.herry-usage-top{color:#666;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;font-size:11px;display:flex}.herry-progress{background:#e9e9e9;border-radius:10px;width:100%;height:5px;overflow:hidden}.herry-progress-bar{background:#f7f;border-radius:10px;height:100%;transition:width .3s}.herry-remaining{color:#888;margin-top:5px;font-size:10px}.herry-limit-message{text-align:center;background:#faf7fc;border-top:1px solid #eee;padding:16px}.herry-limit-message strong{color:#333;margin-bottom:5px;font-size:14px;display:block}.herry-limit-message p{color:#777;margin:0 0 12px;font-size:11px;line-height:1.5}.herry-upgrade-button{color:#fff;cursor:pointer;background:#f7f;border:none;border-radius:8px;padding:8px 18px;font-size:12px;font-weight:600}.herry-upgrade-button:hover{opacity:.9}.herry-message p{margin:0 0 9px}.herry-message p:last-child{margin-bottom:0}.herry-message strong{color:#242424;font-weight:700}.herry-user-message strong{color:#fff}.herry-message ul,.herry-message ol{margin:7px 0 9px;padding-left:20px}.herry-message li{margin-bottom:5px}.herry-message li:last-child{margin-bottom:0}.herry-message h1,.herry-message h2,.herry-message h3,.herry-message h4{margin:4px 0 8px;font-weight:700;line-height:1.3}.herry-message h1{font-size:17px}.herry-message h2{font-size:15px}.herry-message h3{font-size:14px}.herry-message h4{font-size:13px}.herry-message code{color:#f7f;background:#f3eef5;border-radius:4px;padding:2px 5px;font-size:12px}.herry-message pre{background:#f5f5f7;border-radius:8px;margin:8px 0;padding:10px;overflow-x:auto}.herry-message pre code{background:0 0;padding:0}.herry-message blockquote{color:#666;background:#faf7fc;border-left:3px solid #f7f;margin:8px 0;padding:7px 10px}.herry-message a{color:#f7f;font-weight:600;text-decoration:none}.herry-message a:hover{text-decoration:underline}.owner-tasks-page{background:#f7f8fc;min-height:100vh;padding:24px}.owner-tasks-page h2{color:#222;margin-bottom:24px;font-size:28px;font-weight:700}.task-form{background:#fff;border-radius:12px;margin-bottom:30px;padding:24px;box-shadow:0 4px 14px #0000000f}.task-form form{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.task-form input,.task-form select,.task-form textarea{box-sizing:border-box;border:1px solid #dcdcdc;border-radius:8px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:15px;transition:all .25s}.task-form textarea{resize:vertical;grid-column:1/-1;min-height:120px}.task-form input:focus,.task-form select:focus,.task-form textarea:focus{border-color:#f7f;box-shadow:0 0 0 3px #be27ee1f}.task-form button{color:#fff;cursor:pointer;background:#f7f;border:none;border-radius:8px;grid-column:1/-1;width:200px;padding:12px;font-size:15px;font-weight:600;transition:all .3s}.task-form button:hover{background:#f7f}.owner-tasks-page hr{border:none;border-top:1px solid #e6e6e6;margin:35px 0 25px}.task-tables{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.task-card{background:#fff;border-radius:12px;width:90%;overflow:hidden;box-shadow:0 4px 14px #0000000f}.task-card h3{color:#f7f;background:#f8f0ff;border-bottom:1px solid #ececec;margin:0;padding:18px 20px;font-size:18px;font-weight:700}.task-card table{border-collapse:collapse;width:100%}.task-card thead{background:#fafafa}.task-card th{text-align:left;color:#555;border-bottom:1px solid #e8e8e8;padding:14px 18px;font-size:14px;font-weight:600}.task-card td{color:#333;border-bottom:1px solid #f0f0f0;padding:14px 18px;font-size:14px}.task-card tbody tr:last-child td{border-bottom:none}.task-card tbody tr:hover{background:#faf5ff}.status.in_progress{color:#1d4ed8;background:#dbeafe}.status.completed{color:#15803d;background:#dcfce7}@media (width<=992px){.task-tables{grid-template-columns:1fr}}@media (width<=768px){.owner-tasks-page{padding:16px}.task-form{padding:18px}.task-form form{grid-template-columns:1fr}.task-form button{width:100%}.task-card{overflow-x:auto}.task-card table{min-width:650px}}.attendance-header h2{color:#0f172a;margin:0 0 6px;font-size:26px;font-weight:700}.attendance-controls{align-items:center;gap:8px;display:flex}.attendance-controls button{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;min-width:42px;height:42px;font-size:20px;transition:all .2s}.attendance-controls button:hover{background:#f8fafc;border-color:#f7f}.month-selector{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-width:175px;height:42px;padding:0 16px;font-size:14px;display:flex}.month-selector span{color:#f7f}.today-button{padding:0 16px;font-weight:600;font-size:13px!important}.attendance-card{background:#fff;border:1px solid #e2e8f0;border-radius:15px;overflow:hidden;box-shadow:0 4px 18px #0f172a0d}.attendance-calendar-wrapper{width:100%;overflow-x:auto}.attendance-calendar{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%}.attendance-calendar th{color:#475569;text-align:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-right:1px solid #edf2f7;min-width:85px;height:65px;padding:8px;font-size:12px;font-weight:600}.attendance-calendar th span{color:#0f172a;margin-bottom:4px;font-size:14px;display:block}.attendance-calendar th small{color:#94a3b8;font-size:10px;font-weight:500;display:block}.attendance-calendar .employee-header{z-index:5;text-align:left;width:220px;min-width:220px;padding-left:20px;position:sticky;left:0}.attendance-calendar tbody tr{height:82px}.attendance-calendar td{background:#fff;border-bottom:1px solid #edf2f7;border-right:1px solid #edf2f7}.employee-cell{z-index:4;width:220px;min-width:220px;padding:12px 18px;position:sticky;left:0;background:#fff!important}.employee-info{align-items:center;gap:11px;display:flex}.employee-avatar{color:#fff;background:linear-gradient(135deg,#f7f,#d946ef);border-radius:50%;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;font-size:14px;font-weight:700;display:flex}.employee-info strong{color:#1e293b;white-space:nowrap;font-size:13px;font-weight:600;display:block}.employee-info small{color:#94a3b8;margin-top:3px;font-size:11px;display:block}.attendance-day-cell{text-align:center;width:85px;min-width:85px;padding:7px}.attendance-status{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:4px;min-height:30px;padding:5px;font-size:10px;font-weight:600;display:flex}.attendance-status small{font-size:10px}.attendance-status.present{color:#138a5a;background:#eaf8f2;border:1px solid #c9eddd}.attendance-status.late{color:#b76b00;background:#fff5e6;border:1px solid #f5dfb7}.attendance-status.leave{color:#6841b7;background:#f1eafe;border:1px solid #ddd0f7}.attendance-status.absent{color:#c53d3d;background:#fdecec;border:1px solid #f4cccc}.attendance-status.active{color:#138a5a;background:#e8f8f2;border:1px solid #c9eddd}.attendance-empty{background:#fff;border-radius:7px;height:30px}.attendance-empty.future{background:repeating-linear-gradient(-45deg,#fff,#fff 5px,#f1f5f9 5px 7px)}.no-attendance{text-align:center;color:#64748b;font-size:14px;padding:50px!important}.attendance-loading{text-align:center;color:#64748b;padding:60px;font-size:14px}.attendance-legend{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:25px;margin-top:18px;padding:15px 20px;display:flex}.attendance-legend div{color:#64748b;align-items:center;gap:7px;font-size:12px;display:flex}.legend-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.present-dot{background:#22a06b}.late-dot{background:#e59b24}.leave-dot{background:#8b5cf6}.absent-dot{background:#e05252}.active-dot{background:#20a878}@media (width<=900px){.owner-attendance-page{padding:20px}.attendance-header{flex-direction:column;align-items:flex-start}.attendance-controls{width:100%}.month-selector{flex:1}}@media (width<=600px){.owner-attendance-page{padding:12px}.attendance-header h2{font-size:21px}.attendance-header p{font-size:12px}.attendance-controls{width:100%}.attendance-controls button{min-width:36px;height:38px}.month-selector{min-width:0;height:38px;font-size:12px}.today-button{padding:0 10px!important}.attendance-calendar .employee-header,.employee-cell{width:170px;min-width:170px}.attendance-calendar th{min-width:75px}.attendance-day-cell{width:75px;min-width:75px}.attendance-legend{gap:12px;padding:12px}}.attendance-status{white-space:nowrap;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:48px;padding:5px 6px;font-size:10px;font-weight:600;display:flex}.status-main{justify-content:center;align-items:center;gap:4px;display:flex}.attendance-status span{font-size:10px}.attendance-status small{font-size:9px;font-weight:600}.attendance-time{opacity:.8;letter-spacing:.1px;font-size:8px;font-weight:500}@media (width<=600px){.attendance-calendar th{min-width:90px}.attendance-day-cell{width:90px;min-width:90px}.attendance-time{font-size:7px}}.profile-form{flex-direction:column;gap:18px;max-width:600px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#374151;font-size:14px;font-weight:600}.form-group input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:10px;outline:none;padding:12px 14px;font-size:15px;transition:all .2s}.form-group input:disabled{color:#9ca3af;cursor:not-allowed;background:#f3f4f6}.profile-form hr{border:none;border-top:1px solid #e5e7eb;margin:4px 0}.doc-preview-wrap{margin-bottom:10px}.doc-preview-img{border-radius:8px;width:100%;max-width:220px;margin-bottom:8px;display:block}.doc-name{color:#374151;margin-bottom:8px}.doc-empty{color:#888;margin-bottom:10px;font-size:14px}.profile-form input[type=file]{cursor:pointer;border:1px dashed #d1d5db;border-radius:10px;padding:10px}.form-message{color:#15803d;background:#f0fdf4;border-radius:8px;padding:10px 14px;font-size:14px}.profile-form>button[type=submit]{color:#fff;cursor:pointer;background:#f7f;border:none;border-radius:10px;align-self:flex-start;padding:12px 28px;font-size:15px;font-weight:600;transition:all .2s}.profile-form>button[type=submit]:hover{background:#f7f}.profile-form>button[type=submit]:disabled{cursor:not-allowed;background:#d1d5db}@media (width<=768px){.profile-form{max-width:100%}.profile-form>button[type=submit]{width:100%}}.modal-box{background:#fffafd;border-radius:16px;flex-direction:column;width:380px;max-width:92vw;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 10px 40px #be27ee33}.modal-header{border-bottom:1px solid #f2e0fa;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.modal-header h3{color:#7a1a99;margin:0;font-size:18px}.modal-close{color:#c98fdd;cursor:pointer;background:0 0;border:none;font-size:22px;line-height:1}.modal-close:hover{color:#f7f}.modal-title-input{color:#5a2670;border:1px solid #eeccf7;border-radius:10px;outline:none;margin:14px 20px 0;padding:10px 14px;font-size:14px}.modal-title-input:focus{border-color:#f7f}.user-select-list{flex-direction:column;flex:1;gap:6px;padding:14px 12px;display:flex;overflow-y:auto}.modal-loading{text-align:center;color:#c48ede;padding:20px}.user-select-item{cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex}.user-select-item:hover{background:#fdf1ff}.user-select-item.selected{background:#fbe4ff}.user-select-item input[type=checkbox]{accent-color:#f7f;cursor:pointer;width:16px;height:16px}.user-avatar{color:#fff;background:linear-gradient(135deg,#e79bff,#f7f);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.user-info{flex-direction:column;display:flex;overflow:hidden}.user-name{color:#4a1d5c;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.user-role{color:#b98fd1;text-transform:capitalize;font-size:12px}.modal-actions{border-top:1px solid #f2e0fa;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.btn-submit:disabled{opacity:.5;cursor:not-allowed}@media (width<=480px){.modal-box{border-radius:14px;width:94vw}.modal-header{padding:14px 16px}.modal-title-input{margin:12px 16px 0}.user-select-list{padding:10px}.modal-actions{padding:12px 16px}}.conversation-sidebar{background:#fff8ff;border-right:1px solid #f2e0fa;flex-direction:column;width:320px;height:100%;display:flex}.conversation-header{color:#f7f;background:#fff;border-bottom:1px solid #f2e0fa;justify-content:space-between;align-items:center;height:70px;padding:0 20px;font-size:20px;font-weight:700;display:flex}.conversation-header button{color:#f7f;cursor:pointer;background:#f6dcff;border:none;border-radius:50%;width:34px;height:34px;font-size:20px;transition:all .25s}.conversation-header button:hover{background:#efc2ff}.conversation-loading{color:#c48ede;flex:1;justify-content:center;align-items:center;display:flex}.conversation-list{flex:1;overflow-y:auto}.conversation-item{cursor:pointer;border-bottom:1px solid #f9eefc;align-items:center;gap:15px;padding:16px 18px;transition:all .25s;display:flex;position:relative}.conversation-item:hover{background:#fdf1ff}.conversation-item.active{background:#fbe4ff}.conversation-avatar{color:#fff;background:linear-gradient(135deg,#e79bff,#f7f);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:flex}.conversation-content{flex:1;overflow:hidden}.conversation-content h4{color:#6b1d85;margin:0;font-size:16px}.conversation-content p{color:#b48fc4;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:13px;overflow:hidden}.conversation-badge{color:#fff;background:#f7f;border-radius:50%;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 6px;font-size:12px;font-weight:600;display:flex}.conversation-delete-btn{opacity:0;color:#d63384;cursor:pointer;background:#ffe4f2;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.conversation-item:hover .conversation-delete-btn{opacity:1}.conversation-delete-btn:hover{background:#ffb8d6;transform:scale(1.08)}.confirm-overlay{z-index:1100;background:#78289640;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-box{background:#fffafd;border-radius:16px;width:340px;padding:22px 24px;box-shadow:0 10px 40px #be27ee33}.confirm-box h4{color:#7a1a99;margin:0 0 10px;font-size:17px}.confirm-box p{color:#7a5a8c;margin:0 0 20px;font-size:14px;line-height:1.5}.confirm-box p strong{color:#5a2670}.confirm-actions{justify-content:flex-end;gap:10px;display:flex}.confirm-cancel{color:#a06bb8;cursor:pointer;background:#fff;border:1px solid #eeccf7;border-radius:10px;padding:9px 16px;font-size:14px}.confirm-cancel:hover{background:#fdf1ff}.confirm-delete{color:#fff;cursor:pointer;background:#f7f;border:none;border-radius:10px;padding:9px 18px;font-size:14px;font-weight:600}.confirm-delete:hover{background:#f7f}.confirm-delete:disabled,.confirm-cancel:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.conversation-sidebar{border-right:none;width:100%}.conversation-header{height:60px;padding:0 16px;font-size:18px}.conversation-item{padding:14px 16px}.conversation-avatar{width:42px;height:42px;font-size:17px}.confirm-box{width:90vw;max-width:340px}}.message{max-width:70%;margin-bottom:18px}.message.mine{margin-left:auto}.message-name{color:#a06bb8;margin-bottom:5px;font-size:13px}.message-body{color:#5a2670;word-break:break-word;background:#fff;border-radius:14px;padding:12px 16px;font-size:15px;line-height:1.5;box-shadow:0 2px 8px #be27ee14}.message.mine .message-body{color:#fff;background:linear-gradient(135deg,#e79bff,#f7f)}.message-time{color:#c9a3da;margin-top:5px;font-size:11px}@media (width<=768px){.message{max-width:85%}}.message-input-container{background:#fffafd;border-top:1px solid #f2e0fa;align-items:flex-end;gap:12px;padding:15px;display:flex;position:relative}.chat-icon-btn{cursor:pointer;color:#c98fdd;background:0 0;border:none;flex-shrink:0;font-size:22px;transition:all .25s}.chat-icon-btn:hover{color:#f7f}.message-input-container textarea{resize:none;color:#5a2670;background:#fff;border:1px solid #eeccf7;border-radius:12px;outline:none;flex:1;min-width:0;min-height:45px;max-height:140px;padding:12px 14px;font-size:15px;overflow-y:auto}.message-input-container textarea:focus{border-color:#f7f;box-shadow:0 0 0 2px #be27ee26}.send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e79bff,#f7f);border:none;border-radius:50%;flex-shrink:0;width:48px;height:48px;font-size:18px;transition:all .25s}.send-btn:hover{background:linear-gradient(135deg,#d97dff,#f7f)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.emoji-picker{z-index:1000;max-width:90vw;position:absolute;bottom:60px;left:10px}@media (width<=768px){.message-input-container{gap:8px;padding:10px}.send-btn{width:42px;height:42px;font-size:16px}.emoji-picker{bottom:55px;left:5px;right:5px}.emoji-picker>*{width:100%!important}}.chat-window{background:#fdf6ff;flex-direction:column;flex:1;width:100%;min-width:0;display:flex}.chat-header{background:#fff;border-bottom:1px solid #f1def7;align-items:center;gap:14px;height:70px;padding:0 25px;display:flex}.chat-back-btn{color:#f7f;cursor:pointer;background:#f6dcff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;display:none}.chat-header h2{color:#7a1a99;margin:0;font-size:22px}.chat-header span{color:#b98fd1;font-size:13px}.chat-messages{background:#fdf6ff;flex:1;padding:25px;overflow-y:auto}.chat-loading{color:#c48ede;justify-content:center;align-items:center;height:100%;display:flex}.chat-window-empty{color:#d3a8e6;text-align:center;background:#fdf6ff;flex:1;justify-content:center;align-items:center;padding:20px;font-size:22px;display:flex}@media (width<=768px){.chat-back-btn{display:flex}.chat-header{height:60px;padding:0 14px}.chat-header h2{font-size:18px}.chat-messages{padding:16px}}.chat-page{background:#fdf5ff;width:100%;height:calc(100vh - 70px);display:flex;overflow:hidden}.chat-sidebar-wrap,.chat-window-wrap{min-width:0;display:flex}.chat-window-wrap{flex:1}@media (width<=768px){.chat-page{height:calc(100vh - 60px);position:relative}.chat-sidebar-wrap,.chat-window-wrap{flex:100%;width:100%}.mobile-hidden{display:none}}.upload-overlay{z-index:1100;background:#78289640;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.upload-box{background:#fffafd;border-radius:16px;width:420px;padding:22px 24px;box-shadow:0 10px 40px #be27ee33}.upload-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.upload-header h3{color:#7a1a99;margin:0;font-size:18px}.upload-close{color:#c98fdd;cursor:pointer;background:0 0;border:none;font-size:22px;line-height:1}.upload-close:hover{color:#f7f}.upload-hint{color:#a06bb8;margin-bottom:16px;font-size:13px;line-height:1.5}.upload-dropzone{color:#b98fd1;cursor:pointer;text-align:center;border:2px dashed #eeccf7;border-radius:12px;justify-content:center;align-items:center;height:100px;padding:0 16px;font-size:14px;transition:all .2s;display:flex}.upload-dropzone:hover{background:#fdf1ff;border-color:#f7f}.upload-error{color:#c02171;background:#ffe4ea;border-radius:10px;margin-top:12px;padding:10px 14px;font-size:13px}.upload-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.btn-cancel{color:#a06bb8;cursor:pointer;background:#fff;border:1px solid #eeccf7;border-radius:10px;padding:9px 16px;font-size:14px}.btn-cancel:hover{background:#fdf1ff}.btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e79bff,#f7f);border:none;border-radius:10px;padding:9px 18px;font-size:14px;font-weight:600}.btn-submit:hover{background:#f7f}.btn-submit:disabled,.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.upload-result{flex-direction:column;gap:10px;margin-bottom:10px;display:flex}.result-row{color:#5a2670;background:#fdf1ff;border-radius:10px;justify-content:space-between;padding:12px 14px;font-size:14px;display:flex}.result-row.success{color:#0f9d58;background:#e6faf0}.result-row.warning{color:#b8860b;background:#fff6e0}.result-row.error{color:#c02171;background:#ffe9ee}.upload-mailbox-warning{color:#92400e;background:#fef3c7;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;line-height:1.5}.upload-mailbox-warning a{color:#92400e;font-weight:600;text-decoration:underline}@media (width<=480px){.upload-box{width:92vw;padding:18px}.upload-actions{flex-direction:column-reverse}.upload-actions button{width:100%}}.drawer-overlay{z-index:1100;background:#78289640;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer-box{box-sizing:border-box;background:#fffafd;width:400px;max-width:90vw;height:100%;padding:22px 24px;overflow-y:auto;box-shadow:-10px 0 40px #be27ee26}.drawer-header{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.drawer-header h3{color:#7a1a99;margin:0;font-size:19px}.drawer-header span{color:#b98fd1;font-size:13px}.drawer-close{color:#c98fdd;cursor:pointer;background:0 0;border:none;font-size:22px;line-height:1}.drawer-close:hover{color:#f7f}.drawer-section{background:#fdf1ff;border-radius:12px;margin-bottom:22px;padding:14px 16px}.drawer-info-row{color:#5a2670;justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.drawer-info-row span{color:#a06bb8}.drawer-subtitle{color:#6b1d85;margin:0 0 12px;font-size:15px}.followup-list{flex-direction:column;gap:12px;display:flex}.no-followups{color:#c48ede;font-size:13px}.followup-item{background:#fff;border:1px solid #f2e0fa;border-radius:12px;gap:12px;padding:12px 14px;display:flex}.followup-icon{flex-shrink:0;font-size:20px}.followup-content{flex:1}.followup-top{justify-content:space-between;align-items:center;display:flex}.followup-top strong{text-transform:capitalize;color:#4a1d5c;font-size:14px}.followup-status{text-transform:capitalize;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.followup-status.pending{color:#b8860b;background:#fff6e0}.followup-status.sent,.followup-status.done{color:#0f9d58;background:#e6faf0}.followup-status.failed{color:#c02171;background:#ffe9ee}.followup-content p{color:#7a5a8c;margin:8px 0;font-size:13px;line-height:1.5}.followup-date{color:#c9a3da;font-size:11px}@media (width<=480px){.drawer-box{width:100%;max-width:100vw;padding:18px 16px}}.drawer-action-section{margin:0 0 24px}.convert-client-btn{color:#fff;cursor:pointer;background:#f7f;border:none;border-radius:10px;width:100%;padding:12px 16px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 5px 14px #be27ee38}.convert-client-btn:hover{background:#f7f;transform:translateY(-1px);box-shadow:0 7px 18px #be27ee4d}.convert-client-btn:active{transform:translateY(0)}.convert-client-btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;transform:none}.already-client-message{box-sizing:border-box;color:#7a1a99;text-align:center;background:#f7f;border:1px solid #f7f;border-radius:10px;width:100%;padding:11px 14px;font-size:13px;font-weight:600}.client-drawer-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;background:#140a1973;justify-content:flex-end;display:flex;position:fixed;inset:0}.client-drawer{background:var(--white);width:450px;max-width:95%;height:100vh;animation:.25s ease-out slideIn;overflow-y:auto;box-shadow:-10px 0 35px #be27ee26}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.client-drawer-header{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;justify-content:space-between;align-items:flex-start;padding:25px;display:flex}.client-drawer-header h3{margin:0 0 6px;font-size:22px;font-weight:700}.client-drawer-header span{opacity:.9;font-size:13px}.client-drawer-header button{color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:50%;width:36px;height:36px;font-size:25px;line-height:1;transition:all .2s}.client-drawer-header button:hover{color:var(--primary);background:#fff;transform:rotate(90deg)}.client-info{grid-template-columns:1fr 1fr;gap:14px;padding:25px;display:grid}.client-info>div{border:1px solid var(--border);background:#fafafa;border-radius:10px;padding:14px;transition:all .2s}.client-info>div:hover{border-color:var(--primary-light);background:var(--primary-soft)}.client-info span{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.client-info strong{color:var(--text);word-break:break-word;font-size:13px;font-weight:600;display:block}.client-status-section{padding:0 25px 22px}.client-status-section label{color:#444;margin-bottom:9px;font-size:13px;font-weight:600;display:block}.client-status-section select{color:#333;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:14px;font-weight:500;transition:all .2s}.client-status-section select:hover{border-color:var(--primary-light)}.client-status-section select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #be27ee1f}.client-status-section select:disabled{opacity:.6;cursor:not-allowed}.client-deal-section{border:1px solid var(--border);background:#fcfcfd;border-radius:12px;margin:0 25px 25px;padding:18px}.client-section-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.client-section-header h4{color:#333;margin:0 0 5px;font-size:15px;font-weight:700}.client-section-header p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.create-deal-btn{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;padding:9px 13px;font-size:12px;font-weight:600;transition:all .2s}.create-deal-btn:hover{background:#f7f;transform:translateY(-1px)}.deal-form{flex-direction:column;gap:13px;padding-top:5px;display:flex}.deal-form-group{width:100%}.deal-form-group label{color:#444;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.deal-form-group input,.deal-form-group select,.deal-form-group textarea{box-sizing:border-box;color:#333;background:#fff;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:10px 11px;font-family:Arial,sans-serif;font-size:13px;transition:border-color .2s,box-shadow .2s}.deal-form-group input,.deal-form-group select{height:40px}.deal-form-group textarea{resize:vertical;min-height:78px;line-height:1.45}.deal-form-group input:focus,.deal-form-group select:focus,.deal-form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #be27ee1a}.deal-form-group input::placeholder,.deal-form-group textarea::placeholder{color:#aaa}.deal-form-row{grid-template-columns:1fr 1fr;gap:11px;display:grid}.deal-form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:9px;margin-top:4px;padding-top:14px;display:flex}.deal-cancel-btn,.deal-save-btn{cursor:pointer;border-radius:8px;min-width:110px;height:38px;padding:0 16px;font-size:12px;font-weight:600;transition:all .2s}.deal-cancel-btn{color:#555;background:#fff;border:1px solid #ddd}.deal-cancel-btn:hover{color:#333;background:#f6f6f6;border-color:#ccc}.deal-save-btn{background:var(--primary);color:#fff;border:none}.deal-save-btn:hover{background:#f7f}.deal-save-btn:disabled,.deal-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.status-history{border-top:1px solid var(--border);margin:0 25px 25px;padding-top:20px}.status-history h4{color:#333;margin:0 0 15px;font-size:15px;font-weight:700}.status-history>div{border:1px solid var(--border);border-left:3px solid var(--primary);background:#fafafa;border-radius:8px;margin-bottom:12px;padding:13px 15px;position:relative}.status-history>div:last-child{margin-bottom:0}.status-history strong{color:var(--primary);margin-bottom:5px;font-size:13px;font-weight:600;display:block}.status-history span{color:var(--muted);font-size:12px;line-height:1.5;display:block}.client-drawer::-webkit-scrollbar{width:6px}.client-drawer::-webkit-scrollbar-track{background:#f5f5f5}.client-drawer::-webkit-scrollbar-thumb{background:linear-gradient(var(--primary), var(--primary-light));border-radius:10px}.client-drawer::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media (width<=768px){.crm-table{display:block;overflow-x:auto}.crm-table th,.crm-table td{white-space:nowrap;padding:12px}.client-drawer{width:100%;max-width:100%}.client-info{grid-template-columns:1fr}.client-section-header{align-items:flex-start}}@media (width<=500px){.client-drawer-header{padding:20px}.client-drawer-header h3{font-size:19px}.client-info{gap:10px;padding:20px}.client-status-section{padding:0 20px 20px}.client-deal-section{margin:0 20px 20px;padding:15px}.client-section-header{flex-direction:column;align-items:stretch;gap:12px}.client-section-header p{max-width:100%}.create-deal-btn{width:100%;height:40px}.deal-form-row{grid-template-columns:1fr;gap:13px}.deal-form-actions{flex-direction:column-reverse;gap:8px}.deal-cancel-btn,.deal-save-btn{width:100%;min-width:0;height:40px}.status-history{margin-left:20px;margin-right:20px}}:root{--primary:#f7f;--primary-light:#f7f;--primary-soft:#f8e7fe;--primary-hover:#f7f;--bg:#f8f9fc;--white:#fff;--text:#242424;--muted:#777;--border:#e8e8ee}.crm-table{border-collapse:separate;border-spacing:0;background:var(--white);border:1px solid var(--border);border-radius:14px;width:100%;font-family:Arial,sans-serif;overflow:hidden;box-shadow:0 4px 18px #0000000a}.crm-table thead{background:linear-gradient(135deg, var(--primary), var(--primary-light))}.crm-table th{text-align:left;color:#fff;letter-spacing:.3px;white-space:nowrap;padding:15px 18px;font-size:13px;font-weight:600}.crm-table tbody tr{cursor:pointer;transition:all .2s}.crm-table tbody tr:hover{background:#fff7ff}.crm-table td{border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;padding:16px 18px;font-size:14px}.crm-table tbody tr:last-child td{border-bottom:none}.crm-table td strong{color:#333;font-weight:600}.status-badge{text-transform:capitalize;border-radius:20px;justify-content:center;align-items:center;min-width:90px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.deal-drawer-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;background:#140a1973;justify-content:flex-end;display:flex;position:fixed;inset:0}.deal-drawer{background:var(--white);width:430px;max-width:95%;height:100vh;animation:.25s ease-out dealSlideIn;overflow-y:auto;box-shadow:-10px 0 35px #be27ee26}@keyframes dealSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.deal-drawer-header{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-light));justify-content:space-between;align-items:flex-start;padding:25px;display:flex}.deal-drawer-header h3{word-break:break-word;margin:0 0 7px;font-size:22px;font-weight:700}.deal-drawer-header span{opacity:.9;font-size:13px}.deal-drawer-header button{color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:50%;width:36px;height:36px;font-size:25px;line-height:1;transition:all .2s}.deal-drawer-header button:hover{color:var(--primary);background:#fff;transform:rotate(90deg)}.deal-info{grid-template-columns:1fr 1fr;gap:14px;padding:25px;display:grid}.deal-info>div{border:1px solid var(--border);background:#fafafa;border-radius:10px;padding:15px;transition:all .2s}.deal-info>div:hover{background:var(--primary-soft);border-color:var(--primary-light)}.deal-info>div:first-child{grid-column:span 2}.deal-info span{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px;font-size:11px;font-weight:600;display:block}.deal-info strong{color:var(--text);font-size:15px;font-weight:600;display:block}.deal-info>div:first-child strong{color:var(--primary);font-size:20px}.deal-drawer>label{color:#444;margin-bottom:9px;padding:0 25px;font-size:13px;font-weight:600;display:block}.deal-drawer>select{color:#333;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:10px;outline:none;width:calc(100% - 50px);margin:0 25px 25px;padding:12px 14px;font-size:14px;font-weight:500;transition:all .2s}.deal-drawer>select:hover{border-color:var(--primary-light)}.deal-drawer>select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #be27ee1f}.deal-drawer>select:disabled{opacity:.6;cursor:not-allowed}.deal-history{border-top:1px solid var(--border);margin:0 25px 25px;padding-top:20px}.deal-history h4{color:#333;margin:0 0 15px;font-size:15px;font-weight:700}.deal-history>div{border:1px solid var(--border);border-left:3px solid var(--primary);background:#fafafa;border-radius:8px;margin-bottom:12px;padding:13px 15px;transition:all .2s}.deal-history>div:hover{background:var(--primary-soft);border-color:var(--primary-light)}.deal-history>div:last-child{margin-bottom:0}.deal-history strong{color:var(--primary);margin-bottom:5px;font-size:13px;font-weight:600;display:block}.deal-history span{color:var(--muted);font-size:12px;line-height:1.5;display:block}.deal-invoice-section{border-top:1px solid var(--border);margin:0 25px 25px;padding-top:20px}.deal-section-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:15px;display:flex}.deal-section-header h4{color:#333;margin:0 0 4px;font-size:15px;font-weight:700}.deal-section-header p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.create-invoice-btn{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;padding:9px 16px;font-size:13px;font-weight:600;transition:all .2s}.create-invoice-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #be27ee4d}.invoice-form{border:1px solid var(--border);background:#fafafa;border-radius:12px;flex-direction:column;gap:14px;margin-top:5px;padding:18px;display:flex}.invoice-form-group{flex-direction:column;gap:6px;display:flex}.invoice-form-group label{color:#444;font-size:12px;font-weight:600}.invoice-form-group input,.invoice-form-group select,.invoice-form-group textarea{color:#333;background:#fff;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:13px;transition:all .2s}.invoice-form-group input:hover,.invoice-form-group select:hover,.invoice-form-group textarea:hover{border-color:var(--primary-light)}.invoice-form-group input:focus,.invoice-form-group select:focus,.invoice-form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #be27ee1f}.invoice-form-group textarea{resize:vertical;min-height:60px}.invoice-form-group select{cursor:pointer}.invoice-form-row{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;display:grid}.invoice-form-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.invoice-cancel-btn{color:#555;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s}.invoice-cancel-btn:hover{background:#f5f5f5;border-color:#ccc}.invoice-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.invoice-save-btn{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s}.invoice-save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #be27ee4d}.invoice-save-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.deal-drawer::-webkit-scrollbar{width:6px}.deal-drawer::-webkit-scrollbar-track{background:#f5f5f5}.deal-drawer::-webkit-scrollbar-thumb{background:linear-gradient(var(--primary), var(--primary-light));border-radius:10px}.deal-drawer::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media (width<=768px){.crm-table{display:block;overflow-x:auto}.crm-table th,.crm-table td{padding:12px}.deal-drawer{width:100%;max-width:100%}}@media (width<=500px){.deal-info{grid-template-columns:1fr}.deal-info>div:first-child{grid-column:span 1}.deal-drawer-header,.deal-info{padding:20px}.deal-drawer>label{padding:0 20px}.deal-drawer>select{width:calc(100% - 40px);margin-left:20px;margin-right:20px}.deal-history,.deal-invoice-section{margin-left:20px;margin-right:20px}.deal-section-header{flex-direction:column;align-items:stretch}.create-invoice-btn{text-align:center;width:100%}.invoice-form-row{grid-template-columns:1fr}.invoice-form-actions{flex-direction:column-reverse}.invoice-form-actions button{width:100%}}.invoice-drawer-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a73;justify-content:flex-end;display:flex;position:fixed;inset:0}.invoice-drawer{box-sizing:border-box;background:#fff;width:min(100%,560px);height:100vh;padding:24px;animation:.25s invoiceSlideIn;overflow-y:auto;box-shadow:-10px 0 35px #0000001f}@keyframes invoiceSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.invoice-drawer-header{border-bottom:1px solid #e8e8ee;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:22px;display:flex}.invoice-panel-label{text-transform:uppercase;letter-spacing:.08em;color:#f7f;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.invoice-drawer-header h3{color:#242424;margin:0 0 6px;font-size:24px}.invoice-drawer-header>div>span:last-child{color:#777;font-size:14px}.invoice-close-btn{cursor:pointer;color:#555;background:#f5f5f7;border:none;border-radius:10px;width:36px;height:36px;font-size:24px;line-height:1;transition:all .2s}.invoice-close-btn:hover{color:#f7f;background:#f8e7fe}.invoice-status-card{background:#fafafa;border:1px solid #e8e8ee;border-radius:14px;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;padding:18px;display:flex}.invoice-status-card>div{flex-direction:column;gap:5px;display:flex}.invoice-status-card>div span{color:#777;font-size:12px}.invoice-status-card>div strong{font-size:16px}.invoice-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.invoice-info>div{background:#fff;border:1px solid #e8e8ee;border-radius:12px;min-width:0;padding:14px}.invoice-info span{text-transform:uppercase;letter-spacing:.04em;color:#888;margin-bottom:6px;font-size:11px;display:block}.invoice-info strong{color:#242424;word-break:break-word;font-size:13px;display:block}.invoice-amount-card{background:#f8e7fe;border-radius:14px;flex-direction:column;gap:7px;margin-top:20px;padding:22px;display:flex}.invoice-amount-card span{color:#777;font-size:13px}.invoice-amount-card strong{color:#f7f;font-size:28px}.invoice-edit-section{margin-top:22px}.invoice-edit-section label{color:#333;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.invoice-edit-section input,.invoice-edit-section select{box-sizing:border-box;background:#fff;border:1px solid #dedee6;border-radius:10px;outline:none;width:100%;height:44px;padding:0 13px;font-size:14px;transition:all .2s}.invoice-edit-section input:focus,.invoice-edit-section select:focus{border-color:#f7f;box-shadow:0 0 0 3px #be27ee1a}.invoice-edit-section small{color:#888;margin-top:7px;font-size:12px;line-height:1.5;display:block}.invoice-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;display:grid}.invoice-actions button{cursor:pointer;border-radius:10px;height:46px;font-size:14px;font-weight:700;transition:all .2s}.invoice-download-btn{color:#333;background:#fff;border:1px solid #dedee6}.invoice-download-btn:hover{color:#f7f;background:#fdf7ff;border-color:#f7f}.invoice-save-btn{color:#fff;background:#f7f;border:none}.invoice-save-btn:hover{background:#f7f}.invoice-actions button:disabled{opacity:.6;cursor:not-allowed}.invoice-summary{border:1px solid #e8e8ee;border-radius:14px;margin-top:24px;overflow:hidden}.invoice-summary>div{border-bottom:1px solid #eeeef2;justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;display:flex}.invoice-summary>div:last-child{border-bottom:none}.invoice-summary span{color:#777}.invoice-summary strong{color:#242424}.invoice-summary-total{background:#fafafa}.invoice-summary-total strong{color:#f7f;font-size:18px}.invoice-notes{background:#fafafa;border:1px solid #e8e8ee;border-radius:14px;margin-top:22px;padding:18px}.invoice-notes h4{color:#242424;margin:0 0 8px;font-size:14px}.invoice-notes p{color:#666;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.6}.status-badge i{border-radius:50%;width:6px;height:6px;display:block}@media (width<=600px){.invoice-drawer{width:100%;padding:18px}.invoice-info,.invoice-actions{grid-template-columns:1fr}.invoice-drawer-header h3{font-size:21px}.invoice-amount-card strong{font-size:24px}}.emailTpl-section,.emailTpl-section *{box-sizing:border-box}.emailTpl-section{width:100%;max-width:100%;padding:20px;overflow-x:hidden}.emailTpl-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:20px;display:flex}.emailTpl-title{color:#000;margin:0 0 4px;font-size:20px;font-weight:700}.emailTpl-subtitle{color:#4a4a4a;word-wrap:break-word;max-width:480px;margin:0;font-size:14px}.emailTpl-primaryBtn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#f7f;border:none;border-radius:8px;max-width:100%;padding:10px 18px;font-size:14px;font-weight:600;transition:background-color .15s,transform .1s}.emailTpl-primaryBtn:hover{background-color:#e85fe8}.emailTpl-primaryBtn:active{transform:scale(.98)}.emailTpl-secondaryBtn{color:#000;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #f7f;border-radius:8px;max-width:100%;padding:10px 18px;font-size:14px;font-weight:600}.emailTpl-secondaryBtn:hover{background-color:#fff0ff}.emailTpl-tableCard,.emailTpl-card{overflow-wrap:break-word;background-color:#fff;border:1px solid #ffd6ff;border-radius:12px;width:100%;max-width:100%;padding:20px}.emailTpl-emptyState{text-align:center;color:#000;padding:24px 0}.emailTpl-empty{text-align:center;padding:40px 20px}.emailTpl-emptyIcon{color:#f7f;margin-bottom:8px;font-size:32px}.emailTpl-emptyHeading{color:#000;margin:0 0 6px}.emailTpl-emptyText{color:#4a4a4a;margin:0 0 16px}.emailTpl-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;width:100%;max-width:100%;margin-bottom:20px;display:grid}.emailTpl-templateCard{flex-direction:column;min-width:0;display:flex}.emailTpl-cardTop{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.emailTpl-icon{color:#f7f;font-size:20px}.emailTpl-badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.emailTpl-badge{white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.emailTpl-badgeDefault{color:#fff;background-color:#f7f}.emailTpl-badgeActive{color:#fff;background-color:#000}.emailTpl-badgeInactive{color:#000;background-color:#f0f0f0}.emailTpl-cardTitle{color:#000;word-break:break-word;margin:0 0 8px;font-size:16px;font-weight:700}.emailTpl-cardSubject{color:#000;word-break:break-word;flex-wrap:wrap;gap:4px;margin-bottom:8px;font-size:13px;display:flex}.emailTpl-cardSubject span{color:#4a4a4a;overflow-wrap:break-word}.emailTpl-cardPreviewText{color:#666;overflow-wrap:break-word;word-break:break-word;flex-grow:1;margin-bottom:14px;font-size:13px}.emailTpl-cardActions{flex-wrap:wrap;gap:8px;display:flex}.emailTpl-actionBtn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;flex:auto;min-width:80px;padding:8px 10px;font-size:12px;font-weight:600}.emailTpl-actionPreview{color:#000;background-color:#fff0ff}.emailTpl-actionEdit{color:#fff;background-color:#f7f}.emailTpl-actionDelete{color:#fff;background-color:#000}.emailTpl-editor{margin-top:20px}.emailTpl-editorHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.emailTpl-editorTitle{color:#000;margin:0 0 4px}.emailTpl-editorSubtitle{color:#4a4a4a;overflow-wrap:break-word;max-width:500px;margin:0;font-size:13px}.emailTpl-closeBtn{color:#000;cursor:pointer;background-color:#0000;border:none;border-radius:6px;padding:4px 8px;font-size:16px}.emailTpl-closeBtn:hover{background-color:#fff0ff}.emailTpl-form{width:100%;max-width:100%}.emailTpl-formGroup{width:100%;margin-bottom:16px}.emailTpl-label{color:#000;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.emailTpl-input,.emailTpl-textarea{color:#000;resize:vertical;background-color:#fff;border:1px solid #ffd6ff;border-radius:8px;width:100%;max-width:100%;padding:10px 12px;font-size:14px}.emailTpl-input:focus,.emailTpl-textarea:focus{border-color:#f7f;outline:none;box-shadow:0 0 0 3px #ff77ff40}.emailTpl-textarea{min-height:160px;font-family:monospace}.emailTpl-variableBox{background-color:#fff8ff;border:1px dashed #f7f;border-radius:8px;width:100%;max-width:100%;margin-bottom:16px;padding:14px}.emailTpl-variableTitle{color:#000;margin-bottom:6px;font-weight:700}.emailTpl-variableDesc{color:#4a4a4a;margin:0 0 10px;font-size:13px}.emailTpl-variableList{flex-wrap:wrap;gap:8px;width:100%;display:flex}.emailTpl-variableChip{color:#fff;white-space:nowrap;background-color:#f7f;border-radius:6px;padding:4px 8px;font-size:12px}.emailTpl-settings{flex-direction:column;gap:12px;width:100%;margin-bottom:20px;display:flex}.emailTpl-checkbox{cursor:pointer;align-items:flex-start;gap:10px;width:100%;display:flex}.emailTpl-checkbox input{accent-color:#f7f;flex-shrink:0;margin-top:3px}.emailTpl-checkbox span{color:#000;overflow-wrap:break-word;flex-direction:column;min-width:0;display:flex}.emailTpl-checkbox small{color:#666;font-weight:400}.emailTpl-formActions{flex-wrap:wrap;justify-content:flex-end;gap:10px;width:100%;display:flex}.emailTpl-previewOverlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.emailTpl-previewModal{background-color:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:700px;max-height:90vh;display:flex;overflow:hidden}.emailTpl-previewHeader{border-bottom:1px solid #ffd6ff;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.emailTpl-previewTitle{color:#000;overflow-wrap:break-word;margin:0 0 4px}.emailTpl-previewSubject{color:#4a4a4a;overflow-wrap:break-word;margin:0;font-size:13px}.emailTpl-previewContent{flex:auto;padding:12px 20px;overflow:auto}.emailTpl-previewFrame{background-color:#fff;border:1px solid #ffd6ff;border-radius:8px;width:100%;max-width:100%;height:400px}.emailTpl-previewFooter{border-top:1px solid #ffd6ff;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}@media (width<=480px){.emailTpl-grid{grid-template-columns:1fr}.emailTpl-header,.emailTpl-editorHeader,.emailTpl-previewHeader,.emailTpl-formActions,.emailTpl-previewFooter{flex-direction:column;align-items:stretch}.emailTpl-primaryBtn,.emailTpl-secondaryBtn{width:100%}}.crm-page{box-sizing:border-box;color:#27132e;background:#faf7fc;width:100%;min-height:calc(100vh - 70px);padding:28px;overflow-y:auto}.inline-status-select{cursor:pointer;border:1px solid;border-radius:6px;outline:none;padding:4px 8px;font-size:12px;font-weight:600}.crm-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.crm-title-row{align-items:center;gap:14px;display:flex}.crm-title-icon{color:#fff;background:linear-gradient(135deg,#f7f,#9d18cb);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex;box-shadow:0 8px 24px #be27ee38}.crm-header h1{color:#301338;margin:0;font-size:28px;font-weight:800}.crm-header p{color:#907a98;margin:5px 0 0;font-size:13px}.crm-header-actions{align-items:center;gap:12px;display:flex}.mail-status{border:1px solid;border-radius:11px;align-items:center;gap:8px;height:40px;padding:0 14px;font-size:12px;font-weight:700;display:flex}.mail-status span{border-radius:50%;width:7px;height:7px}.mail-status.connected{color:#16864a;background:#ecfdf3;border-color:#c8f0d8}.mail-status.connected span{background:#16a34a}.mail-status.disconnected{color:#a16207;background:#fffbeb;border-color:#f7e6b0}.mail-status.disconnected span{background:#f59e0b}.crm-primary-btn{color:#fff;cursor:pointer;background:#f7f;border:0;border-radius:11px;height:42px;padding:0 17px;font-weight:700;transition:all .2s;box-shadow:0 8px 20px #be27ee33}.crm-primary-btn:hover{background:#f7f;transform:translateY(-1px)}.crm-primary-btn span{margin-right:5px;font-size:18px}.crm-tabs{background:#fff;border:1px solid #eee3f2;border-radius:13px;gap:4px;margin-bottom:20px;padding:5px;display:flex;box-shadow:0 4px 16px #4b185b0a}.crm-tabs button{color:#806d87;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;height:40px;padding:0 17px;font-size:13px;font-weight:700;display:flex}.crm-tabs button:hover{color:#f7f;background:#faf3fd}.crm-tabs button.active{color:#fff;background:#f7f;box-shadow:0 5px 14px #be27ee33}.crm-tabs button b{color:#8f4ca4;background:#f3e5f8;border-radius:20px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:10px;display:inline-flex}.crm-tabs button.active b{color:#fff;background:#fff3}.crm-toolbar{align-items:center;gap:10px;margin-bottom:18px;display:flex}.crm-search{box-sizing:border-box;background:#fff;border:1px solid #e9deed;border-radius:11px;flex:1;align-items:center;gap:10px;max-width:520px;height:44px;padding:0 13px;display:flex}.crm-search>span{color:#a38aa9;font-size:21px}.crm-search input{color:#3c2942;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px}.crm-search input::placeholder{color:#b3a3b9}.crm-search button{color:#9b849f;cursor:pointer;background:0 0;border:0;font-size:20px}.crm-toolbar select{color:#5c4963;cursor:pointer;background:#fff;border:1px solid #e9deed;border-radius:11px;outline:0;min-width:150px;height:44px;padding:0 12px;font-size:13px}.crm-stat-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px;display:grid}.crm-stat-card{box-sizing:border-box;background:#fff;border:1px solid #eee4f1;border-radius:15px;min-height:145px;padding:18px;transition:all .2s;box-shadow:0 5px 20px #451a510b}.crm-stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px #451a5114}.stat-top{color:#88718f;align-items:center;gap:9px;font-size:12px;font-weight:700;display:flex}.stat-icon{color:#f7f;background:#f9eaff;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;font-weight:800;display:flex}.crm-stat-card.success .stat-icon{color:#16a34a;background:#eafaf0}.crm-stat-card.danger .stat-icon{color:#ef4444;background:#fff0f0}.crm-stat-card.purple .stat-icon{color:#7c3aed;background:#f1eaff}.stat-value{color:#29152f;margin-top:15px;font-size:24px;font-weight:800;display:block}.crm-stat-card small{color:#a28da8;margin-top:5px;font-size:11px;display:block}.crm-card,.crm-table-card{background:#fff;border:1px solid #eee4f1;border-radius:15px;box-shadow:0 5px 20px #451a510b}.crm-dashboard-grid{grid-template-columns:1.45fr .85fr;gap:18px;margin-bottom:18px;display:grid}.card-heading,.table-header{justify-content:space-between;align-items:center;gap:15px;display:flex}.card-heading{padding:20px 20px 16px}.card-heading h2,.table-header h2{color:#33163b;margin:0;font-size:15px;font-weight:800}.card-heading p,.table-header p{color:#a18da6;margin:4px 0 0;font-size:11px}.card-heading button{color:#f7f;cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:800}.pipeline-bars{padding:5px 20px 22px}.pipeline-row{grid-template-columns:145px 1fr 105px;align-items:center;gap:14px;margin-top:18px;display:grid}.pipeline-label{align-items:center;gap:7px;display:flex}.pipeline-label>span{border-radius:50%;width:7px;height:7px}.pipeline-label strong{color:#5d4964;font-size:11px}.pipeline-label small{color:#aa98af;margin-left:auto;font-size:10px}.pipeline-fill{border-radius:inherit;background:linear-gradient(90deg,#f7f,#d85fff);min-width:5px;height:100%}.pipeline-money{text-align:right;color:#3d2944;font-size:11px}.forecast-main{background:linear-gradient(135deg,#fbf0ff,#f7e7fc);border-radius:13px;margin:0 20px;padding:17px}.forecast-main span,.forecast-main small{color:#997ca3;font-size:10px;display:block}.forecast-main strong{color:#8c1fb0;margin:5px 0;font-size:24px;display:block}.forecast-list{padding:10px 20px 17px}.forecast-item{border-bottom:1px solid #f2ebf4;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;display:flex}.forecast-item:last-child{border-bottom:0}.forecast-item>div:first-child{min-width:0}.forecast-item strong,.forecast-item span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.forecast-item strong{color:#4c3853;font-size:11px}.forecast-item span{color:#aa97b0;margin-top:3px;font-size:9px}.forecast-right{text-align:right}.forecast-right small{color:#f7f;margin-top:3px;font-size:9px;font-weight:800;display:block}.crm-bottom-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.recent-list{padding:4px 20px 17px}.recent-item{cursor:pointer;border-bottom:1px solid #f2ebf4;align-items:center;gap:10px;padding:11px 0;display:flex}.recent-item:last-child{border-bottom:0}.recent-item:hover .recent-info strong{color:#f7f}.avatar,.deal-avatar,.deal-icon{flex:none}.avatar{color:#f7f;background:#f7f;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:flex}.avatar.client{color:#3b82f6;background:#edf5ff}.deal-avatar,.deal-icon{color:#16a34a;background:#ecfaf1;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:800;display:flex}.recent-info{flex:1;min-width:0}.recent-info strong,.recent-info span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.recent-info strong{color:#49334f;font-size:11px}.recent-info span{color:#a38fa9;margin-top:3px;font-size:9px}.deal-value{text-align:right}.deal-value>strong{color:#3c2942;margin-bottom:4px;font-size:11px;display:block}.status-badge{white-space:nowrap;border:1px solid;border-radius:20px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;font-weight:800;display:inline-flex}.status-badge i{border-radius:50%;width:5px;height:5px}.crm-table-card{overflow:hidden}.table-header{border-bottom:1px solid #f0e8f2;padding:20px}.result-count{color:#8f7299;background:#faf4fc;border-radius:8px;padding:6px 10px;font-size:10px;font-weight:700}.crm-table-wrapper{width:100%;overflow-x:auto}.crm-table{border-collapse:collapse;width:100%;min-width:950px}.crm-table th{text-align:left;color:#a08ba6;text-transform:uppercase;letter-spacing:.5px;background:#fdfbfe;border-bottom:1px solid #f1eaf3;padding:12px 16px;font-size:9px;font-weight:800}.crm-table td{color:#5d4a63;vertical-align:middle;border-bottom:1px solid #f4eef5;padding:13px 16px;font-size:11px}.crm-table tbody tr{transition:all .15s}.person-cell,.deal-cell{align-items:center;gap:9px;display:flex}.person-cell strong,.person-cell small,.deal-cell strong,.deal-cell small{display:block}.person-cell strong,.deal-cell strong{color:#49344f;font-size:11px}.person-cell small,.deal-cell small{color:#a493a9;margin-top:3px;font-size:9px}.contact-cell span,.contact-cell small{display:block}.contact-cell span{color:#5d4964;font-size:10px}.contact-cell small{color:#a896ae;margin-top:3px;font-size:9px}.score-badge{font-size:10px;font-weight:800}.score-badge.high{color:#16a34a}.score-badge.medium{color:#d97706}.score-badge.low{color:#94a3b8}.source-badge{color:#866f8e;background:#f5f0f6;border-radius:7px;padding:5px 8px;font-size:9px}.row-actions{align-items:center;gap:5px;display:flex}.row-actions button,.table-view-btn{color:#8b7193;cursor:pointer;background:#fff;border:1px solid #eadfec;border-radius:7px;height:29px;padding:0 9px;font-size:9px;font-weight:700}.row-actions button:hover,.table-view-btn:hover{color:#f7f;border-color:#f7f}.row-actions .delete-btn{color:#ef4444;width:29px;padding:0}.header-summary{text-align:right}.header-summary strong,.header-summary span{display:block}.header-summary strong{color:#f7f;font-size:18px}.header-summary span{color:#a28fa8;margin-top:3px;font-size:9px}.probability{align-items:center;gap:7px;display:flex}.probability>div{background:#eee7f0;border-radius:5px;width:55px;height:5px;overflow:hidden}.probability>div span{border-radius:inherit;background:#f7f;height:100%;display:block}.probability strong{color:#74567d;font-size:9px}.kanban-wrapper{width:100%}.pipeline-summary{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:17px;display:grid}.pipeline-summary>div{background:#fff;border:1px solid #eee4f1;border-radius:13px;padding:15px 17px}.pipeline-summary span,.pipeline-summary strong{display:block}.pipeline-summary span{color:#a08ca7;font-size:9px}.pipeline-summary strong{color:#3e2945;margin-top:5px;font-size:18px}.kanban-board{grid-template-columns:repeat(6,minmax(200px,1fr));gap:12px;padding-bottom:10px;display:grid;overflow-x:auto}.kanban-column{background:#f7f3f8;border:1px solid #ece2ef;border-radius:13px;min-width:200px;padding:10px}.kanban-column-header{justify-content:space-between;align-items:center;padding:4px 3px 10px;display:flex}.kanban-column-header>div{align-items:center;gap:7px;display:flex}.kanban-column-header span{border-radius:50%;width:7px;height:7px}.kanban-column-header strong{color:#604a67;font-size:10px}.kanban-column-header b{color:#866e8e;background:#fff;border-radius:7px;justify-content:center;align-items:center;width:20px;height:20px;font-size:9px;display:flex}.kanban-cards{min-height:150px}.kanban-deal{cursor:pointer;background:#fff;border:1px solid #eee5f0;border-radius:11px;margin-bottom:9px;padding:12px;transition:all .18s;box-shadow:0 3px 9px #3d1a4609}.kanban-deal:hover{border-color:#f7f;transform:translateY(-1px)}.kanban-deal-top{color:#aa97b0;justify-content:space-between;align-items:center;font-size:8px;display:flex}.kanban-deal-top span:last-child{color:#f7f;font-weight:800}.kanban-deal h3{color:#4b3652;margin:8px 0;font-size:11px;line-height:1.35}.kanban-amount{color:#2f1c36;font-size:13px;display:block}.kanban-footer{color:#aa98af;border-top:1px solid #f1ebf2;margin-top:9px;padding-top:8px;font-size:8px}.kanban-empty{text-align:center;color:#b2a3b6;padding:30px 5px;font-size:9px}.empty-state{text-align:center;color:#ad9eaf;padding:35px 10px;font-size:11px}.empty-small{text-align:center;color:#ad9eaf;padding:20px 0;font-size:10px}.empty-table{text-align:center;padding:70px 20px}.empty-table div{color:#f7f;background:#f8e9fc;border-radius:13px;justify-content:center;align-items:center;width:45px;height:45px;margin:auto;font-size:22px;display:flex}.empty-table strong,.empty-table span{display:block}.empty-table strong{color:#5d4664;margin-top:12px;font-size:13px}.empty-table span{color:#aa98af;margin-top:5px;font-size:10px}.crm-loading{color:#917b98;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:60vh;font-size:12px;display:flex}.crm-loader{border:3px solid #f0d9f7;border-top-color:#f7f;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite crm-spin}@keyframes crm-spin{to{transform:rotate(360deg)}}@media (width<=1200px){.crm-stat-grid{grid-template-columns:repeat(2,1fr)}.crm-dashboard-grid{grid-template-columns:1fr}.kanban-board{grid-template-columns:repeat(6,220px)}}@media (width<=800px){.crm-page{padding:17px}.crm-header{flex-direction:column;align-items:flex-start}.crm-header-actions{width:100%}.crm-primary-btn{flex:1}.crm-tabs{overflow-x:auto}.crm-tabs button{flex:none}.crm-stat-grid{grid-template-columns:1fr 1fr}.crm-bottom-grid{grid-template-columns:1fr}.pipeline-summary{grid-template-columns:1fr 1fr}.crm-toolbar{flex-direction:column;align-items:stretch}.crm-search{max-width:none}}@media (width<=500px){.crm-stat-grid,.pipeline-summary{grid-template-columns:1fr}.mail-status{display:none}}.crm-invoice-stats{grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:20px;display:grid}.crm-invoice-stats>div{background:var(--white);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;padding:16px 18px;transition:all .2s;display:flex;box-shadow:0 2px 10px #00000008}.crm-invoice-stats>div:hover{border-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 4px 16px #be27ee1a}.crm-invoice-stats span{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.crm-invoice-stats strong{color:var(--text);font-size:22px;font-weight:700}.crm-invoice-stats>div:nth-child(2) strong{color:#10b981}.crm-invoice-stats>div:nth-child(3) strong{color:#f59e0b}.crm-bulk-bar{background:#faf5ff;border-bottom:1px solid #f0e6ff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;display:flex}.crm-bulk-selectall{color:#4b5563;cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.crm-bulk-actions{gap:10px;display:flex}.crm-bulk-delete-btn,.crm-bulk-delete-all-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:opacity .2s}.crm-bulk-delete-btn{color:#fff;background:#ef4444}.crm-bulk-delete-all-btn{color:#ef4444;background:#fff;border:1px solid #ef4444}.crm-bulk-delete-btn:hover,.crm-bulk-delete-all-btn:hover{opacity:.85}.crm-bulk-delete-btn:disabled,.crm-bulk-delete-all-btn:disabled{opacity:.5;cursor:not-allowed}.rideai_ownemp_page{padding:25px}.rideai_ownemp_header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.rideai_ownemp_title{color:#1f1f1f;margin:0;font-size:20px}.rideai_ownemp_addbtn{color:#fff;cursor:pointer;white-space:nowrap;background:#f7f;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:opacity .2s}.rideai_ownemp_addbtn:hover{opacity:.9}.rideai_ownemp_tablecard{background:#fff;border-radius:18px;padding:25px;overflow-x:auto;box-shadow:0 12px 35px #00000014}.rideai_ownemp_loading{text-align:center;color:#6b7280;padding:30px;font-size:14px}.rideai_ownemp_table{border-collapse:collapse;width:100%}.rideai_ownemp_table thead{background:#f8e8fd}.rideai_ownemp_table th{color:#f7f;text-align:left;white-space:nowrap;padding:16px;font-size:14px;font-weight:600}.rideai_ownemp_table td{color:#4b5563;white-space:nowrap;border-bottom:1px solid #f0f0f0;padding:16px;font-size:14px}.rideai_ownemp_table tbody tr:hover{background:#faf5ff}.rideai_ownemp_empty{text-align:center;color:#6b7280;padding:30px;font-style:italic}.rideai_ownemp_delbtn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600}.rideai_ownemp_delbtn:hover{opacity:.9}.rideai_ownemp_delbtn:disabled{cursor:not-allowed;opacity:.6}@media (width<=768px){.rideai_ownemp_page{padding:15px}.rideai_ownemp_tablecard{border-radius:12px;padding:15px}.rideai_ownemp_table{min-width:650px}}.rideai_ownemp_editbtn{color:#fff;cursor:pointer;background:#f7f;border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600}.rideai_ownemp_editbtn:hover{opacity:.9}.addemp_card{background:#fff;border-radius:12px;max-width:900px;margin:24px auto;padding:28px;box-shadow:0 2px 10px #00000014}.addemp_title{margin:0 0 4px}.addemp_subtitle{color:#64748b;margin:0 0 20px}.addemp_grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.addemp_field{flex-direction:column;gap:6px;display:flex}.addemp_full-span{grid-column:1/-1}.addemp_label{color:#334155;font-size:13px;font-weight:600}.addemp_input,.addemp_select{border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px;font-size:14px}.addemp_actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.addemp_btn-cancel{color:#0f172a;cursor:pointer;background:#e2e8f0;border:none;border-radius:8px;padding:10px 18px}.addemp_btn-submit{color:#fff;cursor:pointer;background:#f7f;border:none;border-radius:8px;padding:10px 18px}.addemp_btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (width<=640px){.addemp_grid{grid-template-columns:1fr}}.employee-shot-page{box-sizing:border-box;background:#f8f7fb;width:100%;min-height:100%;padding:30px}.employee-shot-top{width:100%;margin-bottom:24px;justify-content:space-between!important;align-items:center!important;display:flex!important}.employee-shot-heading-area{gap:14px;align-items:center!important;display:flex!important}.employee-shot-heading-icon{background:linear-gradient(135deg,#f7f,#f7f);border-radius:13px;justify-content:center;align-items:center;width:50px;min-width:50px;height:50px;font-size:22px;display:flex;box-shadow:0 6px 18px #be27ee2e}.employee-shot-title{color:#211c25!important;margin:0!important;padding:0!important;font-size:24px!important;font-weight:700!important;line-height:1.25!important}.employee-shot-description{color:#89818e!important;margin:5px 0 0!important;padding:0!important;font-size:13px!important;line-height:1.4!important}.employee-shot-counter{color:#f7f;background:#f3e4fb;border:1px solid #ead2f5;border-radius:10px;align-items:center;gap:7px;padding:10px 16px;display:flex}.employee-shot-counter span{font-size:18px;font-weight:700}.employee-shot-counter small{font-size:12px;font-weight:600}.employee-shot-filter-box{box-sizing:border-box;background:#fff;border:1px solid #ebe6ee;border-radius:14px;gap:18px;width:100%;margin-bottom:22px;padding:20px;box-shadow:0 4px 18px #23142d0d;align-items:flex-end!important;display:flex!important}.employee-shot-filter-item{gap:7px;width:240px;flex-direction:column!important;display:flex!important}.employee-shot-filter-item label{color:#625967!important;margin:0!important;font-size:12px!important;font-weight:600!important;line-height:1.2!important}.employee-shot-filter-item select,.employee-shot-filter-item input{box-sizing:border-box!important;color:#39313d!important;background:#fff!important;border:1px solid #ded7e2!important;border-radius:9px!important;outline:none!important;width:100%!important;height:43px!important;padding:0 13px!important;font-size:13px!important}.employee-shot-filter-item select:focus,.employee-shot-filter-item input:focus{border-color:#f7f!important;box-shadow:0 0 0 3px #be27ee14!important}.employee-shot-table-box{background:#fff;border:1px solid #ebe6ee;border-radius:14px;width:100%;overflow:hidden;box-shadow:0 4px 18px #23142d0d}.employee-shot-table{border-collapse:collapse!important;border-spacing:0!important;background:#fff!important;width:100%!important;margin:0!important}.employee-shot-table th{text-transform:uppercase;letter-spacing:.5px;height:48px;color:#766d7b!important;text-align:left!important;background:#fcf9fd!important;border-bottom:1px solid #eee8f1!important;padding:0 20px!important;font-size:11px!important;font-weight:700!important}.employee-shot-table td{color:#45404a!important;vertical-align:middle!important;border-bottom:1px solid #f1edf3!important;padding:15px 20px!important;font-size:13px!important}.employee-shot-table tbody tr{transition:background .2s}.employee-shot-table tbody tr:hover{background:#fdf9ff!important}.employee-shot-table tbody tr:last-child td{border-bottom:none!important}.employee-shot-user{gap:11px;align-items:center!important;display:flex!important}.employee-shot-avatar{color:#fff;background:linear-gradient(135deg,#f7f,#f7f);border-radius:10px;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.employee-shot-user strong{color:#302a34!important;margin:0!important;font-size:13px!important;font-weight:600!important;display:block!important}.employee-shot-user span{color:#9b939f!important;margin-top:3px!important;font-size:11px!important;display:block!important}.employee-shot-datetime strong{color:#403943!important;font-size:13px!important;font-weight:500!important;display:block!important}.employee-shot-datetime span{color:#99919e!important;margin-top:3px!important;font-size:11px!important;display:block!important}.employee-shot-view{box-sizing:border-box;gap:6px;min-width:76px;transition:all .2s;color:#f7f!important;background:#f8eaff!important;border:1px solid #e9d2f3!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;height:34px!important;padding:0 13px!important;font-size:12px!important;font-weight:600!important;text-decoration:none!important;display:inline-flex!important}.employee-shot-view:hover{box-shadow:0 4px 10px #be27ee33;color:#fff!important;background:#f7f!important;border-color:#f7f!important}.employee-shot-empty-box{box-sizing:border-box;text-align:center;background:#fff;border:1px solid #ebe6ee;border-radius:14px;width:100%;min-height:260px;padding:40px 20px;box-shadow:0 4px 18px #23142d0d;flex-direction:column!important;justify-content:center!important;align-items:center!important;display:flex!important}.employee-shot-empty-icon{background:#f7e8fc;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:14px;font-size:23px;display:flex}.employee-shot-empty-box h3{color:#302a34!important;margin:0!important;padding:0!important;font-size:16px!important;font-weight:650!important}.employee-shot-empty-box p{color:#99919e!important;margin:6px 0 0!important;padding:0!important;font-size:12px!important}@media (width<=768px){.employee-shot-page{padding:18px}.employee-shot-top{align-items:flex-start!important}.employee-shot-heading-icon{width:42px;min-width:42px;height:42px;font-size:18px}.employee-shot-title{font-size:19px!important}.employee-shot-counter{display:none}.employee-shot-filter-box{flex-direction:column!important;align-items:stretch!important}.employee-shot-filter-item{width:100%}.employee-shot-table-box{overflow-x:auto}.employee-shot-table{min-width:650px!important}}.settings-page{padding:24px}.settings-page h2{margin-bottom:20px}.settings-layout{align-items:flex-start;gap:20px;display:flex}.settings-sidebar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-shrink:0;width:280px;overflow:hidden}.settings-list-item{color:inherit;border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:background .15s;display:flex}.settings-list-item:last-child{border-bottom:none}.settings-list-item:hover{background:#f9fafb}.settings-list-item.active{background:#f0f4ff;border-left:3px solid #4f46e5}.settings-list-icon{font-size:20px}.settings-list-text{flex-direction:column;flex:1;display:flex}.settings-list-title{font-size:14px;font-weight:600}.settings-list-desc{color:#6b7280;font-size:12px}.settings-list-arrow{color:#9ca3af;font-size:18px}.settings-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex:1;min-width:0;min-height:300px;padding:24px}.settings-empty-state{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:250px;display:flex}.settings-empty-icon{margin-bottom:10px;font-size:36px}.settings-back-btn{color:#4f46e5;cursor:pointer;background:#f0f4ff;border:none;border-radius:10px;margin-bottom:18px;padding:10px 16px;font-size:14px;font-weight:600;display:none}@media (width<=768px){.settings-page{padding:16px}.settings-layout{flex-direction:column;gap:0}.settings-sidebar{width:100%}.settings-content{width:100%;padding:18px}.settings-mobile-hidden{display:none}.settings-back-btn{align-items:center;gap:4px;display:inline-flex}}.billing-settings button{color:#1f2937;font-family:Manrope,sans-serif}.billing-tabs button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:10px;padding:12px 25px}.billing-tabs button.active{color:#fff;background:#f7f}.plan-grid{gap:20px;display:flex}.plan-card{cursor:pointer;border:1px solid #ddd;border-radius:15px;flex:1;padding:25px}.current-plan-box{background:#f8f9fc;border-radius:15px;margin-bottom:20px;padding:20px}.seat-management{padding:20px}.seat-control{align-items:center;gap:20px;display:flex}.seat-control button{width:40px;height:40px;font-size:25px}.billing-settings{font-family:Manrope,sans-serif}.billing-tabs{gap:12px;margin-bottom:30px;display:flex}.billing-tabs button{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px 28px;font-weight:600;transition:all .2s}.billing-tabs button:hover{border-color:#f7f}.billing-tabs button.active{color:#fff;background:#f7f;border-color:#f7f}.current-plan-box{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid #ead5ff;border-radius:18px;margin-bottom:30px;padding:25px}.current-plan-box h1{color:#f7f;margin:10px 0;font-size:32px}.current-plan-box p{color:#6b7280;font-size:15px}.billing-toggle{gap:10px;margin-bottom:30px;display:flex}.billing-toggle button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:30px;padding:10px 25px;font-weight:600}.billing-toggle button.active{color:#fff;background:#f7f;border-color:#f7f}.plan-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.plan-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:25px;transition:all .25s;position:relative}.plan-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #00000014}.plan-card.selected{background:#faf0ff;border:2px solid #f7f}.current-plan-disabled{cursor:not-allowed;opacity:.65;background:#f3f4f6;border-color:#d1d5db}.current-plan-disabled:hover{box-shadow:none;transform:none}.current-plan-disabled h3{color:#6b7280}.current-badge{color:#374151;background:#d1d5db;border-radius:20px;margin-top:15px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-block}.seat-management{background:#fff;border-radius:18px;padding:25px}.seat-control{align-items:center;gap:20px;margin:25px 0;display:flex}.seat-control button{color:#fff;cursor:pointer;background:#f7f;border:none;border-radius:12px;width:40px;height:40px;font-size:24px}.seat-control h2{text-align:center;margin-top:20px}.upgrade-btn{cursor:pointer;background:#f7f;border:none;border-radius:12px;margin-top:25px;padding:14px 35px;font-size:12px;font-weight:500;transition:all .2s;color:#fff!important}.upgrade-btn:hover{background:#f7f}.upgrade-btn:disabled{cursor:not-allowed;background:#d1d5db;color:#6b7280!important}.cancel-subscription-btn{cursor:pointer;background:#f7f;border:none;border-radius:12px;margin-top:25px;padding:14px 35px;font-size:12px;font-weight:500;transition:all .2s;color:#fff!important}.payment-tab{flex-direction:column;gap:16px;margin-top:8px;display:flex}.payment-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:20px;padding:20px 24px;transition:box-shadow .15s,border-color .15s;display:flex;box-shadow:0 1px 3px #0000000a}.payment-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000f}.payment-card-icon{background:#f3f4f6;border-radius:10px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.payment-card-info{flex:1;min-width:0}.payment-card-info .label{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-size:12px}.payment-card-info h3{margin:4px 0;font-size:16px}.payment-card-info p{color:#6b7280;margin:0;font-size:13px}.payment-card-info .cancel-warning{color:#b45309;font-weight:500}.payment-card-actions{flex:none}.polar-modal-overlay{z-index:9999;background:#0000008c;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.polar-modal{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:1100px;height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000040}.polar-modal-header{border-bottom:1px solid #eee;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex}.polar-modal-header h3{margin:0}.polar-modal-close{cursor:pointer;color:#555;background:0 0;border:0;font-size:30px;line-height:1}.polar-modal-content{flex:1;min-height:0}.polar-portal-frame{border:0;width:100%;height:100%}@media (width<=640px){.payment-card{flex-direction:column;align-items:flex-start;gap:12px}.payment-card-actions,.payment-card>button{width:100%}}@media (width<=768px){.billing-tabs{flex-direction:column}.billing-tabs button{width:100%}.plan-grid{grid-template-columns:1fr}.current-plan-box{flex-direction:column;align-items:flex-start;gap:10px}.seat-control{flex-wrap:wrap;gap:12px}}.mailbox-page{padding:30px}.mailbox-card{background:#fff;border-radius:12px;max-width:650px;margin:0 auto;padding:30px}.mailbox-row{justify-content:space-between;margin-bottom:20px;display:flex}.connected{color:#22c55e}.gmail-btn,.test-btn,.disconnect-btn{cursor:pointer;border:none;border-radius:8px;margin-top:15px;margin-right:10px;padding:12px 20px}.gmail-btn,.test-btn{color:#fff;background:#f7f}.disconnect-btn{color:#fff;background:#ef4444}.mailbox-card input{border:1px solid #ddd;border-radius:8px;width:100%;margin:15px 0;padding:12px}.mailbox-success-banner{color:#166534;background:#dcfce7;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 16px;font-weight:500;display:flex}.banner-close-btn{color:#166534;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:14px}@media (width<=768px){.mailbox-page{padding:16px}.mailbox-card{padding:20px}.mailbox-row{flex-direction:column;gap:4px;margin-bottom:14px}.gmail-btn,.test-btn,.disconnect-btn{width:100%;margin-right:0}}.hrmgmt_wrap{padding:30px}.hrmgmt_title{color:#0f172a;margin-bottom:25px;font-size:28px}.hrmgmt_cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:25px;display:grid}.hrmgmt_card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 10px 30px #00000014}.hrmgmt_card h2{color:#1f1f1f;margin-bottom:8px;font-size:20px}.hrmgmt_card p{color:#6b7280;margin-bottom:18px;font-size:14px}.hrmgmt_btn{color:#fff;cursor:pointer;background:#f7f;border:none;border-radius:10px;padding:12px 22px;font-weight:600;transition:all .3s}.hrmgmt_btn:hover{background:#9b1fc4;transform:translateY(-2px)}@media (width<=768px){.hrmgmt_wrap{padding:16px}.hrmgmt_cards{grid-template-columns:1fr}}.addhr_card{box-sizing:border-box;background:#fff;border-radius:18px;width:100%;max-width:1100px;margin:30px auto;padding:40px;box-shadow:0 10px 30px #00000014}.addhr_title{color:#1f2937;margin:0 0 8px;font-size:32px;font-weight:700}.addhr_subtitle{color:#6b7280;margin:0 0 35px;font-size:15px;line-height:1.5}.addhr_form{width:100%}.addhr_grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 25px;display:grid}.addhr_full-span{grid-column:1/-1}.addhr_field{flex-direction:column;min-width:0;display:flex}.addhr_label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600}.addhr_input{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;height:48px;padding:0 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.addhr_input::placeholder{color:#9ca3af}.addhr_input:focus{border-color:#f7f;box-shadow:0 0 0 3px #ff77ff26}.addhr_input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.addhr_input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.addhr_input[type=number]{appearance:textfield}.addhr_input[type=date],select.addhr_input{cursor:pointer}.addhr_actions{border-top:1px solid #f0f0f0;justify-content:flex-end;align-items:center;gap:15px;margin-top:35px;padding-top:25px;display:flex}.addhr_btn-submit,.addhr_btn-cancel{cursor:pointer;border:none;border-radius:10px;min-width:130px;height:48px;padding:0 25px;font-size:15px;font-weight:600;transition:transform .2s,opacity .2s,box-shadow .2s}.addhr_btn-submit{color:#fff;background:#f7f;box-shadow:0 5px 15px #f7f3}.addhr_btn-submit:hover{transform:translateY(-1px);box-shadow:0 7px 18px #ff77ff4d}.addhr_btn-cancel{color:#374151;background:#e5e7eb}.addhr_btn-cancel:hover{background:#d1d5db}.addhr_btn-submit:disabled,.addhr_btn-cancel:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (width<=900px){.addhr_card{margin:20px auto;padding:30px}.addhr_grid{gap:20px}}@media (width<=768px){.addhr_card{border-radius:14px;margin:15px auto;padding:22px}.addhr_title{font-size:26px}.addhr_subtitle{margin-bottom:25px}.addhr_grid{grid-template-columns:1fr;gap:18px}.addhr_full-span{grid-column:1}.addhr_actions{flex-direction:column-reverse;align-items:stretch}.addhr_btn-submit,.addhr_btn-cancel{width:100%}}@media (width<=480px){.addhr_card{padding:18px}.addhr_title{font-size:23px}.addhr_input{height:46px}}.hrlist_wrap{box-sizing:border-box;background:#faf8fc;width:100%;min-height:100%;padding:30px}.hrlist_panel{box-sizing:border-box;background:#fff;border-radius:18px;width:100%;padding:25px;box-shadow:0 12px 35px #00000014}.hrlist_header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.hrlist_title{color:#1f1f1f;margin:0 0 6px;font-size:28px;font-weight:700}.hrlist_subtitle{color:#6b7280;margin:0;font-size:14px}.hrlist_add_btn{color:#fff;cursor:pointer;white-space:nowrap;background:#f7f;border:none;border-radius:9px;justify-content:center;align-items:center;padding:11px 19px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex}.hrlist_add_btn:hover{transform:translateY(-1px);box-shadow:0 6px 15px #ff77ff40}.hrlist_table_wrapper{border:1px solid #f0eaf3;border-radius:12px;width:100%;overflow-x:auto}.hrlist_table{border-collapse:collapse;background:#fff;width:100%;min-width:950px}.hrlist_table thead{background:#f8e8fd}.hrlist_table th{text-align:left;color:#f7f;white-space:nowrap;padding:15px 16px;font-size:13px;font-weight:700}.hrlist_table td{color:#4b5563;white-space:nowrap;border-bottom:1px solid #f0f0f0;padding:15px 16px;font-size:14px}.hrlist_table tbody tr{transition:background .15s}.hrlist_table tbody tr:hover{background:#fff9ff}.hrlist_table tbody tr:last-child td{border-bottom:none}.hrlist_actions{align-items:center;gap:8px;display:flex}.hrlist_edit_btn{color:#9333ea;cursor:pointer;background:#f3e8ff;border:none;border-radius:7px;padding:7px 14px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.hrlist_edit_btn:hover{background:#ead7ff;transform:translateY(-1px)}.hrlist_delete_btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:7px;padding:7px 14px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.hrlist_delete_btn:hover{background:#dc2626;transform:translateY(-1px)}.hrlist_delete_btn:disabled{cursor:not-allowed;opacity:.6}.hrlist_empty{text-align:center;color:#6b7280;padding:70px 20px}.hrlist_empty h3{color:#374151;margin:0 0 8px;font-size:20px}.hrlist_empty p{margin:0 0 20px;font-size:14px}.hrlist_loading{text-align:center;color:#6b7280;margin:0;padding:60px 20px}@media (width<=900px){.hrlist_wrap,.hrlist_panel{padding:20px}.hrlist_title{font-size:25px}}@media (width<=600px){.hrlist_wrap{padding:12px}.hrlist_panel{border-radius:14px;padding:15px}.hrlist_header{align-items:stretch}.hrlist_header>div,.hrlist_add_btn{width:100%}.hrlist_title{font-size:23px}.hrlist_table{min-width:950px}}.mgrlist_panel{background:#fff;border-radius:18px;padding:25px;box-shadow:0 12px 35px #00000014}.mgrlist_header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.mgrlist_header h2{color:#1f1f1f;font-size:20px}.mgrlist_add-btn{color:#fff;white-space:nowrap;background:#f7f;border-radius:8px;padding:10px 18px;font-weight:600;text-decoration:none}.mgrlist_table-wrap{overflow-x:auto}.mgrlist_table{border-collapse:collapse;width:100%}.mgrlist_table thead{background:#f8e8fd}.mgrlist_table th{color:#f7f;text-align:left;white-space:nowrap;padding:16px;font-size:14px;font-weight:600}.mgrlist_table td{color:#4b5563;white-space:nowrap;border-bottom:1px solid #f0f0f0;padding:16px;font-size:14px}.mgrlist_table tbody tr:hover{background:#faf5ff}.mgrlist_empty{text-align:center;color:#6b7280}.mgrlist_delete-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:6px 14px;font-weight:600}.mgrlist_delete-btn:disabled{cursor:not-allowed;opacity:.6}@media (width<=768px){.mgrlist_panel{border-radius:12px;padding:15px}.mgrlist_table{min-width:650px}}.mgrlist_edit-btn{color:#fff;cursor:pointer;background:#f7f;border:none;border-radius:6px;padding:6px 14px;font-weight:600}.mgrlist_edit-btn:hover{opacity:.9}.addmgr_card{background:#fff;border-radius:16px;max-width:1100px;margin:0 auto;padding:40px;box-shadow:0 10px 30px #00000014}.addmgr_title{margin-bottom:8px;font-size:32px}.addmgr_subtitle{color:#6b7280;margin-bottom:35px}.addmgr_grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.addmgr_full-span{grid-column:1/span 2}.addmgr_field{flex-direction:column;display:flex}.addmgr_label{color:#374151;margin-bottom:8px;font-weight:600;display:block}.addmgr_input,.addmgr_select{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:14px;font-family:inherit;font-size:15px}.addmgr_select{cursor:pointer}.addmgr_input:focus,.addmgr_select:focus{border-color:#f7f;box-shadow:0 0 0 3px #be27ee26}.addmgr_actions{justify-content:flex-end;gap:15px;margin-top:35px;display:flex}.addmgr_btn-submit{color:#fff;cursor:pointer;background:#f7f;border:none;border-radius:10px;padding:14px 28px;font-size:15px;font-weight:600}.addmgr_btn-cancel{color:#374151;cursor:pointer;background:#e5e7eb;border:none;border-radius:10px;padding:14px 28px;font-size:15px;font-weight:600}@media (width<=768px){.addmgr_card{padding:20px}.addmgr_grid{grid-template-columns:1fr}.addmgr_full-span{grid-column:1}.addmgr_actions{flex-direction:column-reverse}.addmgr_btn-submit,.addmgr_btn-cancel{width:100%}}.edithr_card{box-sizing:border-box;background:#fff;border-radius:18px;width:100%;max-width:1100px;margin:30px auto;padding:40px;box-shadow:0 10px 30px #00000014}.edithr_title{color:#1f2937;margin:0 0 8px;font-size:32px;font-weight:700}.edithr_subtitle{color:#6b7280;margin:0 0 35px;font-size:15px;line-height:1.5}.edithr_loading{text-align:center;color:#6b7280;padding:40px 0;font-size:15px}.edithr_form{width:100%}.edithr_grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 25px;display:grid}.edithr_full-span{grid-column:1/-1}.edithr_field{flex-direction:column;min-width:0;display:flex}.edithr_label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600}.edithr_input{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;height:48px;padding:0 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.edithr_input::placeholder{color:#9ca3af}.edithr_input:focus{border-color:#f7f;box-shadow:0 0 0 3px #ff77ff26}.edithr_input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.edithr_input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.edithr_input[type=number]{appearance:textfield}.edithr_input[type=date]{cursor:pointer}.edithr_actions{border-top:1px solid #f0f0f0;justify-content:flex-end;align-items:center;gap:15px;margin-top:35px;padding-top:25px;display:flex}.edithr_btn-submit,.edithr_btn-cancel{cursor:pointer;border:none;border-radius:10px;min-width:130px;height:48px;padding:0 25px;font-size:15px;font-weight:600;transition:transform .2s,opacity .2s,box-shadow .2s}.edithr_btn-submit{color:#fff;background:#f7f;box-shadow:0 5px 15px #f7f3}.edithr_btn-submit:hover{transform:translateY(-1px);box-shadow:0 7px 18px #ff77ff4d}.edithr_btn-cancel{color:#374151;background:#e5e7eb}.edithr_btn-cancel:hover{background:#d1d5db}.edithr_btn-submit:disabled,.edithr_btn-cancel:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (width<=900px){.edithr_card{margin:20px auto;padding:30px}.edithr_grid{gap:20px}}@media (width<=768px){.edithr_card{border-radius:14px;margin:15px auto;padding:22px}.edithr_title{font-size:26px}.edithr_subtitle{margin-bottom:25px}.edithr_grid{grid-template-columns:1fr;gap:18px}.edithr_full-span{grid-column:1}.edithr_actions{flex-direction:column-reverse;align-items:stretch}.edithr_btn-submit,.edithr_btn-cancel{width:100%}}@media (width<=480px){.edithr_card{padding:18px}.edithr_title{font-size:23px}.edithr_input{height:46px}}.editemp_card{box-sizing:border-box;background:#fff;border-radius:18px;width:100%;max-width:1100px;margin:30px auto;padding:40px;box-shadow:0 10px 30px #00000014}.editemp_title{color:#1f2937;margin:0 0 8px;font-size:32px;font-weight:700}.editemp_subtitle{color:#6b7280;margin:0 0 35px;font-size:15px;line-height:1.5}.editemp_loading{text-align:center;color:#6b7280;padding:40px 0;font-size:15px}.editemp_grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 25px;display:grid}.editemp_full-span{grid-column:1/-1}.editemp_field{flex-direction:column;min-width:0;display:flex}.editemp_label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600}.editemp_input,.editemp_select{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;height:48px;padding:0 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.editemp_input:focus,.editemp_select:focus{border-color:#f7f;box-shadow:0 0 0 3px #ff77ff26}.editemp_select{cursor:pointer}.editemp_input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.editemp_input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.editemp_actions{border-top:1px solid #f0f0f0;justify-content:flex-end;align-items:center;gap:15px;margin-top:35px;padding-top:25px;display:flex}.editemp_btn-submit,.editemp_btn-cancel{cursor:pointer;border:none;border-radius:10px;min-width:130px;height:48px;padding:0 25px;font-size:15px;font-weight:600;transition:transform .2s,opacity .2s,box-shadow .2s}.editemp_btn-submit{color:#fff;background:#f7f;box-shadow:0 5px 15px #f7f3}.editemp_btn-submit:hover{transform:translateY(-1px);box-shadow:0 7px 18px #ff77ff4d}.editemp_btn-cancel{color:#374151;background:#e5e7eb}.editemp_btn-cancel:hover{background:#d1d5db}.editemp_btn-submit:disabled,.editemp_btn-cancel:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (width<=768px){.editemp_card{border-radius:14px;margin:15px auto;padding:22px}.editemp_title{font-size:26px}.editemp_grid{grid-template-columns:1fr;gap:18px}.editemp_full-span{grid-column:1}.editemp_actions{flex-direction:column-reverse;align-items:stretch}.editemp_btn-submit,.editemp_btn-cancel{width:100%}}.owner-bank-page{box-sizing:border-box;color:#000;background:#fff;width:100%;min-height:100vh;padding:28px}.owner-bank-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.owner-bank-header h1{color:#000;margin:0 0 6px;font-size:28px;font-weight:700}.owner-bank-header p{color:#000;margin:0;font-size:14px}.bank-tabs{align-items:center;gap:10px;margin-bottom:22px;display:flex}.bank-tabs button{color:#000;cursor:pointer;background:#fff;border:1px solid #000;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .2s}.bank-tabs button:hover,.bank-tabs button.active{color:#000;background:#f7f;border-color:#f7f}.owner-bank-list{flex-direction:column;gap:14px;display:flex}.owner-bank-card{box-sizing:border-box;background:#fff;border:1px solid #000;border-radius:12px;width:100%;padding:18px 20px;transition:all .2s}.owner-bank-card:hover{border-color:#f7f;box-shadow:0 4px 14px #00000014}.owner-bank-card-header{border-bottom:1px solid #000;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;padding-bottom:14px;display:flex}.employee-details{min-width:0}.employee-main{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.employee-main h3{color:#000;margin:0;font-size:17px;font-weight:700}.employee-id,.employee-role{color:#000;background:#fff;border:1px solid #000;border-radius:6px;align-items:center;padding:4px 9px;font-size:11px;font-weight:600;display:inline-flex}.verified-badge,.pending-badge{color:#000;background:#f7f;border-radius:7px;flex-shrink:0;padding:6px 11px;font-size:11px;font-weight:700}.owner-bank-info{grid-template-columns:1.1fr 1.3fr 1.3fr 1.7fr 1fr;gap:12px;width:100%;display:grid}.bank-info-item{background:#fff;border:1px solid #000;border-radius:8px;flex-direction:column;justify-content:center;gap:5px;min-width:0;padding:11px 12px;display:flex}.bank-info-item span{color:#000;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.bank-info-item strong{color:#000;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.bank-card-action{margin-top:14px}.verify-bank-btn{color:#000;cursor:pointer;background:#f7f;border:1px solid #f7f;border-radius:8px;width:100%;padding:10px 14px;font-size:13px;font-weight:700;transition:all .2s}.verify-bank-btn:hover{background:#fff;border-color:#000}.verified-info{box-sizing:border-box;color:#000;text-align:center;background:#f7f;border:1px solid #f7f;border-radius:8px;width:100%;padding:10px 14px;font-size:13px;font-weight:700}.bank-loading{text-align:center;color:#000;padding:50px 20px;font-size:14px}.bank-empty{text-align:center;background:#fff;border:1px dashed #000;border-radius:12px;padding:55px 20px}.bank-empty-icon{margin-bottom:10px;font-size:38px}.bank-empty h3{color:#000;margin:0 0 7px;font-size:17px}.bank-empty p{color:#000;margin:0;font-size:13px}@media (width<=1100px){.owner-bank-info{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.owner-bank-page{padding:18px}.owner-bank-header h1{font-size:23px}.bank-tabs{gap:7px}.bank-tabs button{flex:1;padding:9px 8px;font-size:12px}.owner-bank-card{padding:15px}.owner-bank-card-header{align-items:flex-start}.employee-main{gap:6px}.employee-main h3{width:100%;font-size:16px}.owner-bank-info{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.owner-bank-page{padding:12px}.owner-bank-card-header{flex-direction:column;gap:10px}.verified-badge,.pending-badge{align-self:flex-start}.owner-bank-info{grid-template-columns:1fr}.bank-info-item strong{white-space:normal;text-overflow:unset;word-break:break-word;overflow:visible}}.analytics-page{color:#25242a;box-sizing:border-box;background:#f8f7fa;width:100%;min-height:100%;padding:28px 30px 40px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.analytics-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.analytics-header h1{letter-spacing:-.6px;margin:0;font-size:28px;font-weight:750}.analytics-header p{color:#8a8890;margin:6px 0 0;font-size:13px}.analytics-actions{align-items:center;gap:10px;display:flex}.analytics-actions select{color:#444149;cursor:pointer;background:#fff;border:1px solid #e8e5eb;border-radius:10px;outline:none;min-width:125px;height:40px;padding:0 13px;font-size:12px;font-weight:600}.analytics-refresh{color:#fff;cursor:pointer;background:#f7f;border:1px solid #f7f;border-radius:10px;align-items:center;gap:7px;height:40px;padding:0 14px;font-size:12px;font-weight:650;transition:all .2s;display:flex}.analytics-refresh:hover{opacity:.88;transform:translateY(-1px)}.analytics-refresh svg{font-size:15px}.analytics-stats{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px;display:grid}.analytics-stat-card{box-sizing:border-box;background:#fff;border:1px solid #ece9ef;border-radius:15px;min-height:130px;padding:17px 18px;box-shadow:0 3px 15px #231e2806}.analytics-stat-card.primary{color:#fff;background:#f7f;border-color:#f7f}.stat-top{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.stat-icon{color:#f7f;background:#faf8fb;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;display:flex}.primary .stat-icon{color:#fff;background:#fff3}.stat-trend{align-items:center;gap:2px;font-size:10px;font-weight:700;display:flex}.stat-trend.positive{color:#f7f}.stat-trend.negative{color:#8c8990}.primary .stat-trend{color:#fff}.stat-label{color:#8b8990;margin-bottom:5px;font-size:11px}.primary .stat-label{color:#ffffffc7}.stat-value{letter-spacing:-.4px;font-size:22px;font-weight:760}.stat-bottom{color:#aaa7ad;margin-top:5px;font-size:9px}.primary .stat-bottom{color:#ffffffa6}.analytics-grid{grid-template-columns:1.65fr 1fr 1fr;align-items:stretch;gap:17px;display:grid}.analytics-card{box-sizing:border-box;background:#fff;border:1px solid #ece9ef;border-radius:15px;min-width:0;padding:19px;box-shadow:0 3px 15px #231e2806}.revenue-card{grid-column:span 2;min-height:375px}.pipeline-card{min-height:375px}.inventory-card,.workforce-card,.modules-card,.performance-card,.quick-card{min-height:300px}.card-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:19px;display:flex}.card-header h3{letter-spacing:-.15px;margin:0;font-size:14px;font-weight:720}.card-header p{color:#a09da5;margin:5px 0 0;font-size:10px}.header-icon{color:#f7f;font-size:17px}.chart-legend{color:#88858d;align-items:center;gap:13px;font-size:9px;display:flex}.chart-legend span{align-items:center;gap:5px;display:flex}.chart-legend i{border-radius:50%;width:7px;height:7px;display:inline-block}.legend-primary{background:#f7f}.legend-muted{background:#ddd9df}.bar-chart{height:275px;display:flex;position:relative}.chart-y-axis{box-sizing:border-box;text-align:right;flex-direction:column;justify-content:space-between;width:55px;height:235px;padding:4px 8px 0 0;display:flex}.chart-y-axis span{color:#b0adb3;font-size:8px}.chart-area{flex:1;height:235px;position:relative}.chart-grid-lines{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.chart-grid-lines span{background:#f0edf1;width:100%;height:1px}.bars{z-index:2;justify-content:space-between;align-items:flex-end;gap:7px;height:100%;display:flex;position:relative}.bar-group{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.bar-values{justify-content:center;align-items:flex-end;gap:3px;width:100%;height:235px;display:flex}.bar{border-radius:5px 5px 2px 2px;width:8px;min-height:3px;transition:all .25s;position:relative}.revenue-bar{background:#f7f}.expense-bar{background:#ddd9df}.bar:hover{opacity:.8}.bar span{white-space:nowrap;color:#fff;opacity:0;pointer-events:none;background:#28262c;border-radius:4px;padding:3px 5px;font-size:7px;transition:all .2s;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}.bar:hover span{opacity:1}.bar-group small{color:#a7a4ab;margin-top:8px;font-size:8px}.pipeline-total{background:#fff5ff;border:1px solid #ffe1ff;border-radius:11px;flex-direction:column;gap:4px;margin-bottom:18px;padding:13px;display:flex}.pipeline-total span{color:#a09ca4;font-size:9px}.pipeline-total strong{color:#f7f;font-size:20px}.pipeline-list{flex-direction:column;gap:15px;display:flex}.pipeline-row-top{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:10px;display:flex}.pipeline-row-top span{color:#78757d}.pipeline-row-top strong{color:#37343a;font-size:10px}.pipeline-track{background:#f0edf1;border-radius:20px;height:6px;overflow:hidden}.pipeline-track div{background:#f7f;border-radius:20px;min-width:5px;height:100%}.inventory-content{align-items:center;gap:25px;padding:7px 0 15px;display:flex}.donut-wrap{flex-shrink:0;justify-content:center;align-items:center;width:135px;height:135px;display:flex}.donut{background:conic-gradient(#f7f 0 48%,#e9e5ea 48% 75%,#cfcbd2 75% 100%);border-radius:50%;justify-content:center;align-items:center;width:125px;height:125px;display:flex;position:relative}.donut:before{content:"";background:#fff;border-radius:50%;width:82px;height:82px;position:absolute}.donut-center{z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.donut-center strong{font-size:18px;font-weight:750}.donut-center span{color:#aaa7ad;margin-top:2px;font-size:8px}.inventory-legend{flex-direction:column;flex:1;gap:15px;display:flex}.inventory-legend-item{justify-content:space-between;align-items:center;font-size:10px;display:flex}.inventory-label{color:#77747c;align-items:center;gap:7px;display:flex}.inventory-label i{border-radius:50%;width:8px;height:8px;display:block}.dot-0{background:#f7f}.dot-1{background:#e0dce2}.dot-2{background:#bcb8bf}.inventory-legend-item strong{font-size:10px}.inventory-mini-stats{border-top:1px solid #f0edf1;grid-template-columns:1fr 1fr;gap:15px;padding-top:14px;display:grid}.inventory-mini-stats div{flex-direction:column;gap:4px;display:flex}.inventory-mini-stats span{color:#aaa7ad;font-size:9px}.inventory-mini-stats strong{font-size:13px}.workforce-circle{justify-content:center;align-items:center;height:145px;display:flex}.attendance-ring{background:conic-gradient(#f7f 0 72%,#e7e3e8 72% 100%);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.attendance-ring:before{content:"";background:#fff;border-radius:50%;width:88px;height:88px;position:absolute}.attendance-inner{z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.attendance-inner strong{font-size:20px}.attendance-inner span{color:#aaa7ad;margin-top:2px;font-size:8px}.attendance-stats{border-top:1px solid #f0edf1;grid-template-columns:repeat(3,1fr);gap:7px;padding-top:13px;display:grid}.attendance-stats div{flex-direction:column;align-items:center;gap:3px;display:flex}.attendance-stats i{background:#f7f;border-radius:50%;width:6px;height:6px}.attendance-stats span{color:#a09da4;font-size:8px}.attendance-stats strong{font-size:11px}.modules-card{grid-column:span 1}.module-list{flex-direction:column;gap:17px;display:flex}.module-item{grid-template-columns:31px 75px 1fr;align-items:center;gap:9px;display:grid}.module-icon{color:#f7f;background:#fff1ff;border-radius:8px;justify-content:center;align-items:center;width:31px;height:31px;font-size:14px;display:flex}.module-info{flex-direction:column;gap:2px;display:flex}.module-info span{color:#99959d;font-size:9px}.module-info strong{font-size:12px}.module-progress{background:#eeeaf0;border-radius:20px;height:5px;overflow:hidden}.module-progress div{background:#f7f;border-radius:20px;height:100%}.performance-card{grid-column:span 1}.project-progress-main{align-items:center;gap:24px;padding-top:9px;display:flex}.progress-circle{background:conic-gradient(#f7f 0 64%,#e7e3e8 64% 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:145px;height:145px;display:flex;position:relative}.progress-circle:before{content:"";background:#fff;border-radius:50%;width:106px;height:106px;position:absolute}.progress-circle>div{z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.progress-circle strong{font-size:23px}.progress-circle span{color:#aaa7ad;margin-top:3px;font-size:8px}.project-progress-info{flex-direction:column;flex:1;gap:13px;display:flex}.project-progress-info div{justify-content:space-between;align-items:center;gap:15px;display:flex}.project-progress-info span{color:#96939b;font-size:9px}.project-progress-info strong{font-size:11px}.quick-card{grid-column:span 1}.quick-title{align-items:center;gap:12px;margin-bottom:22px;display:flex}.quick-icon{color:#f7f;background:#fff1ff;border-radius:10px;justify-content:center;align-items:center;width:37px;height:37px;font-size:17px;display:flex}.quick-title h3{margin:0;font-size:14px}.quick-title p{color:#a09da5;margin:4px 0 0;font-size:9px}.attention-list{flex-direction:column;display:flex}.attention-list div{border-bottom:1px solid #f0edf1;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.attention-list div:last-child{border-bottom:0}.attention-list span{color:#77747b;font-size:10px}.attention-list strong{color:#f7f;font-size:11px}.analytics-loading{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#ffffff94;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;inset:0}.loading-spinner{border:3px solid #f0edf1;border-top-color:#f7f;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite analyticsSpin}.analytics-loading span{color:#6e6b73;font-size:11px;font-weight:600}.spin{animation:.8s linear infinite analyticsSpin}@keyframes analyticsSpin{to{transform:rotate(360deg)}}@media (width<=1200px){.analytics-stats{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr 1fr}.revenue-card{grid-column:span 2}.pipeline-card,.modules-card,.performance-card,.quick-card{grid-column:span 1}}@media (width<=850px){.analytics-page{padding:20px}.analytics-header{flex-direction:column;align-items:flex-start}.analytics-actions{width:100%}.analytics-actions select{flex:1}.analytics-refresh{flex:1;justify-content:center}.analytics-grid{grid-template-columns:1fr}.revenue-card,.pipeline-card,.inventory-card,.workforce-card,.modules-card,.performance-card,.quick-card{grid-column:span 1}}@media (width<=600px){.analytics-page{padding:15px}.analytics-stats{grid-template-columns:1fr}.analytics-header h1{font-size:23px}.analytics-stat-card{min-height:120px}.chart-legend{display:none}.inventory-content{gap:10px}.donut-wrap{width:110px}.donut{width:105px;height:105px}.donut:before{width:70px;height:70px}.project-progress-main{flex-direction:column}.module-item{grid-template-columns:31px 70px 1fr}}.rideai_mgr_wrapper{width:100%;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.rideai_mgr_main{background:#f5f7fb;flex:1;min-width:0;max-width:100%;margin-left:280px;overflow-x:hidden}.rideai_mgr_content{width:100%;max-width:100%;padding:30px;overflow-x:hidden}@media (width<=992px){.rideai_mgr_main{margin-left:0}.rideai_mgr_content{padding:20px}}@media (width<=768px){.rideai_mgr_content{padding-top:80px;padding-left:16px;padding-right:16px}}@media (width<=600px){.rideai_mgr_content{padding:75px 12px 20px}}.rideai_mgr_dashboard{width:100%;max-width:100%}.rideai_mgr_title{color:#0f172a;margin-bottom:25px;font-size:28px}.rideai_mgr_cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;width:100%;display:grid}.rideai_mgr_card{background:#fff;border-radius:15px;min-width:0;padding:22px;box-shadow:0 5px 20px #00000014}.rideai_mgr_card h3{color:#64748b;margin:0 0 10px;font-size:14px;font-weight:500}.rideai_mgr_card p{color:#111827;margin:0;font-size:32px;font-weight:700}@media (width<=992px){.rideai_mgr_cards{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.rideai_mgr_cards{grid-template-columns:1fr}.rideai_mgr_title{font-size:22px}.rideai_mgr_card{padding:16px}.rideai_mgr_card p{font-size:26px}}.rideai_team_page{background:#f8fafc;width:100%;max-width:100%;min-height:100vh;padding:30px}.rideai_team_title{color:#0f172a;margin-bottom:25px;font-size:28px}.rideai_team_loading{color:#64748b;padding:30px}.rideai_team_empty{text-align:center;color:#64748b;background:#fff;border-radius:15px;padding:40px;box-shadow:0 5px 20px #00000014}.rideai_team_tablecard{background:#fff;border-radius:15px;width:100%;max-width:100%;padding:20px;overflow-x:auto;box-shadow:0 5px 20px #00000014}.rideai_team_table{border-collapse:collapse;width:100%;min-width:500px}.rideai_team_table th{color:#fff;text-align:left;background:#f7f;padding:14px 16px;font-size:14px}.rideai_team_table td{color:#334155;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:14px}.rideai_team_table tr:hover{background:#f8fafc}.rideai_team_table td:first-child{color:#111827;font-weight:600}@media (width<=992px){.rideai_team_page{padding:20px}}@media (width<=768px){.rideai_team_page{padding-top:80px}}@media (width<=600px){.rideai_team_page{padding:75px 12px 20px}.rideai_team_title{font-size:22px}.rideai_team_tablecard{padding:12px}.rideai_team_table thead{display:none}.rideai_team_table,.rideai_team_table tbody,.rideai_team_table tr,.rideai_team_table td{width:100%;min-width:0;display:block}.rideai_team_table tr{border:1px solid #e5e7eb;border-radius:10px;margin-bottom:15px;overflow:hidden}.rideai_team_table td{text-align:right;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.rideai_team_table td:last-child{border-bottom:none}.rideai_team_table td:before{content:attr(data-label);color:#64748b;text-align:left;font-weight:600}}.rideai_mgrtask_page{background:#f5f7fb;width:100%;max-width:100%;min-height:100vh;padding:30px}.rideai_mgrtask_header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.rideai_mgrtask_header h2{color:#1f2937;margin:0}.rideai_mgrtask_createbtn{color:#fff;cursor:pointer;background:#f7f;border:none;border-radius:8px;padding:12px 22px;font-weight:600}.rideai_mgrtask_formcard{background:#fff;border-radius:12px;width:100%;max-width:750px;margin:0 auto 25px;padding:30px;box-shadow:0 5px 20px #00000014}.rideai_mgrtask_formtop{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.rideai_mgrtask_formtop h2{color:#1f2937;margin:0}.rideai_mgrtask_closebtn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;flex-shrink:0;width:35px;height:35px}.rideai_mgrtask_formgroup{flex-direction:column;width:100%;margin-bottom:18px;display:flex}.rideai_mgrtask_formgroup label{color:#374151;margin-bottom:7px;font-size:14px;font-weight:600}.rideai_mgrtask_formgroup input,.rideai_mgrtask_formgroup textarea,.rideai_mgrtask_formgroup select{border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:12px;font-size:14px}.rideai_mgrtask_formgroup input:focus,.rideai_mgrtask_formgroup textarea:focus,.rideai_mgrtask_formgroup select:focus{border-color:#f7f;box-shadow:0 0 0 3px #be27ee26}.rideai_mgrtask_row{gap:20px;display:flex}.rideai_mgrtask_row .rideai_mgrtask_formgroup{flex:1;min-width:0}.rideai_mgrtask_assignbtn{color:#fff;cursor:pointer;background:#f7f;border:none;border-radius:8px;width:100%;margin-top:10px;padding:13px;font-size:16px;font-weight:600;transition:all .3s}.rideai_mgrtask_assignbtn:hover{background:#f7f}.rideai_mgrtask_listcard{background:#fff;border-radius:12px;width:100%;max-width:100%;padding:25px;overflow-x:auto;box-shadow:0 5px 20px #00000014}.rideai_mgrtask_listcard h2{color:#1f2937;margin:0 0 20px}.rideai_mgrtask_table{border-collapse:collapse;width:100%;min-width:650px}.rideai_mgrtask_table th,.rideai_mgrtask_table td{text-align:left;border-bottom:1px solid #eee;padding:14px}.rideai_mgrtask_empty{text-align:center;color:#64748b}.rideai_mgrtask_deletebtn{color:#fff;cursor:pointer;white-space:nowrap;background:#ef4444;border:none;border-radius:6px;padding:8px 15px}@media (width<=992px){.rideai_mgrtask_page{padding:20px}}@media (width<=768px){.rideai_mgrtask_page{padding-top:80px}.rideai_mgrtask_formcard{padding:20px}.rideai_mgrtask_row{flex-direction:column;gap:0}}@media (width<=600px){.rideai_mgrtask_page{padding:75px 12px 20px}.rideai_mgrtask_header h2{font-size:22px}.rideai_mgrtask_createbtn{width:100%}.rideai_mgrtask_listcard{padding:14px}.rideai_mgrtask_table thead{display:none}.rideai_mgrtask_table,.rideai_mgrtask_table tbody,.rideai_mgrtask_table tr,.rideai_mgrtask_table td{width:100%;min-width:0;display:block}.rideai_mgrtask_table tr{border:1px solid #e5e7eb;border-radius:10px;margin-bottom:15px;overflow:hidden}.rideai_mgrtask_table td{text-align:right;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.rideai_mgrtask_table td:last-child{border-bottom:none}.rideai_mgrtask_table td:before{content:attr(data-label);color:#64748b;text-align:left;font-weight:600}.rideai_mgrtask_table .rideai_mgrtask_empty:before{content:""}}.owner-attendance-page{background:#f8fafc;min-height:100vh;padding:30px}.owner-attendance-page h2{color:#0f172a;margin-bottom:25px;font-size:28px}.attendance-table{background:#fff;border-radius:15px;padding:20px;overflow-x:auto;box-shadow:0 5px 20px #00000014}.attendance-table table{border-collapse:collapse;width:100%}.attendance-table th{color:#fff;text-align:left;background:#f7f;padding:14px 16px;font-size:14px}.attendance-table td{color:#334155;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:14px}.attendance-table tr:hover{background:#f8fafc}.attendance-table td:first-child{color:#111827;font-weight:600}.attendance-table td:nth-child(5){font-weight:600}.attendance-table p{text-align:center;color:#64748b;padding:30px}.manager-projects-page{box-sizing:border-box;color:#111;background:#f8f9fc;width:100%;min-height:100vh;padding:30px}.manager-projects-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.manager-projects-header h1{color:#111;margin:0 0 6px;font-size:28px;font-weight:700}.manager-projects-header p{color:#777;margin:0;font-size:14px}.manager-projects-count{color:#f7f;white-space:nowrap;background:#f8e7fe;border-radius:10px;padding:10px 16px;font-weight:600}.manager-projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;display:grid}.manager-project-card{box-sizing:border-box;background:#fff;border:1px solid #eee;border-radius:16px;padding:22px;transition:all .2s}.manager-project-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000012}.manager-project-card-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.manager-project-icon{color:#f7f;background:#f8e7fe;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:21px;display:flex}.manager-project-status{text-transform:capitalize;color:#555;background:#f1f1f1;border-radius:20px;padding:6px 10px;font-size:12px;font-weight:600}.status-active{color:#218838;background:#e8f7ed}.status-not_started{color:#666;background:#f1f1f1}.status-in_progress{color:#f7f;background:#f8e7fe}.status-completed{color:#2166c1;background:#e7f1ff}.status-on_hold{color:#b77900;background:#fff4df}.status-cancelled{color:#c62828;background:#ffe8e8}.manager-project-card h2{color:#171717;margin:0 0 10px;font-size:20px}.manager-project-description{color:#777;min-height:48px;margin:0 0 18px;font-size:14px;line-height:1.5}.manager-project-info{flex-direction:column;gap:9px;margin-bottom:20px;display:flex}.manager-project-info div{color:#666;align-items:center;gap:8px;font-size:14px;display:flex}.manager-project-info svg{color:#f7f;flex-shrink:0}.manager-project-progress{margin-bottom:20px}.manager-project-progress-header{color:#666;justify-content:space-between;margin-bottom:7px;font-size:13px;display:flex}.manager-project-progress-bar{background:#eee;border-radius:10px;width:100%;height:7px;overflow:hidden}.manager-project-progress-bar div{border-radius:inherit;background:#f7f;height:100%;transition:width .3s}.manager-project-view{color:#fff;cursor:pointer;background:#f7f;border:none;border-radius:9px;justify-content:space-between;align-items:center;width:100%;padding:11px 14px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.manager-project-view:hover{background:#f7f}.manager-projects-empty{color:#777;background:#fff;border:1px solid #eee;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.manager-projects-empty svg{color:#f7f;margin-bottom:10px}.manager-projects-empty h3{color:#222;margin:5px 0}.manager-projects-empty p{margin:0}.manager-projects-error{color:#c62828;background:#ffe8e8;border-radius:10px;margin-bottom:20px;padding:14px 16px}.manager-projects-loading{text-align:center;color:#777;padding:50px}.manager-project-modal-overlay{z-index:9999;box-sizing:border-box;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.manager-project-modal{background:#fff;border-radius:18px;width:100%;max-width:760px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.manager-project-modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px;display:flex}.manager-project-modal-header>div:first-child{align-items:center;gap:14px;display:flex}.manager-project-modal-icon{color:#f7f;background:#f8e7fe;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.manager-project-modal-header h2{color:#171717;margin:0 0 8px;font-size:22px}.manager-project-modal-close{color:#555;cursor:pointer;background:#f5f5f5;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:19px;transition:all .2s;display:flex}.manager-project-modal-close:hover{color:#c62828;background:#ffe8e8}.manager-project-modal-section{border-bottom:1px solid #eee;padding:20px 24px}.manager-project-modal-section h3{color:#222;margin:0 0 10px;font-size:15px}.manager-project-modal-section p{color:#666;margin:0;font-size:14px;line-height:1.6}.manager-project-details-grid{border-bottom:1px solid #eee;grid-template-columns:repeat(2,1fr);gap:14px;padding:20px 24px;display:grid}.manager-project-detail{border:1px solid #eee;border-radius:12px;align-items:center;gap:11px;padding:14px;display:flex}.manager-project-detail>svg{color:#f7f;flex-shrink:0;font-size:19px}.manager-project-detail div{flex-direction:column;gap:4px;display:flex}.manager-project-detail span{color:#888;font-size:12px}.manager-project-detail strong{color:#222;font-size:13px;font-weight:600}.manager-modal-progress-header{justify-content:space-between;align-items:center;gap:15px;display:flex}.manager-modal-progress-header strong{color:#f7f;font-size:14px}.manager-modal-progress-bar{background:#eee;border-radius:20px;width:100%;height:9px;margin-top:12px;overflow:hidden}.manager-modal-progress-bar div{border-radius:inherit;background:#f7f;height:100%;transition:width .3s}.manager-project-members{flex-direction:column;gap:10px;display:flex}.manager-project-member{border:1px solid #eee;border-radius:11px;align-items:center;gap:11px;padding:11px;display:flex}.manager-member-avatar{color:#f7f;background:#f8e7fe;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.manager-project-member>div:last-child{flex-direction:column;gap:3px;display:flex}.manager-project-member strong{color:#222;font-size:13px}.manager-project-member span{color:#888;font-size:12px}.manager-no-members{color:#888;font-size:13px}.manager-project-modal-actions{justify-content:flex-end;gap:10px;padding:20px 24px;display:flex}.manager-edit-btn,.manager-close-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.manager-edit-btn{color:#fff;background:#f7f}.manager-edit-btn:hover{background:#e85ee8;transform:translateY(-1px)}.manager-edit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.manager-close-btn{color:#555;background:#f1f1f1}.manager-close-btn:hover{background:#e5e5e5}.manager-project-edit-form{padding:24px}.manager-form-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.manager-form-group{flex-direction:column;gap:7px;display:flex}.manager-form-full{grid-column:1/-1}.manager-form-group label{color:#333;font-size:13px;font-weight:600}.manager-form-group input,.manager-form-group textarea,.manager-form-group select{box-sizing:border-box;color:#222;background:#fff;border:1px solid #ddd;border-radius:10px;outline:none;width:100%;padding:11px 12px;font-size:13px;transition:border-color .2s,box-shadow .2s}.manager-form-group textarea{resize:vertical}.manager-form-group input:focus,.manager-form-group textarea:focus,.manager-form-group select:focus{border-color:#f7f;box-shadow:0 0 0 3px #ff77ff1f}.manager-form-group input[type=range]{accent-color:#f7f;cursor:pointer;padding:0}.manager-progress-number{align-items:center;gap:8px;max-width:150px;display:flex}.manager-progress-number input{width:100px}.manager-progress-number span{color:#555;font-size:13px;font-weight:600}@media (width<=768px){.manager-projects-page{padding:20px}.manager-projects-header{flex-direction:column;align-items:flex-start}.manager-projects-grid,.manager-project-details-grid,.manager-form-grid{grid-template-columns:1fr}.manager-form-full{grid-column:auto}.manager-project-modal-overlay{padding:10px}.manager-project-modal{border-radius:14px;max-height:95vh}}@media (width<=480px){.manager-projects-page{padding:15px}.manager-project-modal-header,.manager-project-modal-section,.manager-project-details-grid{padding:18px}.manager-project-modal-actions{flex-direction:column-reverse;padding:18px}.manager-edit-btn,.manager-close-btn{width:100%}.manager-project-edit-form{padding:18px}}.manager-progress-edit-header{background:#fff;border:1px solid #eee;border-radius:14px;margin-bottom:28px;padding:20px}.manager-progress-edit-header h3{color:#1f1f1f;margin:0 0 8px;font-size:20px;font-weight:700}.manager-progress-edit-header p{color:#777;margin:0;font-size:14px;line-height:1.6}.manager-progress-editor{background:#fafafa;border:1px solid #eee;border-radius:16px;align-items:center;gap:18px;margin-bottom:28px;padding:24px;display:flex}.manager-progress-value{color:#f7f;text-align:center;min-width:72px;font-size:26px;font-weight:800}.manager-progress-slider{flex:1}.manager-progress-slider input[type=range]{appearance:none;cursor:pointer;background:#eadfea;border-radius:20px;outline:none;width:100%;height:7px;margin:0}.manager-progress-slider input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#f7f;border:4px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 8px #ff77ff59}.manager-progress-slider input[type=range]::-moz-range-thumb{cursor:pointer;background:#f7f;border:4px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 8px #ff77ff59}.manager-progress-number{align-items:center;display:flex;position:relative}.manager-progress-number input{box-sizing:border-box;color:#222;text-align:center;background:#fff;border:1px solid #ddd;border-radius:9px;outline:none;width:78px;height:44px;padding:0 28px 0 12px;font-size:15px;font-weight:600;transition:all .2s}.manager-progress-number input:focus{border-color:#f7f;box-shadow:0 0 0 3px #ff77ff1f}.manager-progress-number span{color:#777;pointer-events:none;font-size:14px;position:absolute;right:10px}.manager-project-progress-preview{background:#f8e7fe;border-radius:14px;margin-bottom:28px;padding:20px}.manager-project-progress-preview .manager-project-progress-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.manager-project-progress-preview .manager-project-progress-header span{color:#555;font-size:14px;font-weight:600}.manager-project-progress-preview .manager-project-progress-header strong{color:#f7f;font-size:16px}.manager-project-progress-preview .manager-project-progress-bar{background:#fff;border-radius:20px;width:100%;height:9px;overflow:hidden}.manager-project-progress-preview .manager-project-progress-bar>div{border-radius:inherit;background:#f7f;height:100%;transition:width .25s}.manager-project-modal-actions{border-top:1px solid #eee;justify-content:flex-end;align-items:center;gap:12px;margin-top:28px;padding-top:20px;display:flex}.manager-edit-btn,.manager-close-btn{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.manager-edit-btn{color:#fff;background:#f7f;border:1px solid #f7f}.manager-edit-btn:hover{background:#f45df4;border-color:#f45df4;transform:translateY(-1px);box-shadow:0 5px 14px #ff77ff40}.manager-edit-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.manager-close-btn{color:#555;background:#fff;border:1px solid #ddd}.manager-close-btn:hover{background:#f6f6f6;border-color:#ccc}.manager-close-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=600px){.manager-progress-editor{flex-direction:column;align-items:stretch;gap:18px;padding:20px}.manager-progress-value{width:100%;font-size:28px}.manager-progress-number{justify-content:center}.manager-project-modal-actions{flex-direction:column-reverse;align-items:stretch}.manager-edit-btn,.manager-close-btn{width:100%}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#f7f;--primary-dark:#f7f;--primary-light:#f8e7fe;--bg:#f8f9fc;--white:#fff;--text:#1f2937;--muted:#6b7280;--border:#ececec;--shadow:0 10px 30px #00000014}body{background:var(--bg);color:var(--text);font-family:Segoe UI,sans-serif}.hrlayout_wrapper{width:100%;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.hrlayout_main{flex:1;width:calc(100% - 270px);min-width:0;max-width:100%;margin-left:270px;overflow-x:hidden}.hrlayout_content{box-sizing:border-box;width:100%;max-width:100%;padding:35px}@media (width<=992px){.hrlayout_main{width:calc(100% - 220px);margin-left:220px}}@media (width<=768px){.hrlayout_main{width:100%;margin-left:0}.hrlayout_content{padding:20px}}.hr-welcome-card{color:#fff;background:linear-gradient(135deg,#f7f,#f7f);border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:35px;display:flex;box-shadow:0 20px 40px #be27ee40}.hr-welcome-card h1{margin-bottom:8px;font-size:30px}.hr-welcome-card p{opacity:.9}.hr-date{background:#ffffff26;border-radius:12px;padding:12px 20px;font-weight:600}.hr-stats-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;margin-bottom:30px;display:grid}.hr-stat-card{box-shadow:var(--shadow);border-top:5px solid var(--primary);background:#fff;border-radius:18px;padding:28px;transition:all .3s}.hr-stat-card:hover{transform:translateY(-6px)}.hr-stat-label{color:var(--muted);margin-bottom:15px;font-size:15px}.hr-stat-value{color:var(--primary);margin-bottom:10px;font-size:40px}.hr-stat-sub{color:var(--muted);font-size:14px}.hr-table-card{box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:25px}.hr-table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.hr-table-header h3{font-size:22px}.hr-table-wrap{min-width:0;overflow-x:auto}.hr-table{border-collapse:collapse;width:100%}.hr-table th{background:var(--primary-light);color:var(--primary);text-align:left;white-space:nowrap;padding:16px;font-size:15px}.hr-table td{white-space:nowrap;border-bottom:1px solid #f0f0f0;padding:16px}.hr-table tbody tr{transition:all .25s}.hr-table tbody tr:hover{background:#faf5ff}.hr-loading,.hr-error,.hr-empty{text-align:center;color:var(--muted);margin-top:40px;font-size:18px}.employee-header h1{color:#111827;text-align:left;margin-bottom:5px;font-size:30px}.employee-header p{color:#6b7280}.add-btn{color:#fff;cursor:pointer;background:#f7f;border:none;border-radius:10px;padding:12px 22px;font-size:15px;font-weight:600;transition:all .3s}.add-btn:hover{background:#f7f;transform:translateY(-2px)}.employee-form-card{background:#fff;border-radius:16px;margin-bottom:30px;padding:25px;box-shadow:0 12px 30px #00000014}.employee-table-wrap{min-width:0;overflow-x:auto}.employee-table{border-collapse:collapse;width:100%}.employee-table thead{background:#f8e8fd}.employee-table th{color:#f7f;text-align:left;white-space:nowrap;padding:18px;font-size:15px}.employee-table td{white-space:nowrap;border-bottom:1px solid #eee;padding:18px}.employee-table tbody tr{transition:all .25s}.employee-table tbody tr:hover{background:#faf5ff}.remove-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:8px 16px;transition:all .3s}.remove-btn:hover{background:#dc2626}.loading,.empty-state{text-align:center;background:#fff;border-radius:16px;padding:60px;box-shadow:0 10px 30px #00000014}.empty-state h3{color:#111827;margin-bottom:10px}.empty-state p{color:#6b7280}.employee-form-container{background:#fff;border-radius:18px;padding:35px;box-shadow:0 15px 40px #00000014}.form-title{margin-bottom:30px}.form-title h2{color:#111827;margin-bottom:6px;font-size:28px}.form-title p{color:#6b7280}.form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.form-group{flex-direction:column;display:flex}.form-group label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600}.form-group input{border:1px solid #d1d5db;border-radius:10px;outline:none;height:48px;padding:0 15px;font-size:15px;transition:all .3s}.form-group input:focus{border-color:#f7f;box-shadow:0 0 0 4px #be27ee26}.form-group select{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;height:48px;padding:0 15px;font-size:15px;transition:all .3s}.form-group select:focus{border-color:#f7f;box-shadow:0 0 0 4px #be27ee26}.form-group select:hover{border-color:#f7f}.form-group small{color:#ef4444;margin-top:6px;font-size:13px}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f7f,#971dc7);border:none;border-radius:10px;margin-top:30px;padding:14px 30px;font-size:15px;font-weight:600;transition:all .3s}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 30px #be27ee4d}.submit-btn:disabled{opacity:.7;cursor:not-allowed}@media (width<=768px){.form-grid{grid-template-columns:1fr}.employee-form-container{padding:20px}.hr-welcome-card{flex-direction:column;align-items:flex-start;gap:20px}.hr-table{min-width:500px}.employee-table{min-width:600px}.add-btn{width:100%}}.employee-page{padding:0}.employee-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px;display:flex}.employee-error-banner{color:#991b1b;background:#fef2f2;border-radius:8px;margin-bottom:20px;padding:12px 16px}.employee-table-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px #00000014}.employee-table-wrap{-webkit-overflow-scrolling:touch;min-width:0;overflow-x:auto}.employee-table{border-collapse:collapse;width:100%;min-width:750px}.employee-table th,.employee-table td{white-space:nowrap}.employee-table-action-col{text-align:center}@media (width<=768px){.employee-header{flex-direction:column;align-items:stretch}.employee-header h1{font-size:24px}.add-btn{width:100%}.employee-table th,.employee-table td{padding:12px;font-size:13px}.employee-form-card{padding:18px}}.tasks-page{padding:0}.announcement-page{background:#f7f8fc;min-height:100vh;padding:25px}.announcement-page h2{margin-bottom:20px}.announcement-card{background:#fff;border-left:5px solid #f7f;border-radius:10px;margin-bottom:18px;padding:20px;transition:all .3s;box-shadow:0 2px 8px #0000000d}.announcement-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #be27ee1f}.announcement-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.announcement-header h3{color:#222;margin:0;font-size:20px}.announcement-header span{color:#888;font-size:13px}.announcement-message{color:#555;margin-top:10px;line-height:1.7}.announcement-footer{color:#666;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;font-size:14px;display:flex}.announcement-badge{color:#fff;background:#f7f;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600}.announcement-author{color:#444;font-weight:600}.announcement-date{color:#888;font-size:13px}.applications-page{background:#f7f8fc;min-height:100vh;padding:30px;font-family:Inter,sans-serif}.page-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.page-header h1{color:#1f2937;margin:0;font-size:28px}.page-header p{color:#6b7280;margin-top:8px;font-size:15px}.total-card{color:#fff;text-align:center;background:linear-gradient(135deg,#f7f,#4f46e5);border-radius:16px;padding:20px 35px;box-shadow:0 10px 25px #2563eb40}.total-card h2{margin:0;font-size:32px}.total-card span{opacity:.9;font-size:14px}.application-card{background:#fff;border-radius:18px;padding:25px;box-shadow:0 5px 20px #0000000f}.toolbar{justify-content:space-between;margin-bottom:20px;display:flex}.toolbar input{border:1px solid #e5e7eb;border-radius:10px;outline:none;width:320px;padding:12px 15px;font-size:14px;transition:all .3s}.toolbar input:focus{border-color:#f7f;box-shadow:0 0 0 3px #2563eb1a}.table-wrapper{overflow-x:auto}table{border-collapse:collapse}thead{background:#f9fafb}th{text-align:left;color:#6b7280;padding:15px;font-size:13px;font-weight:600}td{color:#374151;border-bottom:1px solid #f1f5f9;padding:15px;font-size:14px}tbody tr{transition:all .2s}tbody tr:hover{background:#f8fafc}.candidate{align-items:center;gap:12px;display:flex}.avatar{color:#fff;text-transform:uppercase;background:#f7f;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;display:flex}.job{color:#4338ca;background:#eef2ff;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:500}.resume-btn{color:#000;background:#16a34a;border-radius:8px;padding:7px 14px;font-size:13px;text-decoration:none;transition:all .2s;display:inline-block}.resume-btn:hover{background:#15803d}.status{cursor:pointer;border:none;border-radius:20px;outline:none;padding:7px 12px;font-size:13px;font-weight:600}.status.Applied{color:#f7f;background:#dbeafe}.status.Shortlisted{color:#d97706;background:#fef3c7}.status.Interview{color:#7c3aed;background:#ede9fe}.status.Selected{color:#15803d;background:#dcfce7}.status.Rejected{color:#dc2626;background:#fee2e2}.loading,.empty{text-align:center;color:#6b7280;padding:50px}.empty h3{color:#374151;margin-bottom:8px}.pagination{justify-content:center;gap:8px;margin-top:25px;display:flex}.pagination button{cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;padding:9px 14px;font-size:14px}.pagination button:hover{background:#e5e7eb}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination .active-page{color:#fff;background:#f7f}@media (width<=900px){.applications-page{padding:15px}.page-header{flex-direction:column;align-items:flex-start;gap:20px}}.status.Pending{color:#d97706;background:#fef3c7}.toolbar-actions{align-items:center;gap:10px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s}.btn-primary{color:#000;background:#f7f}.btn-primary:hover{background:#f7f}.btn-secondary{color:#000;background:#f7f}.btn-secondary:hover{background:#e5e7eb}.btn:disabled{opacity:.6;cursor:not-allowed}.action-btn{color:#000;cursor:pointer;background:#111827;border:none;border-radius:8px;padding:7px 14px;font-size:13px;transition:all .2s}.action-btn:hover{background:#1f2937}.modal-overlay{z-index:50;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:16px;padding:30px;box-shadow:0 10px 25px #00000026}.modal-box h2{color:#1f2937;margin-bottom:20px;font-size:20px}.modal-form{flex-direction:column;gap:12px;display:flex}.modal-form input{border:1px solid #e5e7eb;border-radius:8px;outline:none;height:44px;padding:0 14px;font-size:14px;transition:all .2s}.modal-form input:focus{border-color:#f7f;box-shadow:0 0 0 3px #2563eb1a}.modal-actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}@media (width<=900px){.toolbar{flex-direction:column;align-items:stretch;gap:12px}.toolbar input{width:100%}.toolbar-actions{flex-wrap:wrap;gap:8px}.toolbar-actions .btn{flex:1;min-width:140px}.application-card{border-radius:14px;padding:16px}table{min-width:800px}th,td{padding:12px;font-size:13px}.pagination{flex-wrap:wrap}}@media (width<=480px){.page-header h1{font-size:22px}.avatar{width:34px;height:34px;font-size:13px}}.offer-page{padding:35px}.offer-card{background:#fff;border-radius:18px;padding:35px;box-shadow:0 12px 30px #00000014}.offer-card h2{color:#111827;margin-bottom:25px;font-size:22px}.offer-grid{grid-template-columns:repeat(2,1fr);gap:25px;display:grid}.offer-group{flex-direction:column;display:flex}.offer-group label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600}.offer-group input,.offer-group select{border:1px solid #d1d5db;border-radius:10px;outline:none;height:48px;padding:0 15px;font-size:15px}.offer-group input:focus,.offer-group select:focus{border-color:#f7f;box-shadow:0 0 0 4px #be27ee26}.generate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f7f,#971dc7);border:none;border-radius:10px;margin-top:30px;padding:14px 30px;font-size:15px;font-weight:600;transition:all .3s}.generate-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px #be27ee4d}@media (width<=768px){.offer-grid{grid-template-columns:1fr}}.hratt_page{padding:0}.hratt_header{margin-bottom:25px}.hratt_header h2{color:#111827;margin:0;font-size:30px}.hratt_header p{color:#666;margin-top:5px}.hratt_cards{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px;display:grid}.hratt_card{color:#fff;border-radius:12px;padding:25px}.hratt_card h3{opacity:.9;margin:0;font-size:16px;font-weight:600}.hratt_card span{margin-top:10px;font-size:34px;font-weight:700;display:block}.hratt_present{background:#16a34a}.hratt_absent{background:#dc2626}.hratt_late{background:#f59e0b}.hratt_break{background:#f7f}.hratt_table-wrap{-webkit-overflow-scrolling:touch;background:#fff;border-radius:10px;min-width:0;overflow-x:auto;box-shadow:0 2px 8px #00000014}.hratt_table{border-collapse:collapse;width:100%;min-width:700px}.hratt_table thead{background:#f5f5f5}.hratt_table th,.hratt_table td{text-align:left;white-space:nowrap;padding:15px}.hratt_table tbody tr{border-bottom:1px solid #eee}.hratt_table tbody tr:hover{background:#fafafa}.hratt_empty{text-align:center;color:#9ca3af;padding:30px!important}.hratt_status{color:#fff;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-block}.hratt_status-late{background:#f59e0b}.hratt_status-ontime{background:#16a34a}.hratt_status-onbreak{background:#f7f}@media (width<=992px){.hratt_cards{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.hratt_header h2{font-size:22px}.hratt_cards{gap:12px;margin-bottom:20px}.hratt_card{padding:18px}.hratt_card h3{font-size:13px}.hratt_card span{font-size:26px}.hratt_table th,.hratt_table td{padding:10px 12px;font-size:13px}}@media (width<=480px){.hratt_cards{grid-template-columns:1fr 1fr}}.leave-page{background:#f5f7fb;padding:24px;display:block!important}.leave-header{margin-bottom:20px;display:block!important}.table-wrapper{margin-top:20px;display:block;overflow-x:auto}.leave-table{border-collapse:collapse}.leave-header h2{color:#1f2937;margin:0;font-size:28px;font-weight:700}.leave-table thead{background:#f7f}.leave-table th{text-align:left;color:#fff;padding:16px;font-size:14px;font-weight:600}.leave-table td{color:#000;border-bottom:1px solid #e5e7eb;padding:16px;font-size:14px}.leave-table tbody tr:hover{background:#faf5ff}.status{border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.action-btns{gap:8px;display:flex}.approve,.reject{color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 14px}.approve{background:#22c55e}.reject{background:#ef4444}.empty{text-align:center;color:#9ca3af;padding:30px}.comment-overlay{z-index:9999;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.comment-box{background:#fff;border-radius:10px;width:400px;padding:20px}.comment-box h3{margin:0 0 15px}.comment-box textarea{resize:none;box-sizing:border-box;border:1px solid #ddd;border-radius:8px;width:100%;height:120px;padding:10px}.comment-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.cancel-btn{box-sizing:border-box;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:110px;height:42px;margin-top:27px;padding:0;font-size:14px;font-weight:500;display:flex}.submit-btn{box-sizing:border-box;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:110px;height:42px;padding:0;font-size:14px;font-weight:500;display:flex}.submit-btn{color:#fff;background:#f7f;border:none}@media (width<=768px){.leave-page{padding:16px}.leave-table{min-width:900px}}*,:before,:after{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}.rideai_emp_wrapper{width:100%;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.rideai_emp_main{background:#f5f7fb;flex:1;min-width:0;max-width:100%;margin-left:280px;overflow-x:hidden}.rideai_emp_content{width:100%;max-width:100%;padding:30px;overflow-x:hidden}.rideai_emp_dashboard{width:100%;max-width:100%}.rideai_emp_header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px;display:flex}.rideai_emp_header h1{margin-bottom:5px;font-size:32px}.rideai_emp_header p{color:#777}.rideai_emp_box{align-items:center;gap:15px;display:flex}.rideai_emp_avatar{color:#fff;background:#f7f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:55px;height:55px;font-size:22px;font-weight:700;display:flex}.rideai_emp_statsgrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;width:100%;margin:0 0 30px;display:grid}.rideai_emp_statcard{background:#fff;border:1px solid #e8edf3;border-radius:14px;min-width:0;padding:22px;transition:all .25s;box-shadow:0 2px 8px #0f172a0d}.rideai_emp_statcard h5{color:#6b7280;margin-bottom:12px;font-size:14px;font-weight:500}.rideai_emp_statcard h2{color:#111827;margin:0;font-size:32px;font-weight:700}.rideai_emp_gridcontent{grid-template-columns:2fr 1fr;gap:20px;width:100%;display:grid}.rideai_emp_leftside,.rideai_emp_rightside{min-width:0}.rideai_emp_panel{background:#fff;border-radius:15px;min-width:0;max-width:100%;margin-bottom:20px;padding:20px;box-shadow:0 4px 15px #0000000f}.rideai_emp_panel h3{margin-bottom:20px}.rideai_emp_attendancebox{flex-wrap:wrap;justify-content:space-between;gap:15px;display:flex}.rideai_emp_table{border-collapse:collapse;width:100%}.rideai_emp_table th{text-align:left;background:#f2f4f8;padding:12px}.rideai_emp_table td{border-bottom:1px solid #eee;padding:12px}.rideai_emp_progresscircle{border:10px solid #f7f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:180px;height:180px;margin:auto;display:flex}.rideai_emp_progresscircle h1{margin:0;font-size:38px}.rideai_emp_progresscircle span{color:#888}.rideai_emp_panel ul{padding-left:18px}.rideai_emp_panel li{margin-bottom:10px}@media (width<=992px){.rideai_emp_main{margin-left:0}.rideai_emp_content{padding:20px}.rideai_emp_statsgrid{grid-template-columns:repeat(2,1fr)}.rideai_emp_gridcontent{grid-template-columns:1fr}}@media (width<=768px){.rideai_emp_content{padding-top:80px;padding-left:16px;padding-right:16px}.rideai_emp_header{flex-direction:column;align-items:flex-start;gap:15px}.rideai_emp_statsgrid{grid-template-columns:1fr}.rideai_emp_progresscircle{width:140px;height:140px}.rideai_emp_progresscircle h1{font-size:28px}.rideai_emp_table{white-space:nowrap;-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}}@media (width<=600px){.rideai_emp_content{padding:75px 12px 20px}.rideai_emp_statcard{padding:16px}.rideai_emp_statcard h2{font-size:26px}.rideai_emp_header h1{font-size:24px}}.profile-header{border-bottom:1px solid #e5e7eb;align-items:center;gap:30px;margin-bottom:35px;padding-bottom:25px;display:flex}.profile-image{object-fit:cover;border:3px solid #dbe3ec;border-radius:50%;width:130px;height:130px}.profile-header input[type=file]{margin-top:15px;font-size:14px}.profile-header h2{color:#222;margin:0;font-size:28px;font-weight:700}.profile-header p{color:#555;margin:8px 0 6px;font-size:16px}.profile-header span{color:#666;font-size:14px;display:inline-block}.profile-grid{grid-template-columns:repeat(2,1fr);gap:24px 30px;display:grid}.profile-grid div{flex-direction:column;display:flex}.profile-grid label{color:#555;margin-bottom:8px;font-size:14px;font-weight:600}.profile-grid input,.profile-grid select,.profile-grid textarea{color:#222;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:12px 14px;font-size:15px;transition:border-color .2s}.profile-grid textarea{resize:vertical;min-height:110px}.profile-grid input:focus,.profile-grid select:focus,.profile-grid textarea:focus{border-color:#f7f;outline:none}.profile-grid input[readonly]{color:#666;cursor:not-allowed;background:#f8f9fb}.profile-actions{justify-content:flex-end;margin-top:35px;display:flex}.save-btn{color:#fff;cursor:pointer;background:#be27eb;border:none;border-radius:6px;padding:12px 28px;font-size:15px;font-weight:600;transition:background .2s}.save-btn:hover{background:#f7f}@media (width<=768px){.employee-dashboard{padding:20px}.profile-header{text-align:center;flex-direction:column;align-items:center}.profile-grid{grid-template-columns:1fr;gap:20px}.profile-actions{justify-content:center}.save-btn{width:100%}}:root{--attendance-purple:#f7f;--attendance-purple-dark:#f7f;--attendance-purple-light:#f8e8ff;--attendance-bg:#f7f7fa;--attendance-card:#fff;--attendance-text:#17151c;--attendance-muted:#777381;--attendance-border:#e9e6ed;--attendance-green:#159570;--attendance-red:#f7f;--attendance-yellow:#e89b28}.attendance-page{background:var(--attendance-bg);min-height:100vh;color:var(--attendance-text);padding:32px;font-family:Inter,sans-serif}.attendance-container{width:100%;max-width:1250px;margin:0 auto}.attendance-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px;display:flex}.attendance-eyebrow,.panel-heading>div>span,.action-panel>div>span,.how-header>span{color:var(--attendance-purple-dark);letter-spacing:.13em;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.attendance-header h1{margin:0;font-family:Space Grotesk,sans-serif;font-size:34px;font-weight:700;line-height:1.1}.attendance-header p{color:var(--attendance-muted);margin:10px 0 0;font-size:14px}.attendance-date{background:var(--attendance-card);border:1px solid var(--attendance-border);text-align:right;border-radius:14px;min-width:160px;padding:16px 18px}.attendance-date span{color:var(--attendance-muted);letter-spacing:.1em;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.attendance-date strong{font-size:14px}.timer-card{background:linear-gradient(135deg,#17131d 0%,#28202d 100%);border-radius:22px;justify-content:space-between;align-items:center;gap:20px;min-height:190px;padding:34px 38px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #1e142826}.timer-card:after{content:"";border:45px solid #ff77ff21;border-radius:50%;width:280px;height:280px;position:absolute;top:-150px;right:-100px}.timer-info{z-index:1;position:relative}.timer-info>span{color:#ffffff80;letter-spacing:.13em;font-size:11px;font-weight:700;display:block}.timer-info h2{color:#fff;letter-spacing:.02em;margin:10px 0 7px;font-family:Space Grotesk,sans-serif;font-size:54px;font-weight:600}.timer-info p{color:#ffffff8c;margin:0;font-size:13px}.timer-status{z-index:1;color:#ffffff80;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:30px;align-items:center;gap:9px;padding:10px 15px;font-size:12px;font-weight:600;display:flex;position:relative}.timer-status span{background:#777;border-radius:50%;width:8px;height:8px}.timer-status.active{color:#fff}.timer-status.active span{background:#55e6a7;box-shadow:0 0 12px #55e6a7}.attendance-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0;display:grid}.stat-card{background:var(--attendance-card);border:1px solid var(--attendance-border);border-radius:16px;min-height:135px;padding:20px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #140f1912}.stat-label{color:var(--attendance-muted);letter-spacing:.1em;margin-bottom:14px;font-size:10px;font-weight:700;display:block}.stat-value{margin-bottom:8px;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;display:block}.stat-card small{color:var(--attendance-muted);font-size:11px}.late-text{color:var(--attendance-red)}.attendance-grid{grid-template-columns:.9fr 1.1fr;gap:18px;display:grid}.attendance-panel{background:var(--attendance-card);border:1px solid var(--attendance-border);border-radius:18px;padding:25px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.panel-heading h3,.action-panel h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:20px}.panel-icon{width:34px;height:34px;color:var(--attendance-purple-dark);background:var(--attendance-purple-light);border-radius:9px;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.detail-list{border-top:1px solid var(--attendance-border)}.detail-row{border-bottom:1px solid var(--attendance-border);justify-content:space-between;align-items:center;gap:20px;padding:15px 0;display:flex}.detail-row span{color:var(--attendance-muted);font-size:13px}.detail-row strong{text-align:right;font-size:13px}.status-pill{border-radius:20px;align-items:center;padding:5px 10px;display:inline-flex;font-size:10px!important;font-weight:700!important}.status-pill.success{color:var(--attendance-green);background:#e7f8f1}.status-pill.danger{color:var(--attendance-red);background:#fdebed}.status-pill.neutral{color:var(--attendance-muted);background:#f0eef2}.chart-summary{gap:30px;margin-bottom:4px;display:flex}.chart-summary div{flex-direction:column;gap:4px;display:flex}.chart-summary strong{font-family:Space Grotesk,sans-serif;font-size:19px}.chart-summary span{color:var(--attendance-muted);font-size:11px}.chart-wrapper{width:100%;height:220px;margin-top:12px}.action-panel{background:#f7f;border:1px solid #ead5f4;border-radius:18px;justify-content:space-between;align-items:center;gap:30px;margin-top:18px;padding:24px 26px;display:flex}.action-panel p{color:var(--attendance-muted);margin:7px 0 0;font-size:12px}.action-buttons{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.action-buttons button{cursor:pointer;border:none;border-radius:10px;min-width:120px;padding:12px 18px;font-family:Inter,sans-serif;font-size:12px;font-weight:700;transition:transform .2s,opacity .2s}.action-buttons button:hover{transform:translateY(-1px)}.action-buttons button:disabled{opacity:.5;cursor:not-allowed;transform:none}.primary-action{color:#fff;background:var(--attendance-purple-dark);box-shadow:0 8px 18px #be27ee38}.secondary-action{color:var(--attendance-purple-dark);background:#fff;border:1px solid #e2c6ed!important}.danger-action{color:#fff;background:var(--attendance-red)}.notice-panel{background:#fffaf1;border:1px solid #f0d6ac;border-radius:14px;align-items:flex-start;gap:15px;margin-top:18px;padding:18px 20px;display:flex}.notice-icon{color:#fff;background:var(--attendance-yellow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;display:flex}.notice-panel strong{margin-bottom:5px;font-size:13px;display:block}.notice-panel p{color:var(--attendance-muted);margin:0;font-size:12px;line-height:1.6}.location-grid{grid-template-columns:.8fr 1.2fr;gap:18px;margin-top:18px;display:grid}.location-panel{flex-direction:column;display:flex}.coordinates{grid-template-columns:1fr;gap:12px;display:grid}.coordinates div{border:1px solid var(--attendance-border);background:#faf9fb;border-radius:11px;padding:15px}.coordinates span{color:var(--attendance-muted);letter-spacing:.1em;margin-bottom:7px;font-size:9px;font-weight:700;display:block}.coordinates strong{text-overflow:ellipsis;white-space:nowrap;font-family:Space Grotesk,sans-serif;font-size:13px;display:block;overflow:hidden}.location-status{align-items:center;gap:12px;margin-top:auto;padding-top:20px;display:flex}.location-dot{background:#999;border-radius:50%;flex-shrink:0;width:10px;height:10px}.location-dot.active{background:var(--attendance-green);box-shadow:0 0 0 5px #dff5ec}.location-status strong{font-size:12px;display:block}.location-status p{color:var(--attendance-muted);margin:4px 0 0;font-size:11px}.map-panel{border:1px solid var(--attendance-border);background:#eee;border-radius:18px;min-height:330px;overflow:hidden}.map-panel .leaflet-container{filter:saturate(.8);width:100%;min-height:330px}.how-it-works{color:#fff;background:#17131d;border-radius:20px;margin-top:18px;padding:32px}.how-header{max-width:600px;margin-bottom:25px}.how-header>span{color:#f7f}.how-header h2{color:#fff;margin:0;font-family:Space Grotesk,sans-serif;font-size:25px}.how-header p{color:#ffffff8c;margin:8px 0 0;font-size:13px}.guide-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.guide-card{background:#ffffff0a;border:1px solid #ffffff17;border-radius:14px;min-height:190px;padding:20px;position:relative}.guide-number{color:#f7f;background:#ff77ff1a;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:25px;font-size:10px;font-weight:700;display:flex}.guide-card h3{margin:0 0 8px;font-family:Space Grotesk,sans-serif;font-size:16px}.guide-card p{color:#ffffff85;margin:0;font-size:11px;line-height:1.7}@media (width<=1050px){.attendance-stats{grid-template-columns:repeat(2,1fr)}.attendance-grid,.location-grid{grid-template-columns:1fr}.guide-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.attendance-page{padding:20px 14px}.attendance-header{flex-direction:column;align-items:flex-start}.attendance-header h1{font-size:28px}.attendance-date{text-align:left;width:100%}.timer-card{flex-direction:column;align-items:flex-start;padding:28px 24px}.timer-info h2{font-size:40px}.attendance-stats{grid-template-columns:1fr 1fr}.attendance-panel{padding:20px}.action-panel{flex-direction:column;align-items:flex-start}.action-buttons{width:100%}.action-buttons button{flex:1}.guide-grid{grid-template-columns:1fr}.how-it-works{padding:24px 20px}}@media (width<=480px){.attendance-stats{grid-template-columns:1fr}.timer-info h2{font-size:34px}.action-buttons{flex-direction:column}.action-buttons button{width:100%}.detail-row{align-items:flex-start}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.employee-task-page{background:#f8fafc;min-height:100vh;padding:30px}.employee-task-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.employee-task-header h2{color:#0f172a;margin:0;font-size:28px}.employee-task-header p{color:#64748b;margin-top:6px}.task-count{color:#fff;background:#f7f;border-radius:12px;padding:12px 22px;font-weight:600}.employee-task-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px;display:grid}.employee-task-card{background:#fff;border-radius:18px;padding:22px;transition:all .3s;box-shadow:0 5px 20px #00000014}.employee-task-card:hover{transform:translateY(-5px)}.task-card-top{justify-content:space-between;align-items:center;display:flex}.task-card-top h3{color:#111827;margin:0;font-size:20px}.priority{border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600}.high{color:#dc2626;background:#fee2e2}.medium{color:#d97706;background:#fef3c7}.low{color:#16a34a;background:#dcfce7}.description{color:#475569;margin:20px 0;line-height:1.6}.task-info{border-top:1px solid #e5e7eb;justify-content:space-between;padding-top:15px;display:flex}.task-info div{flex-direction:column;gap:5px;display:flex}.task-info label{color:#64748b;font-size:13px}.task-info span{color:#1e293b;font-weight:600}.status{background:#e0f2fe;border-radius:15px;padding:5px 12px;font-size:13px}.complete-btn{color:#fff;cursor:pointer;background:#f7f;border:none;border-radius:10px;width:100%;margin-top:20px;padding:12px;font-weight:600}.complete-btn:hover{background:#f7f}.empty-task{text-align:center;color:#64748b;background:#fff;border-radius:15px;padding:40px}.leave-page{box-sizing:border-box;background:#f6f8fb;width:100%;min-height:100vh;padding:30px}.leave-card{background:0 0;width:100%;max-width:1180px;margin:0 auto}.leave-header{margin-bottom:24px}.leave-header h2{color:#111827;margin:0 0 6px;font-size:24px;font-weight:700;line-height:1.3}.leave-header p{color:#6b7280;margin:0;font-size:13px}.leave-summary{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:18px 20px;transition:all .2s;position:relative;box-shadow:0 2px 8px #0f172a0a}.summary-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0f172a14}.summary-card h5{color:#6b7280;margin:0;font-size:12px;font-weight:600}.summary-card h2{color:#f7f;margin:8px 0 0;font-size:28px;font-weight:700;line-height:1}.summary-card.approved h2{color:#16a34a}.summary-card.pending h2{color:#d97706}.summary-card.rejected h2{color:#dc2626}.leave-card form{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:24px;width:100%;max-width:850px;padding:28px;display:flex;box-shadow:0 2px 10px #0f172a0a}.form-section{width:100%}.section-label{letter-spacing:.4px;text-transform:uppercase;color:#374151;margin-bottom:9px;font-size:11px;font-weight:700;display:block}.section-label span{color:#9ca3af;font-weight:500}.radio-group{flex-wrap:wrap;gap:10px;display:flex}.radio-option{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:7px;align-items:center;gap:8px;min-width:105px;padding:9px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.radio-option:hover{background:#eff6ff;border-color:#93c5fd}.radio-option input{accent-color:#f7f;cursor:pointer;width:14px;height:14px;margin:0}.radio-option input:checked+span{color:#f7f;font-weight:600}.date-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.form-group,.date-input{width:100%}.date-input input{box-sizing:border-box;color:#374151;background:#fff;border:1px solid #dfe3e8;border-radius:7px;outline:none;width:100%;height:42px;padding:0 12px;font-family:inherit;font-size:12px;transition:all .2s}.date-input input:hover{border-color:#cbd5e1}.date-input input:focus{border-color:#f7f;box-shadow:0 0 0 3px #2563eb1a}.leave-card textarea{box-sizing:border-box;color:#374151;resize:vertical;background:#fff;border:1px solid #dfe3e8;border-radius:7px;outline:none;width:100%;min-height:110px;padding:12px;font-family:inherit;font-size:12px;line-height:1.5;transition:all .2s}.leave-card textarea::placeholder{color:#9ca3af}.leave-card textarea:hover{border-color:#cbd5e1}.leave-card textarea:focus{border-color:#f7f;box-shadow:0 0 0 3px #2563eb1a}.file-input{box-sizing:border-box;color:#6b7280;cursor:pointer;background:#fff;border:1px solid #dfe3e8;border-radius:7px;width:100%;padding:9px 10px;font-family:inherit;font-size:12px}.file-input:hover{border-color:#93c5fd}.file-input::file-selector-button{color:#f7f;cursor:pointer;background:#eff6ff;border:0;border-radius:5px;margin-right:10px;padding:7px 12px;font-size:11px;font-weight:600}.form-actions{align-items:center;gap:10px;padding-top:4px;display:flex}.apply-btn{cursor:pointer;border-radius:7px;height:40px;margin-top:25px;padding:0 18px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.cancel-btn{cursor:pointer;border-radius:7px;height:40px;padding:0 18px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.apply-btn{color:#fff;background:#f7f;border:1px solid #9d16c8}.apply-btn:hover{background:#f7f;border-color:#9d16c8;box-shadow:0 4px 12px #2563eb33}.apply-btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.cancel-btn{color:#4b5563;background:#fff;border:1px solid #d1d5db}.cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}.leave-history{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;margin-top:30px;overflow:hidden;box-shadow:0 2px 10px #0f172a0a}.leave-history h3{color:#111827;border-bottom:1px solid #eef0f3;margin:0;padding:20px 22px;font-size:18px;font-weight:700}.leave-history table{border-collapse:collapse;background:#fff;width:100%}.leave-history thead{background:#f8fafc}.leave-history thead th{text-align:left;letter-spacing:.3px;text-transform:uppercase;color:#6b7280;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:13px 16px;font-size:11px;font-weight:700}.leave-history tbody td{color:#374151;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:12px}.leave-history tbody tr{transition:background .15s}.leave-history tbody tr:hover{background:#f8fafc}.leave-history tbody tr:last-child td{border-bottom:none}.status{border-radius:20px;justify-content:center;align-items:center;min-width:75px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.status.pending{color:#c2410c;background:#fff7ed}.status.approved{color:#15803d;background:#ecfdf5}.status.rejected{color:#dc2626;background:#fef2f2}.empty{text-align:center;color:#9ca3af!important;padding:40px 20px!important;font-size:13px!important}@media (width<=992px){.leave-page{padding:24px 20px}.leave-summary{grid-template-columns:repeat(2,1fr)}.leave-card form{max-width:100%}.leave-history{overflow-x:auto}.leave-history table{min-width:850px}}@media (width<=600px){.leave-page{padding:18px 12px}.leave-header{margin-bottom:18px}.leave-header h2{font-size:20px}.leave-header p{font-size:12px}.leave-summary{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.summary-card{padding:14px}.summary-card h5{font-size:11px}.summary-card h2{font-size:23px}.leave-card form{border-radius:10px;gap:20px;padding:18px}.date-grid{grid-template-columns:1fr;gap:16px}.radio-group{grid-template-columns:1fr 1fr;gap:8px;display:grid}.radio-option{min-width:0;padding:9px 10px}.form-actions{flex-direction:column;align-items:stretch}.apply-btn,.cancel-btn{width:100%}.leave-history{margin-top:20px}.leave-history h3{padding:17px;font-size:16px}}@media (width<=400px){.leave-summary,.radio-group{grid-template-columns:1fr}}.notifications-page{background:#f7f8fc;min-height:100vh;padding:25px}.notifications-page h2{margin-bottom:20px}.notification-card{background:#fff;border-left:5px solid #f7f;border-radius:10px;margin-bottom:18px;padding:20px;box-shadow:0 2px 8px #0000000d}.notification-card.unread{background:#faf5ff}.notification-header{justify-content:space-between;margin-bottom:12px;display:flex}.notification-header h3{color:#222;margin:0}.notification-header span{color:#888;font-size:13px}.notification-footer{flex-wrap:wrap;gap:25px;margin-top:18px;font-size:14px;display:flex}.badge{color:#fff;background:#f7f;border-radius:20px;padding:5px 12px}.employee-projects-page{box-sizing:border-box;color:#1f1f1f;background:#f8f9fc;width:100%;min-height:100vh;padding:30px}.employee-projects-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.employee-projects-heading{align-items:center;gap:15px;display:flex}.employee-projects-heading-icon{color:#f7f;background:#fff0ff;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:25px;display:flex}.employee-projects-heading h1{margin:0 0 5px;font-size:27px;font-weight:700}.employee-projects-heading p{color:#777;margin:0;font-size:14px}.employee-projects-count{text-align:center;background:#fff;border:1px solid #eee;border-radius:14px;min-width:80px;padding:12px 18px;box-shadow:0 5px 20px #0000000a}.employee-projects-count span{color:#f7f;font-size:22px;font-weight:700;display:block}.employee-projects-count small{color:#777;font-size:12px}.employee-projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px;display:grid}.employee-project-card{box-sizing:border-box;background:#fff;border:1px solid #eee;border-radius:18px;padding:22px;transition:all .25s;box-shadow:0 5px 20px #0000000a}.employee-project-card:hover{border-color:#f7f;transform:translateY(-3px);box-shadow:0 12px 30px #ff77ff1f}.employee-project-card-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.employee-project-icon{color:#f7f;background:#fff0ff;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;font-size:21px;display:flex}.employee-project-status{white-space:nowrap;border-radius:30px;align-items:center;gap:7px;padding:6px 11px;font-size:12px;font-weight:600;display:inline-flex}.employee-status-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.employee-project-status.not-started{color:#777;background:#f1f1f1}.employee-project-status.in-progress{color:#d84fd8;background:#fff0ff}.employee-project-status.completed{color:#16834b;background:#e9f8f0}.employee-project-status.on-hold{color:#b47a00;background:#fff7df}.employee-project-card h2{color:#222;margin:0 0 10px;font-size:19px;font-weight:700}.employee-project-description{color:#777;min-height:48px;margin:0 0 18px;font-size:13px;line-height:1.6}.employee-project-meta{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.employee-project-meta-item{color:#666;align-items:center;gap:6px;font-size:12px;display:flex}.employee-project-meta-item svg{color:#f7f;font-size:15px}.employee-project-progress-section{margin-bottom:20px}.employee-project-progress-header{color:#555;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.employee-project-progress-header strong{color:#f7f;font-size:14px}.employee-project-progress-bar{background:#eee;border-radius:20px;width:100%;height:8px;overflow:hidden}.employee-project-progress-fill{border-radius:inherit;background:#f7f;height:100%;transition:width .4s}.employee-project-card-footer{border-top:1px solid #eee;justify-content:space-between;align-items:center;gap:12px;padding-top:17px;display:flex}.employee-project-progress-text{color:#777;font-size:12px}.employee-project-completed{color:#16834b;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.employee-project-view{color:#f7f;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:5px 0;font-size:13px;font-weight:600;transition:all .2s;display:flex}.employee-project-view:hover{color:#e052e0;gap:9px}.employee-projects-empty{text-align:center;background:#fff;border:1px solid #eee;border-radius:18px;padding:70px 25px}.employee-projects-empty-icon{color:#f7f;background:#fff0ff;border-radius:18px;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 18px;font-size:30px;display:flex}.employee-projects-empty h3{margin:0 0 8px;font-size:19px}.employee-projects-empty p{color:#777;max-width:450px;margin:auto;font-size:13px;line-height:1.6}.employee-projects-loading{color:#777;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:70vh;display:flex}.employee-projects-spinner{border:3px solid #f0d7f0;border-top-color:#f7f;border-radius:50%;width:35px;height:35px;animation:.8s linear infinite employeeProjectSpin}@keyframes employeeProjectSpin{to{transform:rotate(360deg)}}.employee-project-modal-overlay{z-index:9999;box-sizing:border-box;background:#1414148c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.employee-project-modal{background:#fff;border-radius:20px;width:100%;max-width:650px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 70px #0003}.employee-project-modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:flex-start;gap:15px;padding:22px;display:flex}.employee-project-modal-title{align-items:center;gap:13px;display:flex}.employee-project-modal-icon{color:#f7f;background:#fff0ff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.employee-project-modal-title h2{margin:0 0 8px;font-size:20px}.employee-project-modal-close{color:#555;cursor:pointer;background:#f5f5f5;border:0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.employee-project-modal-close:hover{color:#f7f;background:#fff0ff}.employee-project-modal-body{padding:22px}.employee-project-modal-section{margin-bottom:25px}.employee-project-modal-section h3{margin:0 0 9px;font-size:15px}.employee-project-modal-section p{color:#666;margin:0;font-size:14px;line-height:1.7}.employee-project-modal-info-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px;display:grid}.employee-project-modal-info{border:1px solid #eee;border-radius:13px;align-items:center;gap:10px;padding:14px;display:flex}.employee-project-modal-info>svg{color:#f7f;font-size:19px}.employee-project-modal-info small{color:#888;margin-bottom:3px;font-size:11px;display:block}.employee-project-modal-info strong{color:#222;font-size:13px;display:block}.employee-project-modal-progress{background:#fff8ff;border:1px solid #f5d8f5;border-radius:15px;padding:18px}.employee-project-modal-footer{border-top:1px solid #eee;justify-content:flex-end;padding:17px 22px;display:flex}.employee-project-modal-done{color:#fff;cursor:pointer;background:#f7f;border:0;border-radius:10px;padding:10px 22px;font-size:13px;font-weight:600;transition:all .2s}.employee-project-modal-done:hover{background:#e85ee8}@media (width<=700px){.employee-projects-page{padding:20px 15px}.employee-projects-header{align-items:flex-start}.employee-projects-heading h1{font-size:22px}.employee-projects-count{min-width:60px;padding:10px}.employee-projects-grid,.employee-project-modal-info-grid{grid-template-columns:1fr}}@media (width<=480px){.employee-projects-header{flex-direction:column}.employee-projects-count{align-self:flex-start}.employee-project-card{padding:18px}.employee-project-card-footer{flex-direction:column;align-items:flex-start}.employee-project-view{align-self:flex-end}.employee-project-modal-overlay{padding:10px}.employee-project-modal-header,.employee-project-modal-body{padding:18px}}.employee-account{color:#18131f;background:#f8f7fb;min-height:100vh;padding:32px;font-family:Inter,sans-serif}.employee-account-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.employee-account-eyebrow{color:#f7f;letter-spacing:1.4px;margin-bottom:7px;font-size:11px;font-weight:800;display:block}.employee-account-header h1{letter-spacing:-.8px;margin:0;font-size:32px;font-weight:800}.employee-account-header p{color:#81798b;margin:8px 0 0;font-size:14px}.employee-account-layout{grid-template-columns:245px minmax(0,1fr);align-items:start;gap:24px;display:grid}.employee-account-sidebar{background:#fff;border:1px solid #eee8f4;border-radius:20px;padding:16px;position:sticky;top:24px;box-shadow:0 8px 30px #2e133f0d}.employee-account-user{background:#fbf7fd;border-radius:14px;align-items:center;gap:12px;margin-bottom:14px;padding:12px;display:flex}.employee-account-avatar{color:#fff;background:linear-gradient(135deg,#f7f,#f7f);border-radius:13px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.employee-account-avatar img{object-fit:cover;width:100%;height:100%}.employee-account-user strong{color:#211a27;text-overflow:ellipsis;white-space:nowrap;max-width:135px;font-size:13px;font-weight:700;display:block;overflow:hidden}.employee-account-user span{color:#918898;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;display:block;overflow:hidden}.employee-account-nav{flex-direction:column;gap:5px;display:flex}.employee-account-nav button{color:#766d7e;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;min-height:46px;padding:0 13px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:flex}.employee-account-nav button svg{stroke-width:2px;flex:0 0 18px;width:18px;height:18px}.employee-account-nav button:hover{color:#f7f;background:#faf3fd}.employee-account-nav button.active{color:#f7f;background:linear-gradient(90deg,#f9eaff,#fff);box-shadow:inset 3px 0 #f7f}.employee-account-content,.employee-account-section{min-width:0}.employee-account-section-heading{align-items:center;gap:14px;margin-bottom:20px;display:flex}.employee-account-section-icon{color:#f7f;background:#f7e8fd;border-radius:14px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.employee-account-section-icon svg{width:21px;height:21px}.employee-account-section-heading h2{margin:0;font-size:21px;font-weight:800}.employee-account-section-heading p{color:#8a8290;margin:4px 0 0;font-size:13px}.employee-account-profile-card{background:#fff;border:1px solid #eee8f4;border-radius:20px;align-items:center;gap:20px;margin-bottom:18px;padding:24px;display:flex;box-shadow:0 8px 30px #2e133f0a}.employee-account-profile-photo{color:#fff;background:linear-gradient(135deg,#f7f,#f7f);border-radius:22px;flex:0 0 82px;justify-content:center;align-items:center;width:82px;height:82px;display:flex;overflow:hidden}.employee-account-profile-photo img{object-fit:cover;width:100%;height:100%}.employee-account-profile-photo svg{width:30px;height:30px}.employee-account-profile-main h2{margin:0;font-size:21px}.employee-account-profile-main p{color:#83798b;margin:5px 0 12px;font-size:13px}.employee-account-profile-meta{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.employee-account-profile-meta span{color:#746a7c;align-items:center;gap:6px;font-size:12px;display:flex}.employee-account-profile-meta svg{color:#f7f}.employee-account-card{background:#fff;border:1px solid #eee8f4;border-radius:20px;margin-bottom:18px;padding:22px;box-shadow:0 8px 30px #2e133f0a}.employee-account-card-title{align-items:center;gap:9px;margin-bottom:20px;display:flex}.employee-account-card-title svg{color:#f7f}.employee-account-card-title h3{margin:0;font-size:15px;font-weight:750}.employee-account-grid{background:#f0ebf3;border:1px solid #f0ebf3;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.employee-account-info-item{background:#fff;min-width:0;padding:15px}.employee-account-info-item span{color:#948a9b;margin-bottom:5px;font-size:11px;font-weight:600;display:block}.employee-account-info-item strong{color:#29212e;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;display:block;overflow:hidden}.employee-account-address{background:#fbf9fc;border-radius:14px;margin-top:16px;padding:15px}.employee-account-address span{color:#948a9b;font-size:11px;font-weight:600}.employee-account-address p{color:#302936;margin:6px 0 0;font-size:13px;line-height:1.6}.employee-account-bank-highlight{color:#fff;background:linear-gradient(135deg,#f7f,#f7f);border-radius:20px;align-items:center;gap:16px;margin-bottom:18px;padding:24px;display:flex;box-shadow:0 12px 35px #be27ee2e}.employee-account-bank-icon{background:#ffffff2e;border-radius:17px;flex:0 0 55px;justify-content:center;align-items:center;width:55px;height:55px;display:flex}.employee-account-bank-icon svg{width:25px;height:25px}.employee-account-bank-highlight span{opacity:.8;margin-bottom:4px;font-size:11px;display:block}.employee-account-bank-highlight strong{font-size:18px;display:block}.employee-account-bank-highlight small{opacity:.8;margin-top:4px;font-size:12px;display:block}.employee-account-info-box{color:#6d6274;background:#fcf8fe;border:1px solid #ead9f1;border-radius:15px;align-items:flex-start;gap:12px;padding:16px;display:flex}.employee-account-info-box svg{color:#f7f;flex:0 0 18px;margin-top:2px}.employee-account-info-box strong{color:#382d3e;margin-bottom:3px;font-size:12px;display:block}.employee-account-info-box p{margin:0;font-size:12px;line-height:1.5}.employee-account-payslips{flex-direction:column;gap:10px;display:flex}.employee-account-payslip{background:#fff;border:1px solid #eee8f4;border-radius:17px;align-items:center;gap:15px;padding:17px;transition:all .2s;display:flex}.employee-account-payslip:hover{border-color:#e1c3eb;box-shadow:0 8px 25px #2e133f0d}.employee-account-payslip-icon,.employee-account-document-icon{color:#f7f;background:#f7e9fd;border-radius:12px;flex:0 0 43px;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.employee-account-payslip-info,.employee-account-document-info{flex:1;min-width:0}.employee-account-payslip-info strong,.employee-account-document-info strong{color:#29212e;text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.employee-account-payslip-info span,.employee-account-document-info span{color:#968c9c;margin-top:4px;font-size:11px;display:block}.employee-account-payslip-amount{text-align:right;min-width:130px}.employee-account-payslip-amount span{color:#978d9e;margin-bottom:4px;font-size:10px;display:block}.employee-account-payslip-amount strong{color:#29212e;font-size:13px}.employee-account-download{color:#f7f;background:#f8eafd;border-radius:10px;align-items:center;gap:6px;padding:9px 12px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.employee-account-document-types{flex-wrap:wrap;gap:7px;margin-bottom:17px;display:flex}.employee-account-document-types span{color:#776c7d;background:#fff;border:1px solid #eadcf0;border-radius:20px;padding:7px 10px;font-size:10px;font-weight:650}.employee-account-documents{flex-direction:column;gap:10px;display:flex}.employee-account-document{background:#fff;border:1px solid #eee8f4;border-radius:17px;align-items:center;gap:14px;padding:16px;display:flex}.employee-account-document-actions{align-items:center;gap:6px;display:flex}.employee-account-document-actions a,.employee-account-document-actions button{color:#776c7d;cursor:pointer;background:#f8f5fa;border:0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;display:flex}.employee-account-document-actions a:hover{color:#f7f;background:#f2ddfa}.employee-account-document-actions button:hover{color:#df3c4b;background:#fff0f1}.employee-account-upload-hint{color:#756a7b;background:#fcf8fe;border:1px dashed #dcbce8;border-radius:16px;align-items:flex-start;gap:12px;margin-top:18px;padding:16px;display:flex}.employee-account-upload-hint>svg{color:#f7f;margin-top:2px}.employee-account-upload-hint strong{color:#3a3040;margin-bottom:4px;font-size:12px;display:block}.employee-account-upload-hint p{margin:0;font-size:11px;line-height:1.5}.employee-account-empty{text-align:center;background:#fff;border:1px dashed #dfd2e5;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:30px;display:flex}.employee-account-empty-icon{color:#f7f;background:#f7e8fd;border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:14px;display:flex}.employee-account-empty-icon svg{width:25px;height:25px}.employee-account-empty h3{margin:0;font-size:15px}.employee-account-empty p{color:#8b8292;max-width:420px;margin:7px 0 0;font-size:12px;line-height:1.5}.employee-account-primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f7f,#f7f);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-family:inherit;font-size:12px;font-weight:750;display:inline-flex;box-shadow:0 7px 20px #be27ee33}.employee-account-primary-btn:hover{transform:translateY(-1px)}.employee-account-primary-btn:disabled{cursor:not-allowed;opacity:.6}.employee-account-error{color:#c23847;background:#fff7f8;border:1px solid #f0cdd1;border-radius:12px;align-items:center;gap:9px;margin-bottom:18px;padding:12px 14px;font-size:12px;display:flex}.employee-account-error button{color:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto}.employee-account-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#180f1e80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.employee-account-modal{background:#fff;border-radius:22px;width:100%;max-width:500px;padding:24px;box-shadow:0 25px 80px #140a1933}.employee-account-modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.employee-account-modal-header h2{margin:0;font-size:21px}.employee-account-close{color:#776c7d;cursor:pointer;background:#f7f4f8;border:0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.employee-account-form-group{margin-bottom:17px}.employee-account-form-group label{color:#403646;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.employee-account-form-group input[type=text],.employee-account-form-group select{box-sizing:border-box;color:#302735;background:#fff;border:1px solid #e5dce8;border-radius:11px;outline:none;width:100%;height:44px;padding:0 13px;font-family:inherit;font-size:12px}.employee-account-form-group input:focus,.employee-account-form-group select:focus{border-color:#f7f;box-shadow:0 0 0 3px #be27ee14}.employee-account-file-input{cursor:pointer;background:#fcf8fe;border:1px dashed #d9b8e5;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:90px;color:#8b7f91!important;display:flex!important}.employee-account-file-input svg{color:#f7f;width:22px;height:22px}.employee-account-file-input input{display:none}.employee-account-modal-actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.employee-account-cancel-btn{color:#716676;cursor:pointer;background:#fff;border:1px solid #e5dce8;border-radius:12px;min-height:42px;padding:0 16px;font-family:inherit;font-size:12px;font-weight:650}.employee-account-loading{color:#827888;flex-direction:column;justify-content:center;align-items:center;min-height:500px;display:flex}.employee-account-spinner{border:3px solid #ead9f0;border-top-color:#f7f;border-radius:50%;width:30px;height:30px;margin-bottom:12px;animation:.8s linear infinite employeeAccountSpin}.employee-account-loading p{margin:0;font-size:12px}@keyframes employeeAccountSpin{to{transform:rotate(360deg)}}@media (width<=900px){.employee-account{padding:22px}.employee-account-layout{grid-template-columns:1fr}.employee-account-sidebar{position:static}.employee-account-nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (width<=650px){.employee-account{padding:16px}.employee-account-header{flex-direction:column;align-items:flex-start}.employee-account-header h1{font-size:27px}.employee-account-primary-btn{width:100%}.employee-account-nav{grid-template-columns:1fr}.employee-account-profile-card{flex-direction:column;align-items:flex-start}.employee-account-grid{grid-template-columns:1fr}.employee-account-payslip{flex-wrap:wrap;align-items:flex-start}.employee-account-payslip-amount{text-align:left;min-width:0}.employee-account-download{justify-content:center;width:100%}.employee-account-document{align-items:flex-start}.employee-account-document-actions{flex-direction:column}.employee-account-modal{padding:19px}}.employee-account-profile-heading{align-items:center;display:flex}.employee-account-heading-content{flex:1}.employee-account-edit-btn{color:#f7f;cursor:pointer;background:#fff;border:1px solid #e5d4eb;border-radius:11px;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.employee-account-edit-btn:hover{background:#fbf2fe;border-color:#f7f}.employee-account-edit-form{width:100%}.employee-account-edit-grid{background:0 0;border:0;gap:15px;margin-top:4px}.employee-account-edit-field{flex-direction:column;gap:7px;display:flex}.employee-account-edit-field label,.employee-account-edit-full label{color:#514656;font-size:11px;font-weight:700}.employee-account-edit-field input,.employee-account-edit-field select,.employee-account-edit-full textarea{box-sizing:border-box;color:#302735;background:#fff;border:1px solid #e4dbe8;border-radius:11px;outline:none;width:100%;font-family:inherit;font-size:12px;transition:all .2s}.employee-account-edit-field input,.employee-account-edit-field select{height:43px;padding:0 12px}.employee-account-edit-full{margin-top:16px}.employee-account-edit-full textarea{resize:vertical;min-height:90px;margin-top:7px;padding:12px;display:block}.employee-account-edit-field input:focus,.employee-account-edit-field select:focus,.employee-account-edit-full textarea:focus{border-color:#f7f;box-shadow:0 0 0 3px #be27ee14}.employee-account-edit-photo{border-bottom:1px solid #f0eaf3;align-items:center;gap:18px;margin-bottom:22px;padding-bottom:20px;display:flex}.employee-account-photo-btn{color:#f7f;cursor:pointer;background:#fff;border:1px solid #e3d5e8;border-radius:10px;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-size:11px;font-weight:700;display:inline-flex}.employee-account-photo-btn:hover{background:#fbf3fe}.employee-account-photo-btn input{display:none}.employee-account-edit-actions{justify-content:flex-end;gap:9px;margin-top:18px;display:flex}.employee-account-success{color:#21834b;background:#f5fff8;border:1px solid #cdebd9;border-radius:12px;align-items:center;gap:9px;margin-bottom:18px;padding:12px 14px;font-size:12px;display:flex}.employee-account-success button{color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin-left:auto;display:flex}@media (width<=650px){.employee-account-profile-heading{flex-wrap:wrap;align-items:flex-start}.employee-account-edit-btn{justify-content:center;width:100%}.employee-account-edit-photo{flex-direction:column;align-items:flex-start}.employee-account-edit-actions{flex-direction:column-reverse}.employee-account-edit-actions button{width:100%}}