@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
:root{--primary-color:#4f9735;--primary-hover:#3d7a28;--secondary-color:#f40000;--background-color:#fff;--surface-color:#f5f7fa;--text-color:#333;--text-light:#666;--border-color:#e0e0e0;--success-color:#00c853;--error-color:#ff3d00;--white:#fff;--glass-bg:#fffc;--glass-border:#ffffff4d;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:var(--font-sans);background-color:var(--background-color);color:var(--text-color);overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{border-radius:var(--radius-md);border:none;outline:none;justify-content:center;align-items:center;padding:10px 20px;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{background-color:var(--primary-color);color:var(--white)}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:var(--secondary-color);color:var(--white)}.btn-outline{border:2px solid var(--primary-color);color:var(--primary-color);background-color:#0000}.btn-outline:hover{background-color:var(--primary-color);color:var(--white)}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);padding:24px}.input-group{margin-bottom:16px}.input-label{color:var(--text-color);margin-bottom:8px;font-weight:500;display:block}.input-field{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;padding:12px;font-size:16px;transition:border-color .3s}.input-field:focus{border-color:var(--primary-color);outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.animate-slide-left{animation:.5s ease-out forwards slideInLeft}.animate-slide-right{animation:.5s ease-out forwards slideInRight}.animate-pulse{animation:2s ease-in-out infinite pulse}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:.3s ease-out forwards scaleIn}@keyframes printing{0%{transform:translate(-10px)}50%{transform:translate(10px)}to{transform:translate(-10px)}}.printer-animation{animation:2s ease-in-out infinite printing;display:inline-block}html{scroll-behavior:smooth}.loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/1000px 100%;animation:2s infinite shimmer}.hover-lift{transition:transform .3s,box-shadow .3s}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.app-container{max-width:600px;min-height:calc(100vh - 70px);margin:0 auto;padding:20px 15px 40px;position:relative}.bottom-action-bar{z-index:100;border-top:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;gap:15px;padding:15px 20px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 10px #0000000d}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #0000000d;background:#fffc!important}.whatsapp-float{color:#fff;z-index:1000;background-color:#25d366;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);animation:2s infinite whatsapp-pulse;display:flex;position:fixed;bottom:25px;right:20px;box-shadow:0 6px 16px #25d36666}.whatsapp-float:hover{transform:scale(1.1)rotate(5deg);box-shadow:0 8px 24px #25d36680}@keyframes whatsapp-pulse{0%{box-shadow:0 0 #25d36666}70%{box-shadow:0 0 0 15px #25d36600}to{box-shadow:0 0 #25d36600}}.hero-stats{border-radius:var(--radius-lg);background:#f0fdf4;border:1px solid #4f97351a;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:30px;padding:15px;display:grid}.stat-item{text-align:center;padding:10px}.stat-value{color:var(--primary-color);font-size:18px;font-weight:800;display:block}.stat-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.price-card-premium{border:1px solid var(--border-color);background:#fff;border-radius:20px;padding:20px;transition:all .3s}.price-card-premium:hover{border-color:var(--primary-color);transform:translateY(-5px);box-shadow:0 10px 25px #0000000d}.step-indicator{justify-content:center;align-items:center;gap:10px;margin-bottom:30px;display:flex}.step-dot{background:var(--border-color);border-radius:50%;width:10px;height:10px;transition:all .3s}.step-dot.active{background:var(--primary-color);border-radius:5px;width:25px}.modern-card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);margin-bottom:20px;padding:24px}.pill-group{scrollbar-width:none;gap:10px;padding-bottom:5px;display:flex;overflow-x:auto}.pill-group::-webkit-scrollbar{display:none}.pill{background:var(--surface-color);border:1px solid var(--border-color);white-space:nowrap;cursor:pointer;border-radius:30px;padding:10px 20px;font-weight:500;transition:all .2s}.pill.active{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.hero-gradient{background:linear-gradient(#f0fdf4 0%,#fff 100%)}.floating-label-input{margin-top:10px;position:relative}.quick-action-grid{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:20px;display:grid}.quick-action-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border-color);text-align:center;cursor:pointer;padding:20px;transition:all .2s}.quick-action-card:hover{border-color:var(--primary-color);background:#f0fdf4}.price-summary{justify-content:space-between;align-items:center;width:100%;display:flex}.price-total{color:var(--secondary-color);font-size:24px;font-weight:800}.customize-layout{flex-direction:column;gap:20px;display:flex}@media (max-width:768px){.customize-settings-side{margin-bottom:40px}}@media (min-width:1024px){.customize-layout{flex-direction:row;align-items:flex-start}.customize-preview-side{flex:1;position:sticky;top:90px}.customize-settings-side{width:400px}}.settings-grid{grid-template-columns:1fr;gap:15px;display:grid}.setting-row{background:var(--surface-color);border-radius:var(--radius-lg);border:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.setting-info{flex-direction:column;display:flex}.setting-title{color:var(--secondary-color);font-size:14px;font-weight:600}.setting-desc{color:var(--text-light);font-size:11px}.counter-control{background:var(--white);border:1px solid var(--border-color);border-radius:30px;align-items:center;gap:15px;padding:5px;display:flex}.counter-btn{background:var(--primary-color);width:32px;height:32px;color:var(--white);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-weight:700;transition:opacity .2s;display:flex}.counter-btn:disabled{opacity:.3;cursor:not-allowed}.counter-value{text-align:center;min-width:20px;font-weight:700}.segmented-control{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:4px;display:flex}.segment-btn{color:var(--text-light);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s}.segment-btn.active{background:var(--white);color:var(--primary-color);box-shadow:var(--shadow-sm)}.compact-preview{background:var(--white);box-shadow:var(--shadow-md);border:1px solid var(--border-color);aspect-ratio:1/1.414;border-radius:20px;max-width:320px;margin:0 auto;position:relative;overflow:hidden}@media (min-width:1024px){.compact-preview{max-width:550px}}.page-nav-overlay{pointer-events:none;justify-content:space-between;align-items:center;padding:0 10px;display:flex;position:absolute;inset:0}.nav-hint-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border-color);pointer-events:auto;cursor:pointer;width:36px;height:36px;color:var(--secondary-color);background:#fffc;border-radius:50%;justify-content:center;align-items:center;display:flex}.navbar{background:var(--white);box-shadow:var(--shadow-sm);z-index:100;padding:15px 0;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;transition:opacity .2s;display:flex}.logo:hover{opacity:.85}.logo-icon{font-size:28px}.nav-links{align-items:center;gap:30px;display:flex}.nav-link{color:var(--text-color);font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--primary-color)}.nav-actions{align-items:center;gap:10px;display:flex}.mobile-menu-btn{cursor:pointer;color:var(--text-color);background:0 0;border:none;font-size:24px;display:none}.footer{color:var(--white);background:#000;margin-top:auto;padding:60px 0 20px}@media (max-width:768px){.footer{display:none}}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px;display:grid}.footer-brand h3{color:var(--primary-color);margin-bottom:15px;font-size:24px}.footer-brand p{color:#ccc;line-height:1.6}.footer-links h4,.footer-contact h4{color:var(--primary-color);margin-bottom:20px;font-size:18px}.footer-links{flex-direction:column;display:flex}.footer-links a{color:#ccc;margin-bottom:10px;text-decoration:none;transition:color .2s;display:block}.footer-links a:hover{color:var(--primary-color)}.footer-contact p{color:#ccc;margin-bottom:10px}.footer-bottom{text-align:center;color:#888;border-top:1px solid #333;padding-top:20px;font-size:14px}@media (max-width:768px){.nav-links{background:var(--white);box-shadow:var(--shadow-md);text-align:center;flex-direction:column;gap:15px;padding:20px;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.open{display:flex}.nav-actions{display:none}.mobile-menu-btn{display:block}.footer-content{text-align:center;grid-template-columns:1fr;gap:30px}.footer-links{align-items:center}}@media (max-width:480px){.navbar-container{padding:0 15px}.logo{font-size:20px}.logo-icon{font-size:24px}.footer{padding:40px 0 20px}}.sidebar{background:var(--white);border-right:1px solid var(--border-color);z-index:1000;flex-direction:column;width:260px;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-header{border-bottom:1px solid var(--border-color);padding:20px}.logo{color:var(--primary-color);align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.logo:hover{color:var(--primary-hover)}.sidebar-menu{flex:1;padding:20px 10px;overflow-y:auto}.menu-group{margin-bottom:20px}.menu-title{text-transform:uppercase;color:var(--text-light);letter-spacing:.5px;margin-bottom:10px;padding-left:10px;font-size:12px;font-weight:600}.menu-item{color:var(--text-color);border-radius:var(--radius-md);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;margin-bottom:5px;padding:12px 15px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.menu-item:hover{background-color:var(--surface-color);color:var(--primary-color);transform:translate(2px)}.menu-item.active{color:var(--primary-color);background-color:#00c8531a;font-weight:600}.sidebar-footer{border-top:1px solid var(--border-color);padding:20px}.logout-btn{color:var(--error-color)}.logout-btn:hover{color:var(--error-color);background-color:#ff3d001a}.main-content{min-height:100vh;margin-left:260px}@media (max-width:768px){.sidebar{transition:transform .3s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-track{background:var(--surface-color)}.sidebar-menu::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.hero{background:linear-gradient(135deg,#f5f7fa 0%,#fff 100%);padding:80px 0}.hero-container{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.hero-content h1{color:var(--secondary-color);margin-bottom:20px;font-size:48px;line-height:1.2}.highlight{color:var(--primary-color)}.hero-content p{color:var(--text-light);margin-bottom:30px;font-size:18px;line-height:1.6}.btn-lg{padding:15px 30px;font-size:18px;font-weight:600}.upload-box{background:var(--white);border:2px dashed var(--primary-color);border-radius:var(--radius-lg);text-align:center;cursor:pointer;padding:60px 40px;transition:all .3s;position:relative}.upload-box:hover,.upload-box.active{border-color:var(--primary-hover);box-shadow:var(--shadow-lg);background:#f0fdf4;transform:translateY(-2px)}.upload-box .upload-icon{margin-bottom:20px;font-size:48px}.file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.section{padding:80px 0}.bg-light{background-color:var(--surface-color)}.section-header{text-align:center;margin-bottom:60px}.section-header h2{color:var(--secondary-color);margin-bottom:15px;font-size:36px}.section-header p{color:var(--text-light);max-width:600px;margin:0 auto;font-size:18px}.about-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.about-card{background:var(--white);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);padding:30px;transition:transform .3s}.about-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.about-card .icon{margin-bottom:20px;font-size:40px}.about-card h3{color:var(--secondary-color);margin-bottom:15px;font-size:20px}.about-card p{color:var(--text-light);line-height:1.6}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;display:grid}.card-item{text-align:center}.card-preview{border-radius:var(--radius-md);background:#eee linear-gradient(45deg,#f3f4f6 25%,#e5e7eb 25% 50%,#f3f4f6 50% 75%,#e5e7eb 75% 100%) 0 0/20px 20px;height:140px;margin-bottom:15px;transition:transform .3s}.card-item:hover .card-preview{transform:scale(1.05)}.card-item h4{color:var(--secondary-color);font-size:16px}.contact-form{max-width:600px;margin:0 auto}@media (max-width:768px){.hero-container{text-align:center;grid-template-columns:1fr;gap:40px}.hero-content h1{font-size:36px}.hero-content p{font-size:16px}.upload-box{padding:40px 20px}.section{padding:60px 0}.section-header h2{font-size:28px}.about-grid{grid-template-columns:1fr;gap:20px}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}}@media (max-width:480px){.hero{padding:60px 0}.hero-content h1{font-size:32px}.btn-lg{width:100%;padding:12px 24px;font-size:16px}.section{padding:40px 0}}.dashboard-layout{background-color:var(--surface-color);min-height:100vh}.sidebar-wrapper{z-index:50;flex-shrink:0;width:260px;position:relative}.main-content{flex-direction:column;flex:1;width:calc(100% - 260px);display:flex}.dashboard-header{background:var(--primary-color);height:70px;color:var(--white);box-shadow:var(--shadow-sm);z-index:40;justify-content:space-between;align-items:center;padding:0 30px;display:flex;position:sticky;top:0}.mobile-menu-btn{color:var(--white);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:5px;font-size:24px;transition:background-color .2s;display:none}.mobile-menu-btn:hover{background:#ffffff1a}.header-left{align-items:center;display:flex}.header-right{align-items:center;gap:20px;display:flex}.wallet-balance{background:#fff3;border-radius:20px;align-items:center;gap:5px;padding:8px 16px;font-size:14px;font-weight:500;display:flex}.user-profile{cursor:pointer;border-radius:20px;align-items:center;gap:10px;padding:5px 10px;transition:background .2s;display:flex}.user-profile:hover{background:#ffffff1a}.user-name{font-size:14px;font-weight:500}.avatar{background:var(--white);width:36px;height:36px;color:var(--primary-color);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.page-content{flex:1;padding:30px;overflow-y:auto}.page-title{color:var(--secondary-color);margin-bottom:30px;font-size:28px;font-weight:700}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px;display:grid}.stat-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);padding:24px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card h3{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:14px;font-weight:500}.stat-card .value{color:var(--primary-color);font-size:32px;font-weight:700}.section-title{color:var(--secondary-color);margin-bottom:20px;font-size:22px;font-weight:600}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.action-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);color:var(--text-color);text-align:center;flex-direction:column;align-items:center;gap:15px;padding:30px 20px;text-decoration:none;transition:all .3s;display:flex}.action-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);color:var(--text-color);transform:translateY(-5px)}.action-card .icon{margin-bottom:10px;font-size:40px}.action-card span:last-child{font-size:16px;font-weight:600}@media (max-width:768px){.sidebar-wrapper{background:var(--white);height:100vh;box-shadow:var(--shadow-lg);z-index:1000;transition:left .3s;position:fixed;top:0;left:-260px}.sidebar-wrapper.open{left:0}.main-content{width:100%}.mobile-menu-btn{display:block}.dashboard-header{height:60px;padding:0 15px}.user-name,.wallet-balance span:first-child{display:none}.wallet-balance{padding:6px 12px;font-size:13px}.page-content{padding:20px 15px}.stats-grid{grid-template-columns:1fr;gap:15px}.stat-card{padding:20px}.stat-card .value{font-size:28px}.actions-grid{grid-template-columns:1fr;gap:15px}.action-card{padding:25px 15px}.page-title{margin-bottom:20px;font-size:24px}.section-title{font-size:20px}}@media (max-width:480px){.header-right{gap:10px}.wallet-balance{padding:5px 10px;font-size:12px}.avatar{width:32px;height:32px;font-size:14px}}.sidebar-overlay{z-index:999;background:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.open{display:block}.create-card-page .page-title{margin-bottom:20px}.card-tabs{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.tab-btn{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);cursor:pointer;padding:10px 25px;font-weight:600;transition:all .2s}.tab-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.tab-btn.active{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.content-grid{grid-template-columns:2fr 1fr;gap:30px;display:grid}.options-group{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.checkbox-label{cursor:pointer;align-items:center;gap:10px;font-weight:500;display:flex}.upload-area{border-radius:var(--radius-lg);text-align:center;background:#f9fafb;border:2px dashed #ccc;margin-bottom:20px;padding:40px;transition:border-color .3s;position:relative}.upload-area:hover{border-color:var(--primary-color)}.upload-content .upload-icon{color:var(--primary-color);margin-bottom:15px;font-size:40px}.hidden-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.form-footer{margin-top:20px}.action-buttons{gap:15px;margin-top:20px;display:flex}.notes-section{border-radius:var(--radius-md);color:#856404;background:#fff3cd;border:1px solid #ffeeba;height:fit-content;padding:20px}.notes-section h3{color:#856404;margin-bottom:10px}.notes-section ul{padding-left:20px}.notes-section li{margin-bottom:10px;font-size:14px;line-height:1.5}.crop-page .page-title{color:var(--secondary-color);margin-bottom:10px}.page-description{color:var(--text-light);margin-bottom:30px;font-size:16px}.card-selection{margin-bottom:30px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;display:grid}.card-type-btn{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:10px;padding:20px;transition:all .3s;display:flex}.card-type-btn:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-3px)}.card-type-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.card-icon{font-size:32px}.card-label{font-size:14px;font-weight:600}.upload-section{margin-bottom:30px}.upload-area .upload-icon{color:var(--primary-color);margin-bottom:15px;font-size:48px}.upload-area h3{color:var(--secondary-color);margin-bottom:10px}.upload-area p{color:var(--text-light);margin-bottom:20px}.crop-info{background:var(--surface-color);border-radius:var(--radius-md);margin-bottom:20px;padding:20px}.crop-info h4{color:var(--secondary-color);margin-bottom:15px}.setting-item{margin-bottom:15px}.setting-item:last-child{margin-bottom:0}.setting-item label{color:var(--text-color);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.empty-state{text-align:center;background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:60px 20px}.empty-icon{margin-bottom:20px;font-size:64px}.empty-state h3{color:var(--secondary-color);margin-bottom:10px}.empty-state p{color:var(--text-light)}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.filter-buttons{gap:10px;display:flex}.filter-btn{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;padding:8px 16px;font-weight:500;transition:all .2s}.filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.filter-btn.active{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.history-list{flex-direction:column;gap:15px;display:flex}.history-item{grid-template-columns:auto 1fr auto auto;align-items:center;gap:20px;padding:20px;transition:transform .2s;display:grid}.history-item:hover{transform:translate(5px)}.item-icon{font-size:32px}.item-details h3{color:var(--secondary-color);margin-bottom:5px;font-size:16px}.file-name{color:var(--text-light);margin-bottom:3px;font-size:14px}.date{color:var(--text-light);font-size:13px}.status-badge{border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600}.status-badge.completed{color:#155724;background:#d4edda}.status-badge.failed{color:#721c24;background:#f8d7da}.item-actions{gap:10px;display:flex}.btn-sm{padding:6px 12px;font-size:14px}.passport-page{max-width:900px}.size-selector{margin-bottom:30px}.size-options{flex-wrap:wrap;gap:15px;display:flex}.size-btn{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;padding:12px 24px;font-weight:600;transition:all .2s}.size-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.size-btn.active{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.photo-info{background:var(--surface-color);border-radius:var(--radius-md);margin-bottom:20px;padding:20px}.info-item{justify-content:space-between;margin-bottom:10px;font-size:15px;display:flex}.info-item:last-child{margin-bottom:0}.info-item .label{color:var(--text-light)}.info-item .value{color:var(--primary-color);font-weight:600}.history-section{margin-top:40px}.history-grid{gap:20px;display:grid}.history-card{background:var(--white);border-radius:var(--radius-md);border:1px solid var(--border-color);align-items:center;gap:15px;padding:20px;display:flex}.history-icon{font-size:32px}.history-info h4{color:var(--secondary-color);margin-bottom:5px}.history-info p{color:var(--text-light);font-size:14px}.processing-overlay{z-index:9999;color:#fff;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.processing-spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.processing-overlay p{font-size:18px;font-weight:500}.message{border-radius:var(--radius-md);margin-bottom:20px;padding:15px 20px;font-weight:500}.message.success{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.message.error{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}.message.info{color:#0c5460;background:#d1ecf1;border:1px solid #bee5eb}.preview-section{text-align:center;margin:20px 0}.preview-section h4{color:var(--secondary-color);margin-bottom:15px}.preview-image{border-radius:var(--radius-md);border:2px solid var(--border-color);object-fit:contain;max-width:300px;max-height:300px}.result-section{margin-top:30px;padding:30px}.result-preview{text-align:center;margin:20px 0}.result-image{border-radius:var(--radius-md);border:2px solid var(--border-color);max-width:100%;box-shadow:0 4px 6px #0000001a}.info-section{margin-top:30px;padding:25px}.info-list{padding:0;list-style:none}.info-list li{color:var(--text-color);padding:10px 0 10px 25px;position:relative}.info-list li:before{content:"✓";color:var(--primary-color);font-weight:700;position:absolute;left:0}.hidden-input{display:none}.profile-grid{grid-template-columns:350px 1fr;gap:30px;margin-bottom:30px;display:grid}.profile-header{text-align:center;border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:20px}.avatar-large{background:var(--primary-color);width:100px;height:100px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 15px;font-size:40px;font-weight:700;display:flex}.profile-header h3{color:var(--secondary-color);margin-bottom:5px}.user-email{color:var(--text-light);font-size:14px}.profile-stats{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.stat-item{text-align:center;background:var(--surface-color);border-radius:var(--radius-md);padding:15px}.stat-value{color:var(--primary-color);margin-bottom:5px;font-size:24px;font-weight:700}.stat-label{color:var(--text-light);font-size:12px}.form-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.form-header h3{color:var(--secondary-color);margin:0}.full-width{width:100%;margin-top:10px}.security-section{margin-top:30px}.security-section h3{color:var(--secondary-color);margin-bottom:20px}.security-options{flex-direction:column;gap:20px;display:flex}.security-item{background:var(--surface-color);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:20px;display:flex}.security-item h4{color:var(--secondary-color);margin-bottom:5px;font-size:16px}.security-item p{color:var(--text-light);font-size:14px}.wallet-page{max-width:600px}.amount-input-wrapper{position:relative}.clear-btn{cursor:pointer;color:#999;background:0 0;border:none;padding:5px;font-size:16px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.clear-btn:hover{color:var(--error-color)}.presets{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.preset-btn{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;padding:8px 15px;font-size:14px;transition:all .2s}.preset-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.summary-section{background:var(--surface-color);border-radius:var(--radius-md);margin-bottom:20px;padding:15px}.summary-row{justify-content:space-between;margin-bottom:10px;font-size:14px;display:flex}.summary-row.total{color:var(--secondary-color);border-top:1px solid #ddd;margin-top:10px;padding-top:10px;font-size:18px;font-weight:700}@media (max-width:1024px){.content-grid,.profile-grid{grid-template-columns:1fr}}@media (max-width:768px){.history-item{grid-template-columns:auto 1fr;gap:15px}.item-status,.item-actions{grid-column:2}.page-header{flex-direction:column;align-items:flex-start}.filter-buttons{justify-content:center;width:100%}.card-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.size-options{justify-content:center}.upload-area{padding:30px 20px}.security-item{text-align:center;flex-direction:column;gap:15px}.action-buttons{flex-direction:column}.action-buttons .btn{width:100%}}@media (max-width:480px){.tab-btn{padding:8px 16px;font-size:14px}.card-type-btn{padding:15px 10px}.presets{justify-content:center}.preset-btn{text-align:center;flex:1;min-width:80px}}.efarmer-uploads{grid-template-columns:repeat(2,1fr);gap:25px;margin-bottom:20px;display:grid}.upload-section-wrapper{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:20px}.upload-section-title{color:var(--secondary-color);align-items:center;gap:10px;margin-bottom:15px;font-size:16px;font-weight:600;display:flex}.required-badge{background:var(--primary-color);width:24px;height:24px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.upload-hint{color:var(--text-light);margin-bottom:15px;font-size:14px;font-style:italic}.efarmer-uploads .upload-area{margin-bottom:0}.upload-area.dragging{border-color:var(--primary-color);background:#00c85314;transform:scale(1.02)}.upload-error{color:#dc3545;margin-top:8px;font-size:13px;font-weight:500}@media (max-width:768px){.efarmer-uploads{grid-template-columns:1fr;gap:20px}.upload-section-wrapper{padding:15px}}.message{text-align:center;border-radius:4px;margin:10px 0;padding:10px}.message.success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}.message.error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.btn:disabled{opacity:.6;cursor:not-allowed}.required-badge{color:#fff;background-color:#e53e3e;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-right:8px;font-size:12px;display:inline-flex}.progress-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;animation:.3s progressFadeIn;display:flex;position:fixed;inset:0}.progress-modal{text-align:center;background:#fff;border-radius:24px;width:90%;max-width:450px;padding:48px;animation:.4s progressScaleIn;box-shadow:0 25px 50px #0000004d}.progress-icon{margin-bottom:20px;font-size:64px;animation:1s infinite progressBounce}.progress-modal h3{color:#1a1a1a;margin-bottom:8px;font-size:22px}.progress-modal p{color:#666;margin-bottom:24px;font-size:14px}.progress-bar-container{background:#e0e0e0;border-radius:10px;height:12px;margin-bottom:12px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#00c853,#00e676,#69f0ae) 0 0/200% 100%;border-radius:10px;height:100%;transition:width .1s linear;animation:1.5s infinite shimmerProgress}.progress-percentage{color:#00c853;font-size:18px;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#000c;justify-content:center;align-items:center;padding:20px;animation:.3s progressFadeIn;display:flex;position:fixed;inset:0}.modal-content{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border-radius:24px;width:100%;max-width:600px;max-height:90vh;padding:32px;animation:.4s modalSlideUp;position:relative;overflow-y:auto;box-shadow:0 30px 60px #0000004d}.modal-close{cursor:pointer;background:#f0f0f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{background:#e0e0e0;transform:rotate(90deg)}.modal-header{text-align:center;margin-bottom:24px}.modal-header h2{color:#1a1a1a;margin-bottom:8px;font-size:24px}.modal-header p{color:#666;font-size:14px}.flip-card-container{perspective:1000px;margin:24px auto}.flip-card{cursor:pointer;width:100%;max-width:420px;height:280px;transform-style:preserve-3d;margin:0 auto;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);position:relative}.flip-card.flipped{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;border-radius:16px;width:100%;height:100%;position:absolute;overflow:hidden}.flip-card-back{transform:rotateY(180deg)}.card-design{color:#fff;background:linear-gradient(135deg,#1a5f3c 0%,#2d8a5e 50%,#1a5f3c 100%);flex-direction:column;width:100%;height:100%;padding:16px;display:flex;position:relative;overflow:hidden}.card-design:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.card-design.back{background:linear-gradient(135deg,#2d8a5e 0%,#1a5f3c 50%,#2d8a5e 100%)}.card-header-design{border-bottom:1px solid #ffffff4d;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:8px;display:flex}.govt-emblem{font-size:32px}.card-title-design{flex:1}.govt-text{opacity:.9;font-size:10px;display:block}.card-title-design h3{margin:0;font-size:16px;font-weight:700}.card-body-design{flex:1;gap:16px;display:flex}.back-content{flex-direction:column;gap:8px}.photo-placeholder{background:#fff3;border:2px dashed #fff6;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:80px;height:100px;display:flex}.photo-placeholder span{font-size:28px}.photo-placeholder small{opacity:.8;font-size:10px}.card-details{flex-direction:column;flex:1;gap:6px;display:flex}.detail-row{flex-direction:column;gap:2px;display:flex}.detail-row .label{opacity:.8;text-transform:uppercase;letter-spacing:.5px;font-size:9px}.detail-row .value{font-size:13px;font-weight:600}.detail-row .value.highlight{color:gold;letter-spacing:1px;font-size:16px}.detail-row .value.address{font-size:11px;line-height:1.4}.card-number-row{margin-top:auto}.card-footer-design{border-top:1px solid #fff3;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;display:flex}.qr-placeholder{font-size:32px}.click-hint{opacity:.7;font-size:11px;animation:2s infinite clickHintPulse}.barcode-placeholder{text-align:center;margin-top:auto}.barcode-lines{justify-content:center;gap:2px;margin-bottom:4px;display:flex}.barcode-line{background:#fff;border-radius:1px;width:2px}.barcode-placeholder span{letter-spacing:2px;font-size:10px}.modal-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.modal-actions .btn{min-width:140px}@keyframes progressFadeIn{0%{opacity:0}to{opacity:1}}@keyframes progressScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes progressBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmerProgress{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes clickHintPulse{0%,to{opacity:.7}50%{opacity:1}}@media (max-width:600px){.modal-content{padding:20px}.flip-card{height:240px}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}.flip-card.efarmer-card{max-width:480px;height:380px}.card-design.efarmer-design{background:linear-gradient(135deg,#1e4d2b 0%,#2e7d32 30%,#1b5e20 60%,#2e7d32 100%)}.card-design.efarmer-design:before{background:radial-gradient(circle at 30% 30%,#ffffff26 0%,#0000 50%)}.card-design.efarmer-design.back{background:linear-gradient(135deg,#2e7d32 0%,#1b5e20 50%,#2e7d32 100%)}.efarmer-details{flex-direction:column;flex:1;gap:8px;width:100%;display:flex}.efarmer-details .detail-row{background:#ffffff14;border-radius:6px;justify-content:space-between;align-items:flex-start;padding:4px 8px;display:flex}.efarmer-details .detail-row .label{opacity:.85;text-transform:uppercase;letter-spacing:.5px;min-width:100px;font-size:10px;font-weight:500}.efarmer-details .detail-row .value{text-align:right;flex:1;font-size:12px;font-weight:600}.efarmer-details .detail-row .value.farmer-name{color:gold;font-size:14px}.efarmer-details .detail-row .value.farmer-id{color:gold;letter-spacing:1px;font-family:Consolas,Monaco,monospace;font-size:13px}.efarmer-details .detail-row .value.status-badge.active{color:#a5d6a7;background:#4caf504d;border:1px solid #4caf5080;border-radius:12px;padding:2px 8px;font-size:11px}.efarmer-details .detail-row .value.address{font-size:11px;line-height:1.3}.efarmer-back-content{flex-direction:column;gap:12px;width:100%;display:flex}.land-ownership-section{flex:1}.land-ownership-table{border-collapse:collapse;background:#ffffff1a;border-radius:8px;width:100%;font-size:10px;overflow:hidden}.land-ownership-table thead{background:#fff3}.land-ownership-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #ffffff4d;padding:8px 6px;font-size:9px;font-weight:600}.land-ownership-table td{border-bottom:1px solid #ffffff1a;padding:8px 6px;font-size:10px}.land-ownership-table tbody tr:last-child td{border-bottom:none}.land-ownership-table tbody tr:hover{background:#ffffff0d}.efarmer-footer-info{border-top:1px solid #fff3;margin-top:auto;padding-top:8px}.efarmer-footer-info .issued-by{opacity:.8;text-align:center;margin:0;font-size:9px;font-style:italic}@media (max-width:600px){.flip-card.efarmer-card{height:420px}.efarmer-details .detail-row{flex-direction:column;gap:2px}.efarmer-details .detail-row .value{text-align:left}.land-ownership-table th,.land-ownership-table td{padding:6px 4px;font-size:8px}}.print-layout{grid-template-columns:1fr 1fr;gap:30px;display:grid}@media (max-width:768px){.print-layout{grid-template-columns:1fr}.desktop-preview{display:none!important}}.modal-overlay{z-index:2000;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--white);border-radius:var(--radius-lg);max-width:90%;max-height:90vh;box-shadow:var(--shadow-lg);width:600px;padding:30px;animation:.3s scaleIn;position:relative;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.modal-close{cursor:pointer;color:var(--text-light);background:0 0;border:none;font-size:24px}.modal-close:hover{color:var(--error-color)}@media (max-width:768px){.hero-title{font-size:28px}}.landing-step{align-items:flex-start;gap:15px;margin-bottom:25px;display:flex}.step-number{background:var(--primary-color);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:flex}.step-content h4{margin-bottom:5px;font-size:16px;font-weight:700}.step-content p{color:var(--text-light);font-size:14px}.marquee-container{white-space:nowrap;width:100%;margin:20px 0;padding:10px 0;position:relative;overflow:hidden}.marquee-content{gap:15px;width:max-content;animation:30s linear infinite marquee-scroll;display:flex}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{border:1.5px solid var(--border-color);box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;border-radius:100px;flex-shrink:0;align-items:center;gap:10px;padding:14px 24px;transition:all .3s;display:flex}.marquee-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.marquee-container:before,.marquee-container:after{content:"";z-index:2;pointer-events:none;width:50px;height:100%;position:absolute;top:0}.marquee-container:before{background:linear-gradient(90deg,#fff,#0000);left:0}.marquee-container:after{background:linear-gradient(270deg,#fff,#0000);right:0}