@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--color-bg-primary: #0f1115;--color-bg-primary-rgb: 15, 17, 21;--color-bg-secondary: #1c2128;--color-accent: #646cff;--color-accent-rgb: 100, 108, 255;--color-accent-hover: #535bf2;--color-text-primary: #ffffff;--color-text-secondary: #94a3b8;--glass-bg: rgba(255, 255, 255, .03);--glass-border: 1px solid rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--sidebar-bg: var(--color-bg-secondary);--sidebar-border: rgba(255, 255, 255, .08);--nav-item-color: var(--color-text-secondary);--nav-item-bg-active: rgba(100, 108, 255, .15);--nav-item-color-active: #ffffff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-premium: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--gradient-premium: linear-gradient(135deg, #0f1115 0%, #1c1f26 100%);--gradient-accent: linear-gradient(135deg, #646cff 0%, #4f46e5 100%);--gradient-safe: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--input-bg: rgba(255, 255, 255, .05);--input-border: rgba(255, 255, 255, .1);--table-border: rgba(255, 255, 255, .05);--table-row-hover: rgba(255, 255, 255, .02);--breakpoint-mobile: 640px;--breakpoint-tablet: 1024px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--font-main: "Inter", system-ui, -apple-system, sans-serif;--topnav-height: 72px;--sidebar-width: 0px;--sidebar-collapsed-width: 0px}.light-mode{--color-bg-primary: #f3f4f6;--color-bg-secondary: #FFFFFF;--color-accent: #2563EB;--color-accent-hover: #1D4ED8;--color-text-primary: #111827;--color-text-secondary: #6b7280;--glass-bg: #FFFFFF;--glass-border: 1px solid #f0f0f0;--glass-shadow: 0 4px 20px rgba(0, 0, 0, .03);--sidebar-bg: #FFFFFF;--sidebar-border: #f0f0f0;--nav-item-color: #6b7280;--nav-item-bg-active: #2563EB;--nav-item-color-active: #FFFFFF;--gradient-premium: linear-gradient(135deg, #111827 0%, #1f2937 100%);--gradient-light: #f3f4f6;--gradient-accent: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%);--shadow-premium: 0 10px 30px rgba(0, 0, 0, .04);--shadow-card: 0 8px 30px rgba(0, 0, 0, .02);--input-bg: #FFFFFF;--input-border: #f0f0f0;--table-border: #f3f4f6;--table-row-hover: #f9fafb}.glass-premium-card{background:var(--color-bg-secondary);border:1px solid var(--input-border);border-radius:24px;box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.glass-premium-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-premium)}.glass-premium-card-gradient{background:linear-gradient(135deg,var(--color-bg-secondary) 0%,rgba(100,108,255,.08) 100%);border:1px solid var(--input-border);border-radius:24px;box-shadow:0 4px 15px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.glass-premium-card-gradient:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0003;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,rgba(100,108,255,.12) 100%)}.light-mode .glass-premium-card-gradient{background:linear-gradient(135deg,#fff,#f0f7ff)}@media(max-width:640px){.glass-premium-card,.glass-premium-card-gradient{border-radius:20px}}.hero-card{background:var(--gradient-premium);color:#fff;padding:2rem;border-radius:24px;position:relative;overflow:hidden;box-shadow:var(--shadow-premium)}.hero-card:after{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 35c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm57 43c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM58 18c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM46 62c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm35-39c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM22 46c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm66 22c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM7 29c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm81 57c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM57 58c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm33-47c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM52 32c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm-5 52c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm-23-4c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm-3-59c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM33 53c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm44 3c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm-5-31c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm-26-8c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm-1 32c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm28 26c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm-46-3c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm-12-19c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm10-33c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm16 46c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm6 16c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm-13-10c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm14-11c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm-18-4c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm-19-14c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.4}.row-selected{background-color:#2563eb14!important}.row-selected td{border-top:1px solid rgba(37,99,235,.2);border-bottom:1px solid rgba(37,99,235,.2)}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-main);transition:background-color .3s ease,color .3s ease}#root{width:100%;height:100%}button{border-radius:var(--radius-md);border:1px solid transparent;padding:.75rem 1.5rem;font-size:1rem;min-height:44px;font-weight:600;font-family:inherit;background-color:var(--color-bg-secondary);cursor:pointer;transition:all .25s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background-color:var(--color-accent);color:#fff;border:none;box-shadow:0 4px 6px -1px #0000001a}.btn-primary:hover{background-color:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a}.btn-secondary{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--input-border)}.btn-secondary:hover{background-color:var(--table-row-hover);border-color:var(--color-accent)}.glass-card{background:#fff;border:1px solid #f1f5f9;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border-radius:20px;padding:1.75rem;transition:all .3s ease}.light-mode .glass-card{background:#fff;box-shadow:0 10px 25px -5px #00000005,0 8px 10px -6px #00000005}.glass-card:hover{box-shadow:0 20px 25px -5px #0000000a,0 10px 10px -5px #00000005}.text-gradient{color:var(--color-accent)}.input-field{width:100%;padding:.8rem;min-height:44px;border-radius:var(--radius-md);background:var(--input-bg);border:1px solid var(--input-border);color:var(--color-text-primary);font-family:inherit;font-size:1rem;outline:none;transition:all .2s;box-sizing:border-box}.input-field:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #2563eb1a}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:1rem;color:var(--color-text-secondary);font-size:.85rem;font-weight:600;border-bottom:2px solid var(--table-border);text-transform:uppercase;letter-spacing:.05em}.data-table td{padding:1rem;vertical-align:middle;border-bottom:1px solid var(--table-border);height:56px}.data-table tr:hover{background-color:var(--table-row-hover)}.sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-width);background-color:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:150;display:flex;flex-direction:column}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.mobile-header{display:none}@media(max-width:768px){.sidebar{left:0;right:auto;transform:translate(-100%);border-right:1px solid var(--sidebar-border);border-left:none;z-index:1000}.mobile-header{display:flex!important}.sidebar.open{transform:translate(0)}.main-content{margin-left:0!important}}.mobile-overlay{display:none;position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:950;opacity:0;transition:opacity .3s ease;pointer-events:none}.mobile-overlay.open{display:block;opacity:1;pointer-events:auto}.main-content{flex:1;min-width:0;margin-left:var(--sidebar-width);transition:margin-left .3s cubic-bezier(.4,0,.2,1);min-height:100vh;display:flex;flex-direction:column}.sidebar.collapsed+.main-content,.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}@media(max-width:768px){.main-content{margin-left:0!important}}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:var(--nav-item-color);text-decoration:none;transition:all .2s;font-weight:500;white-space:nowrap}.nav-item:hover{background-color:var(--table-row-hover);color:var(--color-text-primary)}.nav-item.active{background-color:var(--nav-item-bg-active)!important;color:var(--nav-item-color-active)!important}.mobile-overlay{display:none;position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:140;opacity:0;pointer-events:none;transition:opacity .3s}@media(max-width:768px){.mobile-overlay{display:block}.mobile-overlay.open{opacity:1;pointer-events:auto}}.sidebar-header-text{color:var(--color-text-primary)!important}.sidebar-logo{border-bottom:1px solid var(--sidebar-border)!important}.app-container{max-width:1400px;margin:0 auto;padding:var(--spacing-md)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.grid-2-col{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.grid-3-col{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.grid-4-col,.grid-lg-4-col{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.grid-lg-3-col{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.grid-lg-2-col{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.show-mobile{display:none!important}.hide-mobile{display:flex!important}.fab{position:fixed;bottom:calc(100px + env(safe-area-inset-bottom));right:1.5rem;width:56px;height:56px;border-radius:50%;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #0006;z-index:90;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);border:none}.fab:active{transform:scale(.9) rotate(5deg)}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.modal-content{background:var(--color-bg-secondary);border:1px solid var(--input-border);border-radius:20px;max-height:90vh;overflow-y:auto;width:100%}@media(max-width:640px){.modal-content{border-radius:16px;padding:1.5rem!important}}@media(max-width:1024px){.grid-4-col,.grid-3-col{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-4-col,.grid-3-col,.grid-2-col,.grid-lg-4-col,.grid-lg-3-col,.grid-lg-2-col{grid-template-columns:1fr}.show-mobile{display:flex!important}.hide-mobile{display:none!important}.glass-card{padding:1.25rem}.app-container{padding:1rem}}.editor-main-layout{display:flex!important;flex:1;gap:1.5rem;min-height:0}.editor-column{flex:1;overflow-y:auto}.preview-column{flex:1;overflow-y:auto;position:sticky;top:0}@media(max-width:1024px){.editor-main-layout{flex-direction:column!important}.preview-column{position:relative;top:auto}}@media(max-width:640px){.items-header-grid{display:none!important}.glass-premium-card{background:linear-gradient(135deg,var(--color-bg-secondary) 0%,rgba(100,108,255,.02) 100%)}}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.skeleton{background:var(--table-border);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-circle{border-radius:50%}.a4-container-root{aspect-ratio:1 / 1.414;width:100%;max-width:794px;position:relative;margin:0 auto}@media(max-width:640px){.a4-container-root{width:95vw}}.accordion-section{transition:all .3s ease}.accordion-header{cursor:pointer;-webkit-user-select:none;user-select:none}.accordion-content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .3s ease,opacity .3s ease;opacity:0}.accordion-content.open{max-height:2000px;opacity:1}.dashboard-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%;margin:0}@media(min-width:1024px){.dashboard-stat-grid{grid-template-columns:repeat(4,1fr);gap:24px}}@media(max-width:320px){.dashboard-stat-grid{grid-template-columns:1fr;gap:12px}}.recent-item-card{transition:all .2s ease}.recent-item-card:active{transform:scale(.98);background:var(--table-row-hover)}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--table-border);margin-bottom:1.5rem;gap:1.5rem;background:var(--color-bg-secondary);width:100%;position:sticky;top:0;z-index:100;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .3s ease}.editor-header-title-row{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.editor-page-title{font-size:1.25rem;font-weight:800;margin:0;color:var(--color-text-primary);white-space:nowrap}.editor-metadata{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--color-text-secondary);font-weight:500}.editor-controls{display:flex;align-items:center;gap:8px}.header-actions{display:flex!important;align-items:center;gap:12px}.header-actions button{min-width:100px;justify-content:center;font-size:.85rem;font-weight:700;padding:.6rem 1rem}.hide-tablet{display:inline-block}@media(max-width:1024px){.hide-tablet{display:none!important}.header-actions button{min-width:40px;padding:.6rem}}.pill-selector{appearance:auto;background:var(--color-bg-secondary);border:2px solid var(--color-accent);border-radius:100px;padding:6px 30px 6px 14px;font-size:.75rem;font-weight:800;color:var(--color-text-primary)!important;text-transform:uppercase;cursor:pointer;transition:all .2s;outline:none;min-width:100px}.pill-selector:hover{border-color:var(--color-accent-hover);box-shadow:0 0 0 2px #646cff1a}.pill-selector option{background:var(--color-bg-secondary);color:var(--color-text-primary);padding:10px}.sticky-bottom-bar{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-secondary);padding:.75rem 1.25rem calc(.75rem + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #00000014;border-top:1px solid var(--table-border);z-index:1000;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media(max-width:768px){.editor-header{flex-direction:column;align-items:stretch;gap:1rem;padding:.5rem 0 1rem;margin-bottom:.5rem}.editor-header-title-row{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}.editor-controls{justify-content:flex-start;width:100%;overflow-x:auto;padding-bottom:4px;-ms-overflow-style:none;scrollbar-width:none;display:flex!important}.editor-controls::-webkit-scrollbar{display:none}.sticky-bottom-bar{display:flex!important;justify-content:space-between;gap:10px}.sticky-bottom-bar button{flex:1;padding:10px!important;font-size:.85rem!important;justify-content:center;min-height:48px}.sticky-bottom-bar .delete-btn{flex:0 0 48px!important;background-color:var(--color-bg-primary);color:#ef4444}.sticky-bottom-bar .btn-primary{flex:1.5}.editor-main-layout{padding-bottom:100px!important}.header-actions{display:none!important}.mobile-only{margin-bottom:1.5rem!important;margin-top:.5rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.grid-stack-mobile{display:grid;gap:.75rem}.mobile-item-list{display:none;flex-direction:column;gap:1.25rem;padding:1rem 0}.item-card{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:var(--color-bg-secondary);border:1px solid var(--table-border);border-radius:20px;position:relative;box-shadow:0 4px 12px #00000008;transition:all .2s ease}.item-card:focus-within{border-color:var(--color-accent);box-shadow:0 8px 24px #2563eb14}.item-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.item-card-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:12px;align-items:flex-end}.item-card-label{font-size:.65rem;font-weight:800;color:var(--color-text-secondary);text-transform:uppercase;margin-bottom:4px}@media(max-width:768px){.mobile-item-list{display:flex}.grid-stack-mobile{grid-template-columns:1fr!important}}