.noorwriter-logo[data-v-62b16911]{display:inline-flex;align-items:center;justify-content:center}.noorwriter-logo.logo-clickable[data-v-62b16911]{cursor:pointer;transition:transform .2s ease}.noorwriter-logo.logo-clickable[data-v-62b16911]:hover{transform:scale(1.05)}.noorwriter-logo.logo-error[data-v-62b16911]{background:var(--nw-primary);color:var(--nw-white);border-radius:var(--nw-radius-md);font-weight:700;display:flex;align-items:center;justify-content:center}.noorwriter-logo.logo-error[data-v-62b16911]:after{content:"NoorWriter";font-size:1rem}.logo-image[data-v-62b16911]{max-width:100%;height:auto;object-fit:contain;transition:opacity .3s ease}@media (max-width: 768px){.logo-image[data-v-62b16911]{max-width:90%}}@media (max-width: 480px){.logo-image[data-v-62b16911]{max-width:80%}}@media (max-width: 480px){.logo-small .logo-image[data-v-62b16911]{max-width:100px}}@media (max-width: 768px){.logo-medium .logo-image[data-v-62b16911]{max-width:150px}}@media (max-width: 480px){.logo-medium .logo-image[data-v-62b16911]{max-width:120px}}@media (max-width: 768px){.logo-large .logo-image[data-v-62b16911]{max-width:200px}}@media (max-width: 480px){.logo-large .logo-image[data-v-62b16911]{max-width:160px}}@media (max-width: 768px){.logo-xlarge .logo-image[data-v-62b16911]{max-width:250px}}@media (max-width: 480px){.logo-xlarge .logo-image[data-v-62b16911]{max-width:200px}}.app-navigation[data-v-d2f869c6]{background:var(--nw-bg-primary);box-shadow:var(--nw-shadow-sm);border-bottom:1px solid var(--nw-border-light);position:sticky;top:0;z-index:var(--nw-z-sticky)}.nav-container[data-v-d2f869c6]{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:64px;position:relative}.nav-brand[data-v-d2f869c6]{text-decoration:none;display:flex;align-items:center;transition:transform .2s ease}.nav-brand[data-v-d2f869c6]:hover{transform:scale(1.02)}.nav-links[data-v-d2f869c6]{display:flex;align-items:center;gap:2rem}@media (max-width: 768px){.nav-links[data-v-d2f869c6]{display:none}}.nav-link[data-v-d2f869c6]{text-decoration:none;color:var(--nw-text-primary);font-weight:500;transition:all .3s ease;opacity:.8}.nav-link[data-v-d2f869c6]:hover{color:var(--nw-primary);opacity:1;transform:translateY(-1px)}.nav-link.router-link-active[data-v-d2f869c6],.nav-link.auth-link[data-v-d2f869c6]{color:var(--nw-primary);font-weight:600;opacity:1}.nav-auth[data-v-d2f869c6]{display:flex;align-items:center;gap:1rem}@media (max-width: 768px){.nav-auth[data-v-d2f869c6]{display:none}}.btn[data-v-d2f869c6]{display:inline-block;padding:.5rem 1rem;border-radius:6px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.btn-primary[data-v-d2f869c6]{background:var(--nw-primary);color:var(--nw-white)}.btn-primary[data-v-d2f869c6]:hover{background:var(--nw-primary-light)}.user-menu[data-v-d2f869c6]{display:flex;align-items:center;gap:1rem}.user-name[data-v-d2f869c6]{font-weight:500;color:var(--nw-text-primary)}.user-plan[data-v-d2f869c6]{padding:.25rem .5rem;border-radius:var(--nw-radius-xl);font-size:.75rem;font-weight:600}.user-plan.free[data-v-d2f869c6]{background:var(--nw-secondary);color:var(--nw-text-inverse)}.user-plan.premium[data-v-d2f869c6]{background:var(--nw-success);color:var(--nw-text-inverse)}.sign-out-btn[data-v-d2f869c6]{background:transparent;border:1px solid var(--nw-error);color:var(--nw-error);padding:.25rem .75rem;border-radius:var(--nw-radius-sm);cursor:pointer;font-size:.875rem;transition:all .3s ease}.sign-out-btn[data-v-d2f869c6]:hover{background:var(--nw-error);color:var(--nw-text-inverse)}.mobile-menu-toggle[data-v-d2f869c6]{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.75rem;min-width:44px;min-height:44px;align-items:center;justify-content:center;position:relative}@media (max-width: 768px){.mobile-menu-toggle[data-v-d2f869c6]{display:flex}}.mobile-menu-toggle span[data-v-d2f869c6]{width:20px;height:2px;background:var(--nw-text-primary);margin:2px 0;transition:all .3s ease;transform-origin:center center;display:block}.mobile-menu-toggle.active span[data-v-d2f869c6]{position:absolute;margin:0;top:50%;left:50%;transform-origin:center center}.mobile-menu-toggle.active span[data-v-d2f869c6]:nth-child(1){transform:translate(-50%,-50%) rotate(-45deg)}.mobile-menu-toggle.active span[data-v-d2f869c6]:nth-child(2){opacity:0}.mobile-menu-toggle.active span[data-v-d2f869c6]:nth-child(3){transform:translate(-50%,-50%) rotate(45deg)}.mobile-menu-backdrop[data-v-d2f869c6]{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--nw-bg-overlay);z-index:var(--nw-z-fixed)}@media (min-width: 769px){.mobile-menu-backdrop[data-v-d2f869c6]{display:none}}.mobile-menu[data-v-d2f869c6]{display:none;background:var(--nw-bg-primary);border-top:1px solid var(--nw-border-light);position:fixed;top:64px;left:0;right:0;z-index:calc(var(--nw-z-fixed) + 1);box-shadow:var(--nw-shadow-md)}.mobile-menu__container[data-v-d2f869c6]{padding:1rem 2rem}@media (max-width: 768px){.mobile-menu[data-v-d2f869c6]{display:block;max-height:0;overflow:hidden;padding:0;transition:max-height .3s ease,box-shadow .3s ease}.mobile-menu.open[data-v-d2f869c6]{max-height:500px;box-shadow:var(--nw-shadow-lg)}}.mobile-nav-link[data-v-d2f869c6]{display:block;padding:.75rem 0;text-decoration:none;color:var(--nw-text-primary);font-weight:500;border-bottom:1px solid var(--nw-border-light);transition:all .3s ease;opacity:.9}.mobile-nav-link[data-v-d2f869c6]:hover{color:var(--nw-primary);opacity:1;padding-left:.5rem;background:var(--nw-bg-secondary)}.mobile-nav-link.router-link-active[data-v-d2f869c6]{color:var(--nw-primary);font-weight:600;opacity:1;border-left:3px solid var(--nw-primary);padding-left:.5rem;background:var(--nw-primary-lightest)}.mobile-nav-link[data-v-d2f869c6]:last-child{border-bottom:none}.mobile-auth[data-v-d2f869c6]{margin-top:1rem;padding-top:1rem}.mobile-signup[data-v-d2f869c6]{margin-top:1rem;text-align:center}.mobile-user-info[data-v-d2f869c6]{display:flex;flex-direction:column;gap:.5rem}.mobile-user-name[data-v-d2f869c6]{font-weight:500;color:var(--nw-text-primary)}.mobile-user-plan[data-v-d2f869c6]{padding:.25rem .5rem;border-radius:var(--nw-radius-xl);font-size:.75rem;font-weight:600;align-self:flex-start}.mobile-user-plan.free[data-v-d2f869c6]{background:var(--nw-secondary);color:var(--nw-text-inverse)}.mobile-user-plan.premium[data-v-d2f869c6]{background:var(--nw-success);color:var(--nw-text-inverse)}.mobile-sign-out-btn[data-v-d2f869c6]{background:transparent;border:1px solid var(--nw-error);color:var(--nw-error);padding:.5rem 1rem;border-radius:var(--nw-radius-sm);cursor:pointer;font-size:.875rem;transition:all .3s ease;align-self:flex-start}.mobile-sign-out-btn[data-v-d2f869c6]:hover{background:var(--nw-error);color:var(--nw-text-inverse)}.app{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--nw-primary: #3D5A78;--nw-primary-light: #4A6B8A;--nw-primary-lighter: #5A7B9C;--nw-primary-lightest: #E8EDF3;--nw-primary-dark: #334A63;--nw-primary-darker: #2A3F54;--nw-primary-darkest: #1F2E3F;--nw-primary-10: rgba(61, 90, 120, .1);--nw-primary-20: rgba(61, 90, 120, .2);--nw-primary-30: rgba(61, 90, 120, .3);--nw-primary-50: rgba(61, 90, 120, .5);--nw-secondary: #6B7A8A;--nw-secondary-light: #7A8A9A;--nw-secondary-dark: #5A6A7A;--nw-accent: #4A90A4;--nw-accent-light: #5AA0B4;--nw-accent-dark: #3A8094;--nw-success: #22C55E;--nw-success-light: #34D572;--nw-success-dark: #16A34A;--nw-success-bg: #F0FDF4;--nw-warning: #F59E0B;--nw-warning-light: #FBBF24;--nw-warning-dark: #D97706;--nw-warning-bg: #FFFBEB;--nw-error: #EF4444;--nw-error-light: #F87171;--nw-error-dark: #DC2626;--nw-error-bg: #FEF2F2;--nw-info: #3B82F6;--nw-info-light: #60A5FA;--nw-info-dark: #2563EB;--nw-info-bg: #EFF6FF;--nw-premium: #EAB308;--nw-premium-light: #FDE047;--nw-premium-dark: #CA8A04;--nw-premium-bg: #FEFCE8;--nw-white: #FFFFFF;--nw-black: #000000;--nw-gray-50: #F9FAFB;--nw-gray-100: #F3F4F6;--nw-gray-200: #E5E7EB;--nw-gray-300: #D1D5DB;--nw-gray-400: #9CA3AF;--nw-gray-500: #6B7280;--nw-gray-600: #4B5563;--nw-gray-700: #374151;--nw-gray-800: #1F2937;--nw-gray-900: #111827;--nw-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--nw-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--nw-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--nw-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--nw-focus-ring: 0 0 0 3px var(--nw-primary-20);--nw-space-xs: .25rem;--nw-space-sm: .5rem;--nw-space-md: 1rem;--nw-space-lg: 1.5rem;--nw-space-xl: 2rem;--nw-space-2xl: 3rem;--nw-space-3xl: 4rem;--nw-radius-sm: .25rem;--nw-radius-md: .5rem;--nw-radius-lg: .75rem;--nw-radius-xl: 1rem;--nw-radius-full: 9999px;--nw-font-size-xs: .75rem;--nw-font-size-sm: .875rem;--nw-font-size-base: 1rem;--nw-font-size-lg: 1.125rem;--nw-font-size-xl: 1.25rem;--nw-font-size-2xl: 1.5rem;--nw-font-size-3xl: 1.875rem;--nw-font-size-4xl: 2.25rem;--nw-font-weight-normal: 400;--nw-font-weight-medium: 500;--nw-font-weight-semibold: 600;--nw-font-weight-bold: 700;--nw-line-height-tight: 1.25;--nw-line-height-normal: 1.5;--nw-line-height-relaxed: 1.75;--nw-z-dropdown: 1000;--nw-z-sticky: 1020;--nw-z-fixed: 1030;--nw-z-modal-backdrop: 1040;--nw-z-modal: 1050;--nw-z-popover: 1060;--nw-z-tooltip: 1070;--nw-z-toast: 1080}:root,html.light{--nw-text-primary: var(--nw-gray-900);--nw-text-secondary: var(--nw-gray-600);--nw-text-muted: var(--nw-gray-500);--nw-text-disabled: var(--nw-gray-400);--nw-text-inverse: var(--nw-white);--nw-bg-primary: var(--nw-white);--nw-bg-secondary: var(--nw-gray-50);--nw-bg-tertiary: var(--nw-gray-100);--nw-bg-overlay: rgba(0, 0, 0, .5);--nw-border-light: var(--nw-gray-200);--nw-border-medium: var(--nw-gray-300);--nw-border-dark: var(--nw-gray-400);--nw-border-primary: var(--nw-primary);--nw-primary-lightest: #E8EDF3;--nw-primary-lighter: #5A7B9C}html.dark{--nw-primary-lightest: #2A3F54;--nw-primary-lighter: #334A63;--nw-text-primary: var(--nw-gray-100);--nw-text-secondary: var(--nw-gray-300);--nw-text-muted: var(--nw-gray-400);--nw-text-disabled: var(--nw-gray-500);--nw-text-inverse: var(--nw-gray-900);--nw-bg-primary: var(--nw-gray-900);--nw-bg-secondary: var(--nw-gray-800);--nw-bg-tertiary: var(--nw-gray-700);--nw-bg-overlay: rgba(0, 0, 0, .8);--nw-border-light: var(--nw-gray-700);--nw-border-medium: var(--nw-gray-600);--nw-border-dark: var(--nw-gray-500);--nw-border-primary: var(--nw-primary);--nw-success-bg: #0F1F13;--nw-warning-bg: #1F1A0F;--nw-error-bg: #1F0F0F;--nw-info-bg: #0F1419;--nw-premium-bg: #1F1C0F}@media (prefers-contrast: high){:root{--nw-primary: #2A3F54;--nw-border-light: var(--nw-gray-400);--nw-border-medium: var(--nw-gray-500)}}*{box-sizing:border-box}html{font-size:16px;line-height:1.6}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--nw-bg-primary);color:var(--nw-text-primary)}h1,h2,h3,h4,h5,h6{margin:0 0 1rem;font-weight:600;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin:0 0 1rem}a{color:var(--nw-primary);text-decoration:none}a:hover{color:var(--nw-primary-light);text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.btn{display:inline-block;padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:all .3s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--nw-primary);color:var(--nw-white)}.btn-primary:hover:not(:disabled){background:var(--nw-primary-light);transform:translateY(-2px)}.btn-primary:active:not(:disabled){background:var(--nw-primary-dark)}.btn-secondary{background:var(--nw-secondary);color:var(--nw-white)}.btn-secondary:hover:not(:disabled){background:var(--nw-secondary-dark);transform:translateY(-2px)}.btn-success{background:var(--nw-success);color:var(--nw-white)}.btn-success:hover:not(:disabled){background:var(--nw-success-dark);transform:translateY(-2px)}.btn-danger{background:var(--nw-error);color:var(--nw-white)}.btn-danger:hover:not(:disabled){background:var(--nw-error-dark);transform:translateY(-2px)}.btn-outline{background:transparent;border:2px solid var(--nw-primary);color:var(--nw-primary)}.btn-outline:hover:not(:disabled){background:var(--nw-primary);color:var(--nw-white)}.btn-outline:active:not(:disabled){background:var(--nw-primary-dark);border-color:var(--nw-primary-dark);color:var(--nw-white)}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--nw-text-primary)}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem;border:2px solid var(--nw-border-light);border-radius:var(--nw-radius-md);font-size:1rem;transition:border-color .3s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--nw-primary);box-shadow:var(--nw-focus-ring)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--nw-bg-secondary);cursor:not-allowed}.form-textarea{resize:vertical;min-height:120px}.card{background:var(--nw-bg-primary);border-radius:var(--nw-radius-lg);box-shadow:var(--nw-shadow-md);overflow:hidden}.card-header{padding:1.5rem;border-bottom:1px solid var(--nw-border-light);background:var(--nw-bg-secondary)}.card-body{padding:1.5rem}.card-footer{padding:1rem 1.5rem;border-top:1px solid var(--nw-border-light);background:var(--nw-bg-secondary)}.alert{padding:1rem;border-radius:var(--nw-radius-md);margin-bottom:1rem}.alert-success{background:var(--nw-success-bg);color:var(--nw-success-dark);border:1px solid var(--nw-success)}.alert-error{background:var(--nw-error-bg);color:var(--nw-error-dark);border:1px solid var(--nw-error)}.alert-warning{background:var(--nw-warning-bg);color:var(--nw-warning-dark);border:1px solid var(--nw-warning)}.alert-info{background:var(--nw-info-bg);color:var(--nw-info-dark);border:1px solid var(--nw-info)}.spinner{width:40px;height:40px;border:4px solid var(--nw-gray-200);border-top:4px solid var(--nw-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.container{padding:0 1rem}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}.btn{padding:.625rem 1.25rem;font-size:.875rem}}