@font-face{font-family:'Font Awesome 6 Free';font-style:normal;font-weight:900;font-display:swap;src:url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/webfonts/fa-solid-900.woff2') format('woff2')}.neumorphic-button{font-weight:600;padding:.6rem 1rem;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;transition:transform .18s ease,box-shadow .18s ease,background-color .2s ease,color .2s ease,border-color .2s ease;outline:none;border:1px solid transparent;user-select:none;cursor:pointer}.neumorphic-button{background:var(--glass-bg-light);color:var(--text-strong-light);border-color:var(--glass-border-light);box-shadow:var(--shadow-glass-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.neumorphic-button.btn-primary{background:var(--primary-solid-light);color:white}.neumorphic-button.btn-secondary{background:var(--glass-bg-light);color:var(--text-muted-light);border-color:var(--glass-border-light);box-shadow:var(--shadow-glass-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.neumorphic-input,.neumorphic-select{width:100%;height:44px;padding:.6rem 1rem;border-radius:12px;border:1px solid var(--glass-border-light);background:var(--glass-bg-light);color:var(--text-strong-light);box-shadow:var(--shadow-glass-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease}body.dark .neumorphic-button.btn-secondary{background:var(--glass-bg-dark);color:var(--text-muted-dark);border-color:var(--glass-border-dark);box-shadow:var(--shadow-glass-dark);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}body.dark .neumorphic-button{background:var(--glass-bg-dark);color:var(--text-strong-dark);border-color:var(--glass-border-dark);box-shadow:var(--shadow-glass-dark)}body.dark .neumorphic-input,body.dark .neumorphic-select{background:var(--glass-bg-dark);color:var(--text-strong-dark);border:1px solid var(--glass-border-dark);box-shadow:var(--shadow-glass-dark)}.neumorphic-input input,.neumorphic-input select,.neumorphic-input textarea{background:transparent;border:none;box-shadow:none;padding:0}.neumorphic-input:focus-within{background:var(--glass-bg-light);border:1px solid var(--glass-border-light);box-shadow:0 10px 30px rgba(2,6,23,0.06)}.neumorphic-input input:focus,.neumorphic-input select:focus,.neumorphic-input textarea:focus{outline:none;box-shadow:none}body.dark .neumorphic-input:focus-within{background:var(--glass-bg-dark);border:1px solid var(--glass-border-dark);box-shadow:0 10px 30px rgba(0,0,0,0.28)}:root{--base-font-size:15px;--fs-2xl:2rem;--fs-xl:1.5rem;--fs-lg:1.125rem;--fs-md:1rem;--fs-base:0.9375rem;--fs-sm:0.875rem;--fs-xs:0.75rem;--fs-13:0.8125rem;--fs-135:0.84375rem;--fs-15:0.9375rem;--radius-lg:20px;--radius-md:16px;--radius-sm:12px;--glass-bg-light:rgba(255,255,255,0.6);--glass-bg-dark:rgba(25,32,45,0.45);--glass-border-light:rgba(255,255,255,0.8);--glass-border-dark:rgba(255,255,255,0.12);--surface-strong-light:rgba(255,255,255,0.8);--surface-strong-dark:rgba(35,45,62,0.85);--shadow-glass-light:0 8px 24px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.3);--shadow-glass-dark:0 8px 24px rgba(0,0,0,0.35),inset 0 1px 0 rgba(255,255,255,0.06);--outline-focus-light:rgba(59,130,246,0.35);--outline-focus-dark:rgba(96,165,250,0.4);--primary-solid-light:#2563eb;--primary-solid-dark:#60a5fa;--text-strong-light:#0f172a;--text-muted-light:#475569;--text-strong-dark:#e5e7eb;--text-muted-dark:#a3a3a3;--scroll-track-light:rgba(17,24,39,0.06);--scroll-thumb-light:rgba(17,24,39,0.22);--scroll-thumb-hover-light:rgba(17,24,39,0.35);--scroll-track-dark:rgba(255,255,255,0.05);--scroll-thumb-dark:rgba(255,255,255,0.18);--scroll-thumb-hover-dark:rgba(255,255,255,0.28);--glass-bg:var(--glass-bg-light);--glass-border:var(--glass-border-light);--shadow-glass:var(--shadow-glass-light);--text-strong:var(--text-strong-light);--text-muted:var(--text-muted-light);--primary:var(--primary-solid-light);--focus-ring:var(--outline-focus-light);--scroll-track:var(--scroll-track-light);--scroll-thumb:var(--scroll-thumb-light);--scroll-thumb-hover:var(--scroll-thumb-hover-light)}*{-webkit-tap-highlight-color:transparent}html,body{height:100%}img{max-width:100%;height:auto}html{font-size:var(--base-font-size)}body{font-size:var(--fs-base)}h1{font-size:var(--fs-2xl);line-height:1.15}h2{font-size:var(--fs-xl);line-height:1.2}h3{font-size:var(--fs-lg);line-height:1.25}h4{font-size:var(--fs-md);line-height:1.3}p,ul,ol,dl{font-size:var(--fs-base)}small,.text-xs{font-size:var(--fs-sm)}input,textarea,select,button{font-size:var(--fs-base)}.fs-2xl{font-size:var(--fs-2xl)}.fs-xl{font-size:var(--fs-xl)}.fs-lg{font-size:var(--fs-lg)}.fs-md{font-size:var(--fs-md)}.fs{font-size:var(--fs-base)}.fs-sm{font-size:var(--fs-sm)}.fs-xs{font-size:var(--fs-xs)}.btn-primary,.btn-secondary,.neumorphic-button{font-size:var(--fs-base)}body{font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;transition:background-color 0.4s ease,color 0.4s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-size:cover;background-position:center}body.light{color:var(--text-strong-light);background-image:radial-gradient(1200px 600px at -10% -10%,#e0f2fe 0%,rgba(255,255,255,0) 55%),radial-gradient(1200px 800px at 110% 10%,#f5f3ff 0%,rgba(255,255,255,0) 45%),linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%)}body.dark{color:var(--text-strong-dark);background-image:radial-gradient(1000px 600px at -15% -20%,rgba(59,130,246,0.25) 0%,rgba(0,0,0,0) 55%),radial-gradient(900px 600px at 120% 20%,rgba(168,85,247,0.18) 0%,rgba(0,0,0,0) 50%),linear-gradient(180deg,#0b1220 0%,#0f172a 60%,#0b1321 100%);--glass-bg:var(--glass-bg-dark);--glass-border:var(--glass-border-dark);--shadow-glass:var(--shadow-glass-dark);--text-strong:var(--text-strong-dark);--text-muted:var(--text-muted-dark);--primary:var(--primary-solid-dark);--focus-ring:var(--outline-focus-dark);--scroll-track:var(--scroll-track-dark);--scroll-thumb:var(--scroll-thumb-dark);--scroll-thumb-hover:var(--scroll-thumb-hover-dark)}.glass,.neumorphic-card,.neumorphic-in,.neumorphic-inset,.neumorphic-out{border-radius:var(--radius-lg);background:var(--glass-bg-light);border:1px solid var(--glass-border-light);box-shadow:var(--shadow-glass-light);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease}body.dark .glass,body.dark .neumorphic-card,body.dark .neumorphic-in,body.dark .neumorphic-inset,body.dark .neumorphic-out{background:var(--glass-bg-dark);border-color:var(--glass-border-dark);box-shadow:var(--shadow-glass-dark)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass,.neumorphic-card,.neumorphic-in,.neumorphic-inset,.neumorphic-out{background:var(--surface-strong-light);box-shadow:0 8px 24px rgba(0,0,0,0.08)}body.dark .glass,body.dark .neumorphic-card,body.dark .neumorphic-in,body.dark .neumorphic-inset,body.dark .neumorphic-out{background:var(--surface-strong-dark);box-shadow:0 8px 24px rgba(0,0,0,0.35)}}.widget-card{border-radius:var(--radius-lg);padding:1rem}.widget-card-header{border-bottom:1px solid rgba(255,255,255,0.22);padding-bottom:.75rem;margin-bottom:.75rem}body.dark .widget-card-header{border-color:rgba(255,255,255,0.08)}h1,h2,h3{font-weight:700;letter-spacing:-0.01em}.h1-main-title{font-size:clamp(2.25rem,4vw+1rem,3.75rem)}.h2-widget-title{font-size:var(--fs-lg);font-weight:600}.text-primary{color:var(--primary-solid-light)}.text-secondary{color:var(--text-muted-light)}body.dark .text-primary{color:var(--primary-solid-dark)}body.dark .text-secondary{color:var(--text-muted-dark)}.btn-primary,.btn-secondary{font-weight:600;height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0.75rem 2rem;border-radius:var(--radius-md);transition:transform 0.18s ease,box-shadow 0.18s ease,background-color .2s ease,color .2s ease,border-color .2s ease;outline:none;cursor:pointer;user-select:none;text-decoration:none;border:1px solid transparent}.btn-primary{background:var(--primary-solid-light);color:white}.btn-primary:hover{transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px)}body.dark .btn-primary{background:var(--primary-solid-dark);color:#0b1220}.btn-secondary{background:var(--glass-bg-light);color:var(--text-muted-light);border-color:var(--glass-border-light);box-shadow:var(--shadow-glass-light);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn-secondary:hover{transform:translateY(-1px)}.btn-secondary:active{transform:translateY(1px)}body.dark .btn-secondary{background:var(--glass-bg-dark);color:var(--text-muted-dark);border-color:var(--glass-border-dark);box-shadow:var(--shadow-glass-dark)}.highlight-green{background:linear-gradient(180deg,#34d399 0%,#16a34a 100%);color:#ffffff !important;border-color:rgba(6,95,70,0.08);box-shadow:0 8px 22px rgba(16,185,129,0.14)}.highlight-green:hover{transform:translateY(-1px);filter:brightness(1.03)}.highlight-green:focus{outline:none;box-shadow:0 0 0 6px rgba(16,185,129,0.12)}.highlight-blue{background:linear-gradient(180deg,#60a5fa 0%,#2563eb 100%);color:#ffffff !important;border-color:rgba(37,99,235,0.08);box-shadow:0 8px 22px rgba(37,99,235,0.12)}.highlight-blue:hover{transform:translateY(-1px);filter:brightness(1.03)}.highlight-blue:focus{outline:none;box-shadow:0 0 0 6px rgba(37,99,235,0.12)}body.dark .highlight-green{background:linear-gradient(180deg,#059669 0%,#16a34a 100%)}body.dark .highlight-blue{background:linear-gradient(180deg,#2563eb 0%,#1e40af 100%)}.neumorphic-button.highlight-green,.btn-primary.highlight-green,.btn-secondary.highlight-green{background:linear-gradient(180deg,#34d399 0%,#16a34a 100%);color:#ffffff !important;border-color:rgba(6,95,70,0.12);box-shadow:0 10px 26px rgba(16,185,129,0.16)}.neumorphic-button.highlight-blue,.btn-primary.highlight-blue,.btn-secondary.highlight-blue{background:linear-gradient(180deg,#60a5fa 0%,#2563eb 100%);color:#ffffff !important;border-color:rgba(37,99,235,0.12);box-shadow:0 10px 26px rgba(37,99,235,0.14)}.neumorphic-button.highlight-green:focus,.neumorphic-button.highlight-blue:focus{box-shadow:0 0 0 6px rgba(59,130,246,0.12);outline:none}#addTaskSection .neumorphic-button.highlight-green,#addTaskSection .neumorphic-button.highlight-blue,#addTaskSection .neumorphic-button.btn-primary.highlight-green,#addTaskSection .neumorphic-button.btn-primary.highlight-blue{background-image:none;background:linear-gradient(180deg,#34d399 0%,#16a34a 100%);color:#ffffff !important;border-color:rgba(6,95,70,0.14);box-shadow:0 12px 30px rgba(16,185,129,0.18)}#addTaskSection .neumorphic-button.highlight-blue,#addTaskSection .neumorphic-button.btn-primary.highlight-blue{background:linear-gradient(180deg,#60a5fa 0%,#2563eb 100%);border-color:rgba(37,99,235,0.14);box-shadow:0 12px 30px rgba(37,99,235,0.16)}.neumorphic-button.bg-emerald-600,.neumorphic-button.bg-emerald-600:hover{background:linear-gradient(180deg,#10b981 0%,#059669 100%);color:#fff !important;border-color:rgba(4,120,87,0.12);box-shadow:0 8px 22px rgba(6,95,70,0.12)}.neumorphic-button.bg-amber-500,.neumorphic-button.bg-amber-500:hover{background:linear-gradient(180deg,#f59e0b 0%,#d97706 100%);color:#fff !important;border-color:rgba(161,98,0,0.12);box-shadow:0 8px 22px rgba(168,85,0,0.12)}.neumorphic-button.bg-sky-600,.neumorphic-button.bg-sky-600:hover{background:linear-gradient(180deg,#0ea5e9 0%,#2563eb 100%);color:#fff !important;border-color:rgba(14,89,170,0.12);box-shadow:0 8px 22px rgba(37,99,235,0.12)}.neumorphic-button.bg-rose-600,.neumorphic-button.bg-rose-600:hover{background:linear-gradient(180deg,#fb7185 0%,#ef4444 100%);color:#fff !important;border-color:rgba(160,23,39,0.12);box-shadow:0 8px 22px rgba(239,68,68,0.12)}body.dark .neumorphic-button.bg-emerald-600{background:linear-gradient(180deg,#059669 0%,#047857 100%)}body.dark .neumorphic-button.bg-amber-500{background:linear-gradient(180deg,#d97706 0%,#b45309 100%)}body.dark .neumorphic-button.bg-sky-600{background:linear-gradient(180deg,#2563eb 0%,#1e40af 100%)}body.dark .neumorphic-button.bg-rose-600{background:linear-gradient(180deg,#ef4444 0%,#dc2626 100%)}.btn-primary i,.btn-secondary i{margin-inline-end:.5rem;line-height:0}input[type="date"],input[type="datetime-local"],input[type="number"],input[type="text"],select,textarea{width:100%;height:48px;padding:0.75rem 1rem;border-radius:var(--radius-md);border:1px solid var(--glass-border-light);background:var(--glass-bg-light);color:var(--text-strong-light);box-shadow:var(--shadow-glass-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:box-shadow .2s ease,border-color .2s ease,background-color .2s ease,color .2s ease;-webkit-appearance:none !important;appearance:none !important}body.dark input[type="date"],body.dark input[type="datetime-local"],body.dark input[type="number"],body.dark input[type="text"],body.dark select,body.dark textarea{background:var(--glass-bg-dark);color:var(--text-strong-dark);border:1px solid var(--glass-border-dark);box-shadow:var(--shadow-glass-dark)}#main-content select,.neumorphic-select,.neumorphic-input select,.neumorphic-input .neumorphic-select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='%230f172a' d='M6 8l4 4 4-4z'/></svg>");background-repeat:no-repeat;background-position:right 14px center;background-size:20px 20px;padding-right:3rem}select::-ms-expand{display:none}body.dark #main-content select,body.dark .neumorphic-select,body.dark .neumorphic-input select,body.dark .neumorphic-input .neumomorphic-select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='%23e5e7eb' d='M6 8l4 4 4-4z'/></svg>");background-position:right 14px center;background-size:20px 20px;padding-right:3rem}#modals-container .neumorphic-select,#modals-container select,#wrCreateProjectPrompt .neumorphic-select,#wrCreateProjectPrompt select{background:var(--surface-strong-light) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='%230f172a' d='M6 8l4 4 4-4z'/></svg>") no-repeat right 14px center !important;background-size:20px 20px !important;background-repeat:no-repeat !important;color:var(--text-strong-light) !important;padding-right:3rem !important}body.dark #modals-container .neumorphic-select,body.dark #modals-container select,body.dark #wrCreateProjectPrompt .neumorphic-select,body.dark #wrCreateProjectPrompt select{background:var(--surface-strong-dark) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='%23e5e7eb' d='M6 8l4 4 4-4z'/></svg>") no-repeat right 14px center !important;background-size:20px 20px !important;background-repeat:no-repeat !important;color:var(--text-strong-dark) !important;padding-right:3rem !important}textarea{min-height:48px;height:auto}input::placeholder,textarea::placeholder{color:color-mix(in oklab,var(--text-strong-light) 55%,white)}body.dark input::placeholder,body.dark textarea::placeholder{color:color-mix(in oklab,var(--text-strong-dark) 65%,black)}nav.tabs,.tabs-bar{background:transparent;border:0;padding:0}.category-tab{position:relative;font-size:var(--fs-md);font-weight:500;padding:.65rem;border-radius:999px;color:var(--text-muted-light);background:var(--glass-bg-light);border:1px solid var(--glass-border-light);box-shadow:var(--shadow-glass-light);transition:color .2s ease,transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease;margin-left:6px}.category-tab:hover{color:var(--primary-solid-light);transform:translateY(-1px)}.category-tab.active{color:#0b1220;background:var(--surface-strong-light);border-color:rgba(255,255,255,0.9)}.category-tab.active::after{content:"";position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);width:70%;height:3px;border-radius:2px;background:var(--primary-solid-light)}body.dark .category-tab{color:var(--text-muted-dark);background:var(--glass-bg-dark);border-color:var(--glass-border-dark);box-shadow:var(--shadow-glass-dark)}body.dark .category-tab:hover{color:var(--primary-solid-dark)}body.dark .category-tab.active{color:#0b1220;background:rgba(255,255,255,0.82);border-color:rgba(255,255,255,0.95)}body.dark .category-tab.active::after{background:var(--primary-solid-dark)}.ad-placeholder,.ad-slot{min-height:90px;width:100%;display:block}.ad-placeholder.glass{display:flex;align-items:center;justify-content:center;color:var(--text-muted-light)}body.dark .ad-placeholder.glass{color:var(--text-muted-dark)}.theme-toggle-bg{background-color:#e0e5ec;border-radius:20px}body.dark .theme-toggle-bg{background-color:#2c3e50;border-radius:20px}.text-green-600{color:#16a34a}.text-red-500{color:#ef4444}body.dark .text-green-600{color:#22c55e}body.dark .text-red-500{color:#f87171}#custom-modal{position:fixed;inset:0;z-index:50;display:none}#custom-modal.active{display:flex;align-items:center;justify-content:center}#custom-modal .backdrop{position:absolute;inset:0;background:rgba(2,6,23,0.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}#custom-modal>.panel{position:relative;max-width:min(92vw,680px);width:100%;padding:1rem;margin:1rem}#custom-modal>.panel>.inner{padding:1.25rem 1.25rem 1rem}.qr-page .tabs .tab{position:relative;padding-bottom:0.75rem;overflow:visible !important}.qr-page .tabs{overflow:visible !important}.qr-page .tabs .tab.active::after{content:"▾" !important;position:absolute !important;left:50% !important;transform:translateX(-50%) !important;bottom:6px !important;font-size:var(--fs-md) !important;line-height:1 !important;color:currentColor !important;pointer-events:none !important;opacity:1 !important;z-index:9999 !important;text-shadow:0 1px 0 rgba(255,255,255,0.2) !important;display:block !important}.qr-panel{min-height:420px;display:flex !important;align-items:center !important;justify-content:center !important}.qr-panel>.flex{height:100% !important}.qr-warning{color:var(--text-red,#ef4444);font-size:var(--fs-15);margin-top:.5rem}#custom-modal>.panel,.light #custom-modal>.panel,.dark #custom-modal>.panel{border-radius:var(--radius-lg);background:var(--glass-bg-light);border:1px solid var(--glass-border-light);box-shadow:var(--shadow-glass-light);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}body.dark #custom-modal>.panel{background:var(--glass-bg-dark);border-color:var(--glass-border-dark);box-shadow:var(--shadow-glass-dark)}@keyframes fadeIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn 0.6s ease-out forwards}@keyframes bounceIn{0%{transform:scale(0.1);opacity:0}60%{transform:scale(1.1);opacity:1}100%{transform:scale(1)}}.animate-bounceIn{animation:bounceIn 0.5s ease-out forwards}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scroll-track-light);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--scroll-thumb-light);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover-light)}body.dark::-webkit-scrollbar-track{background:var(--scroll-track-dark)}body.dark::-webkit-scrollbar-thumb{background:var(--scroll-thumb-dark)}body.dark::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover-dark)}footer{min-height:unset}header{min-height:56px}header img{display:block}header img.logo-icon,header img{max-height:32px;width:auto}#hamburgerBtn{display:none}@media (max-width:1299px){#hamburgerBtn{display:flex}}header nav{display:none}@media (min-width:1300px){header nav{display:flex}}#mobile-menu{font-size:var(--fs-15)}#mobile-menu a{padding:0.5rem 0.75rem}header{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}nav a.category-tab,#mobile-menu a.category-tab{white-space:nowrap}header nav{flex-shrink:0}header span{white-space:nowrap;flex-shrink:0}header nav a{margin-left:0.5rem;margin-right:0.5rem}header img{max-height:32px;width:auto}header>div,header nav{min-width:0}header span{white-space:nowrap}#theme-toggle i,#theme-toggle svg{width:18px;height:18px}body.dark #mobile-menu{background-color:#111827}body.light #mobile-menu{background-color:#fff}#globalSearchBtn i,#globalSearchBtn svg{width:18px;height:18px}#globalSearchResults{min-height:12.5rem;max-height:12.5rem;overflow-y:auto;-webkit-overflow-scrolling:touch}#globalSearchResults li{min-height:2.5rem;line-height:1.25rem;transition:background-color 0.2s ease}@media (max-width:640px){#globalSearchModal{align-items:flex-start;padding-top:4rem}#globalSearchCard{width:100%;max-width:none;border-radius:0;min-height:100vh;padding-bottom:6rem;box-sizing:border-box}#globalSearchInput{font-size:var(--fs-base)}}#feedbackButton{position:fixed;top:50%;right:1.4rem;transform:translateY(-50%) rotate(-90deg);transform-origin:center right;display:inline-flex;align-items:center;justify-content:center;padding:0.6rem 1rem;border-radius:9999px;background:#6addbd;cursor:pointer;box-shadow:4px 4px 10px rgba(0,0,0,0.2),-4px -4px 10px rgba(255,255,255,0.5);transition:transform 0.2s ease,box-shadow 0.2s ease;z-index:50}#feedbackButton:hover{transform:translateY(-50%) rotate(-90deg) scale(1.08)}body.light #feedbackButton span,body.light #feedbackButton i{color:#1a1a1a}body.dark #feedbackButton{background:#228b6e}body.dark #feedbackButton span,body.dark #feedbackButton i{color:#f0f0f0}#toastContainer{position:fixed;bottom:1rem;right:1rem;z-index:99999;display:flex;flex-direction:column;gap:0.5rem}.toast{min-width:200px;max-width:320px;padding:0.75rem 1rem;border-radius:1rem;font-size:var(--fs-15);font-weight:500;animation:fadeInUp 0.3s ease,fadeOut 0.3s ease 3.7s forwards}.toast-success{background:var(--card-bg,#e0e5ec);color:#4a69bd;box-shadow:4px 4px 10px rgba(0,0,0,0.15),-4px -4px 10px rgba(255,255,255,0.7)}.toast-error{background:#ffe6e6;color:#c0392b;box-shadow:4px 4px 10px rgba(192,57,43,0.2),-4px -4px 10px rgba(255,255,255,0.7)}body.dark .toast-success{background:#2c3e50;color:#74b9ff}body.dark .toast-error{background:#3b1f1f;color:#ff7675}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{to{opacity:0;transform:translateY(20px)}}#main-content .qr-panel .preview-container{padding:1rem;border-radius:12px;display:flex;align-items:center;justify-content:center;background:transparent}#main-content .qr-panel{display:flex;flex-direction:column;gap:1rem;align-items:center}#main-content .qr-panel .preview-container{width:100%}@media (min-width:48rem){#main-content .qr-panel{align-items:flex-center}#main-content .qr-panel .preview-container{width:auto}}@media (max-width:48rem){#main-content .qr-panel .preview-container{padding:0.5rem !important}}#main-content .qr-panel .preview-container #qrcode{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;border:1px solid rgba(0,0,0,0.06);background:var(--glass-bg-light)}#main-content .qr-panel .preview-container #qrcode>svg,#main-content .qr-panel .preview-container #qrcode>canvas{display:block;width:100% !important;height:100% !important}#main-content .tab{position:relative;font-size:var(--fs-15);font-weight:500;padding:.55rem .75rem;border-radius:999px;color:var(--text-muted-light);background:var(--glass-bg-light);border:1px solid var(--glass-border-light);box-shadow:var(--shadow-glass-light);transition:color .2s ease,transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease;display:inline-flex;align-items:center;justify-content:center}#main-content .tab:hover{color:var(--primary-solid-light);transform:translateY(-1px)}#main-content .tab.active{color:#0b1220;background:var(--surface-strong-light);border-color:rgba(255,255,255,0.9)}body.dark #main-content .tab{color:var(--text-muted-dark);background:var(--glass-bg-dark);border-color:var(--glass-border-dark);box-shadow:var(--shadow-glass-dark)}body.dark #main-content .tab:hover{color:var(--primary-solid-dark)}body.dark #main-content .tab.active{color:#0b1220;background:rgba(255,255,255,0.82);border-color:rgba(255,255,255,0.95)}#main-content .qr-panel .actions-grid{display:grid;grid-template-columns:1fr;gap:0.5rem}@media (min-width:48rem){#main-content .qr-panel .actions-grid{grid-template-columns:1fr}}#main-content .qr-panel .preview-desc{margin-top:.5rem;font-size:var(--fs-15);color:var(--text-muted-light)}body.dark #main-content .qr-panel .preview-container #qrcode{background:var(--glass-bg-dark)}@media (min-width:48rem){#main-content .preview-container{width:18rem}}.signature-feature{color:var(--text-strong-light)}body.dark .signature-feature{color:var(--text-strong-dark)}.signature-tabs{display:flex;flex-wrap:wrap;gap:0.5rem;border-bottom:2px solid var(--glass-border-light);padding-bottom:0.5rem;margin-bottom:1.5rem}body.dark .signature-tabs{border-bottom-color:var(--glass-border-dark)}.signature-tab{position:relative;font-size:var(--fs-sm);font-weight:500;padding:0.55rem 0.75rem;border-radius:999px;color:var(--text-muted-light);background:var(--glass-bg-light);border:1px solid var(--glass-border-light);box-shadow:var(--shadow-glass-light);transition:color 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease,border-color 0.2s ease;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:0.4rem}.signature-tab:hover{color:var(--primary-solid-light);transform:translateY(-1px)}.signature-tab.active{color:#0b1220;background:var(--surface-strong-light);border-color:rgba(255,255,255,0.9)}body.dark .signature-tab{color:var(--text-muted-dark);background:var(--glass-bg-dark);border-color:var(--glass-border-dark);box-shadow:var(--shadow-glass-dark)}body.dark .signature-tab:hover{color:var(--primary-solid-dark)}body.dark .signature-tab.active{color:#0b1220;background:rgba(255,255,255,0.82);border-color:rgba(255,255,255,0.95)}.signature-tab-content{display:none}.signature-tab-content.active{display:block;padding-top:1rem}.signature-control-group{padding:1rem;border:1px solid var(--glass-border-light);border-radius:var(--radius-md);background:rgba(248,250,252,0.5);margin-bottom:1rem}body.dark .signature-control-group{border-color:var(--glass-border-dark);background:rgba(255,255,255,0.02)}.signature-control-group-title{font-size:var(--fs-sm);font-weight:600;color:var(--text-strong-light);margin-bottom:0.75rem;display:flex;align-items:center;gap:0.4rem}body.dark .signature-control-group-title{color:var(--text-strong-dark)}.signature-preview-container{background:var(--surface-strong-light);border-radius:var(--radius-lg);padding:1.5rem;padding-top:0.75rem;border:1px solid var(--glass-border-light);box-shadow:var(--shadow-glass-light);position:relative;max-width:100%;box-sizing:border-box;overflow:hidden}body.dark .signature-preview-container{background:var(--surface-strong-dark);border-color:var(--glass-border-dark);box-shadow:var(--shadow-glass-dark)}.signature-preview-header{position:relative;min-height:40px;margin-bottom:1rem}.signature-preview-title{flex:1}.signature-preview{border:1px solid var(--glass-border-light);border-radius:var(--radius-md);min-height:300px;background:#fff;padding:1.5rem;overflow-x:auto;overflow-y:visible;cursor:text;user-select:text;max-width:100%;box-sizing:border-box}body.dark .signature-preview{border-color:var(--glass-border-dark);background:#1a1a1a}.signature-form-group{margin-bottom:1.25rem}.signature-form-group>label{display:block;font-size:var(--fs-sm);font-weight:600;color:var(--text-strong-light);margin-bottom:0.5rem}body.dark .signature-form-group>label{color:var(--text-strong-dark)}.signature-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.5rem;gap:1rem}.signature-label-row>label{font-size:var(--fs-sm);font-weight:600;color:var(--text-strong-light);margin:0}body.dark .signature-label-row>label{color:var(--text-strong-dark)}.signature-label-controls{display:flex;align-items:center;gap:0.75rem}.signature-compact-row{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.5rem}.signature-checkbox-inline{display:inline-flex;align-items:center;gap:0.3rem;font-size:var(--fs-sm);color:var(--text-strong-light);margin:0;white-space:nowrap}body.dark .signature-checkbox-inline{color:var(--text-strong-dark)}.signature-size-select{padding:0.35rem 0.5rem;border:1px solid var(--glass-border-light);border-radius:var(--radius-sm);background:#ffffff;color:var(--text-strong-light);font-size:var(--fs-sm);min-width:70px}body.dark .signature-size-select{border-color:var(--glass-border-dark);background:rgba(255,255,255,0.05);color:var(--text-strong-dark)}.signature-form-group input[type="text"],.signature-form-group input[type="email"],.signature-form-group input[type="tel"],.signature-form-group input[type="url"],.signature-form-group textarea,.signature-form-group select{width:100%;padding:0.65rem 0.85rem;border:1px solid var(--glass-border-light);border-radius:var(--radius-sm);background:#ffffff;color:var(--text-strong-light);font-size:var(--fs-base);transition:all 0.2s ease}body.dark .signature-form-group input[type="text"],body.dark .signature-form-group input[type="email"],body.dark .signature-form-group input[type="tel"],body.dark .signature-form-group input[type="url"],body.dark .signature-form-group textarea,body.dark .signature-form-group select{border-color:var(--glass-border-dark);background:rgba(255,255,255,0.05);color:var(--text-strong-dark)}.signature-form-group input:focus,.signature-form-group textarea:focus,.signature-form-group select:focus{outline:2px solid var(--outline-focus-light);border-color:var(--primary-solid-light)}body.dark .signature-form-group input:focus,body.dark .signature-form-group textarea:focus,body.dark .signature-form-group select:focus{outline-color:var(--outline-focus-dark);border-color:var(--primary-solid-dark)}.signature-form-group textarea{min-height:80px;resize:vertical}.signature-inline-controls{display:flex;flex-wrap:wrap;gap:0.75rem;align-items:center}.signature-inline-controls label{display:inline-flex;align-items:center;gap:0.35rem;font-size:var(--fs-sm);margin:0;color:var(--text-strong-light)}body.dark .signature-inline-controls label{color:var(--text-strong-dark)}.signature-inline-controls select{padding:0.4rem 0.6rem;border:1px solid var(--glass-border-light);border-radius:var(--radius-sm);background:#ffffff;color:var(--text-strong-light);font-size:var(--fs-sm)}body.dark .signature-inline-controls select{border-color:var(--glass-border-dark);background:rgba(255,255,255,0.05);color:var(--text-strong-dark)}.signature-grid-2{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:640px){.signature-grid-2{grid-template-columns:1fr 1fr}}.signature-grid-3{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:640px){.signature-grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.signature-grid-3{grid-template-columns:repeat(3,1fr)}}.signature-option-grid{display:grid;gap:0.65rem;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.signature-option{padding:0.65rem;border:1px solid var(--glass-border-light);border-radius:var(--radius-sm);background:var(--glass-bg-light);cursor:pointer;transition:all 0.2s ease;text-align:center;font-size:var(--fs-sm);font-weight:500;color:var(--text-muted-light);box-shadow:var(--shadow-glass-light)}body.dark .signature-option{border-color:var(--glass-border-dark);background:var(--glass-bg-dark);color:var(--text-muted-dark);box-shadow:var(--shadow-glass-dark)}.signature-option:hover{color:var(--primary-solid-light);transform:translateY(-1px)}.signature-option.active{border-color:rgba(255,255,255,0.9);font-weight:600}body.dark .signature-option:hover{color:var(--primary-solid-dark)}body.dark .signature-option.active{color:#0b1220;background:rgba(255,255,255,0.82);border-color:rgba(255,255,255,0.95)}.signature-option.active{border-color:var(--primary-solid-light);box-shadow:0 0 0 3px rgba(37,99,235,0.1)}body.dark .signature-option.active{border-color:var(--primary-solid-dark);box-shadow:0 0 0 3px rgba(96,165,250,0.15)}.signature-theme-option{height:60px;padding:0.5rem;border-radius:12px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--fs-xs);color:white;text-shadow:0 1px 2px rgba(0,0,0,0.3);border:2px solid transparent;transition:border-color 0.2s ease}.signature-theme-option.active{border-color:var(--primary-solid-light)}body.dark .signature-theme-option.active{border-color:var(--primary-solid-dark)}.theme-corporate{background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 100%)}.theme-corporate::before{content:'Corporate Blue'}.theme-modern{background:linear-gradient(135deg,#7c3aed 0%,#ec4899 100%)}.theme-modern::before{content:'Modern Purple'}.theme-minimal{background:linear-gradient(135deg,#0f172a 0%,#64748b 100%)}.theme-minimal::before{content:'Minimal Gray'}.theme-warm{background:linear-gradient(135deg,#f97316 0%,#facc15 100%)}.theme-warm::before{content:'Warm Orange'}.theme-cool{background:linear-gradient(135deg,#0ea5e9 0%,#22c55e 100%)}.theme-cool::before{content:'Cool Green'}.signature-color-picker{display:flex;align-items:center;gap:1rem}.signature-color-picker input[type="color"]{width:48px;height:48px;border:2px solid var(--glass-border-light);border-radius:var(--radius-sm);cursor:pointer;background:none;padding:0}body.dark .signature-color-picker input[type="color"]{border-color:var(--glass-border-dark)}.signature-color-value{font-size:var(--fs-xs);color:var(--text-muted-light);font-family:monospace}body.dark .signature-color-value{color:var(--text-muted-dark)}.signature-social-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:0.75rem}.signature-social-item{padding:0.6rem;border:1px solid var(--glass-border-light);border-radius:var(--radius-sm);background:var(--glass-bg-light);box-shadow:var(--shadow-glass-light)}body.dark .signature-social-item{border-color:var(--glass-border-dark);background:var(--glass-bg-dark);box-shadow:var(--shadow-glass-dark)}.signature-social-item label{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.5rem;font-size:var(--fs-sm);color:var(--text-strong-light);cursor:pointer}body.dark .signature-social-item label{color:var(--text-strong-dark)}.signature-social-item label i{width:20px;text-align:center;color:var(--text-muted-light)}body.dark .signature-social-item label i{color:var(--text-muted-dark)}.signature-social-item input[type="text"]{width:100%;font-size:var(--fs-sm);padding:0.5rem 0.65rem;background:#ffffff;border:1px solid var(--glass-border-light);border-radius:var(--radius-sm);color:var(--text-strong-light)}body.dark .signature-social-item input[type="text"]{background:rgba(255,255,255,0.05);border-color:var(--glass-border-dark);color:var(--text-strong-dark)}.signature-actions{position:absolute;top:0;right:0;display:flex;gap:0.5rem;z-index:10}.signature-btn{padding:0.5rem 0.85rem;border-radius:var(--radius-sm);font-weight:600;font-size:var(--fs-sm);display:inline-flex;align-items:center;justify-content:center;gap:0.35rem;cursor:pointer;transition:all 0.2s ease;border:none;white-space:nowrap}.signature-btn-primary{background:var(--primary-solid-light);color:#fff}.signature-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,99,235,0.3)}body.dark .signature-btn-primary{background:var(--primary-solid-dark);color:#0f172a}.signature-btn-secondary{background:var(--glass-bg-light);color:var(--text-strong-light);border:1px solid var(--glass-border-light)}.signature-btn-secondary:hover{transform:translateY(-2px);background:var(--surface-strong-light)}body.dark .signature-btn-secondary{background:var(--glass-bg-dark);color:var(--text-strong-dark);border-color:var(--glass-border-dark)}body.dark .signature-btn-secondary:hover{background:var(--surface-strong-dark)}.signature-preview-image{width:100px;height:70px;object-fit:contain;border:1px solid var(--glass-border-light);border-radius:var(--radius-sm);background:#f8fafc}body.dark .signature-preview-image{border-color:var(--glass-border-dark);background:rgba(255,255,255,0.03)}.signature-compact-row input[type="file"]{cursor:pointer;padding:0.35rem 0.6rem;border-radius:var(--radius-sm);border:1px solid var(--glass-border-light);background:var(--glass-bg-light);color:var(--text-strong-light)}body.dark .signature-compact-row input[type="file"]{border-color:var(--glass-border-dark);background:var(--glass-bg-dark);color:var(--text-strong-dark)}.signature-compact-row input[type="file"]::-webkit-file-upload-button{padding:0.35rem 0.6rem;border-radius:var(--radius-sm);border:none;background:transparent;color:inherit}.signature-field-icons{display:flex;flex-wrap:wrap;gap:0.75rem;padding:0.75rem;border:1px dashed var(--glass-border-light);border-radius:var(--radius-sm);background:rgba(148,163,184,0.05)}body.dark .signature-field-icons{border-color:var(--glass-border-dark);background:rgba(255,255,255,0.03)}.signature-field-icons label{color:var(--text-strong-light)}body.dark .signature-field-icons label{color:var(--text-strong-dark)}.signature-section{margin-bottom:1.5rem}.signature-section:last-child{margin-bottom:0}@media (max-width:1024px){.signature-color-picker{flex-direction:column;align-items:flex-start}}@media (max-width:640px){.signature-actions{position:static;margin-bottom:1rem}.signature-preview-header{min-height:auto}}