/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-blue-600:oklch(54.6% .245 262.881);--color-white:#fff;--spacing:.25rem;--container-md:28rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-bold:700;--radius-md:.375rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.mt-4{margin-top:calc(var(--spacing)*4)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-5{height:calc(var(--spacing)*5)}.h-\[18px\]{height:18px}.h-screen{height:100vh}.min-h-\[50vh\]{min-height:50vh}.min-h-screen{min-height:100vh}.w-5{width:calc(var(--spacing)*5)}.w-\[18px\]{width:18px}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-blue-600{background-color:var(--color-blue-600)}.bg-white{background-color:var(--color-white)}.p-2{padding:calc(var(--spacing)*2)}.p-6{padding:calc(var(--spacing)*6)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-blue-600{color:var(--color-blue-600)}.text-red-500{color:var(--color-red-500)}.text-white{color:var(--color-white)}.italic{font-style:italic}.underline{text-decoration-line:underline}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{color-scheme:light;color:#213547;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;background-color:#fff;font-family:Vazirmatn,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{width:100%;max-width:100vw;overflow-x:hidden}input,select,textarea{color:#2d3748!important;background-color:#fff!important}input::placeholder,textarea::placeholder{opacity:1;color:#a0aec0!important}input:focus,select:focus,textarea:focus{color:#2d3748!important}body,div,span,p,h1,h2,h3,h4,h5,h6{color:inherit}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#3e7b27}body{min-width:320px;min-height:100vh;margin:0;padding:0;overflow-x:hidden}#root{width:100%;min-height:100vh;margin:0;padding:0}h1{font-size:3.2em;line-height:1.1}button{color:#213547;cursor:pointer;background-color:#f9f9f9;border:1px solid #0000;border-radius:12px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}[dir=rtl]{text-align:right}[dir=rtl] body{font-family:Vazirmatn,sans-serif}[dir=rtl] .navbar{direction:rtl}[dir=rtl] .navbar-brand{margin-right:0;margin-left:auto}[dir=rtl] .navbar-nav{flex-direction:row-reverse}[dir=rtl] .nav-link,[dir=rtl] .form-group,[dir=rtl] .form-label{text-align:right}[dir=rtl] .input-icon{left:auto;right:.75rem}[dir=rtl] .form-input{padding-left:1rem;padding-right:3rem;text-align:right}[dir=rtl] .btn-hero,[dir=rtl] .btn-primary,[dir=rtl] .btn-secondary{flex-direction:row-reverse}[dir=rtl] .feature-card,[dir=rtl] .dashboard-card{text-align:right}[dir=rtl] .profile-header-content,[dir=rtl] .profile-actions,[dir=rtl] .info-row{flex-direction:row-reverse}[dir=rtl] .feature-item{text-align:right}[dir=rtl] .features-grid{direction:rtl}[dir=rtl] .featured-card-content{flex-direction:row-reverse}[dir=rtl] .dashboard-grid{direction:rtl}[dir=rtl] .auth-footer{text-align:center}[dir=rtl] .form-row{direction:rtl}[dir=rtl] .dropdown-menu{left:auto;right:0;text-align:right}[dir=rtl] .subscription-details{direction:rtl}[dir=rtl] .nav-link i,[dir=rtl] .btn i{margin-right:0;margin-left:.5rem}[dir=rtl] .hero-content{text-align:right}[dir=rtl] .hero-buttons,[dir=rtl] .features{direction:rtl}[dir=rtl] .email-instructions{text-align:right}[dir=rtl] .instructions-list{direction:rtl}[dir=rtl] .instruction-item{flex-direction:row-reverse}[dir=rtl] .step-number{margin-right:0;margin-left:1rem}[dir=rtl] .lang-switcher{flex-direction:row-reverse}[dir=rtl] .left-sidebar{left:auto;right:0;box-shadow:-2px 0 15px #0000001a}[dir=rtl] .dashboard-container .main-content{margin-left:0;margin-right:280px}[dir=rtl] .mobile-menu-toggle{left:auto;right:1rem}[dir=rtl] .nav-item{flex-direction:row-reverse;text-align:right}[dir=rtl] .nav-item i{margin-left:0;margin-right:0}[dir=rtl] .section-header,[dir=rtl] .section-title,[dir=rtl] .section-description,[dir=rtl] .count-card{text-align:right}[dir=rtl] .category-grid,[dir=rtl] .materials-grid,[dir=rtl] .material-search-container{direction:rtl}[dir=rtl] .material-search-container input{text-align:right;padding-left:1rem;padding-right:2.5rem}[dir=rtl] .analysis-container{direction:rtl}[dir=rtl] .results-header,[dir=rtl] .result-actions{flex-direction:row-reverse}@media (max-width: 768px){[dir=rtl] .left-sidebar{left:auto;right:0;transform:translate(100%)}[dir=rtl] .left-sidebar.open{transform:translate(0)}[dir=rtl] .dashboard-container .main-content{margin-right:0}}[dir=rtl] .my-materials-container{direction:rtl;text-align:right}[dir=rtl] .subscription-tier-features{text-align:right}[dir=rtl] .subscription-tier-feature-item{flex-direction:row-reverse}[dir=rtl] .payment-container,[dir=rtl] .checkout-container{direction:rtl;text-align:right}[dir=rtl] .password-toggle-btn{left:.75rem;right:auto}[dir=rtl] .password-input-wrapper input{padding-left:2.5rem;padding-right:1rem}.toast-container{position:fixed;top:1.5rem;right:1.5rem;z-index:10000;display:flex;flex-direction:column;gap:.75rem;max-width:420px;width:calc(100% - 3rem);pointer-events:none}[dir=rtl] .toast-container{right:auto;left:1.5rem}.toast-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;border-radius:12px;box-shadow:0 8px 30px #0000001f,0 2px 8px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;position:relative;overflow:hidden}.toast-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}[dir=rtl] .toast-item:before{left:auto;right:0}.toast-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.toast-success:before{background:#22c55e}.toast-success .toast-icon{color:#22c55e}.toast-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.toast-error:before{background:#ef4444}.toast-error .toast-icon{color:#ef4444}.toast-warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.toast-warning:before{background:#f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.toast-info:before{background:#3b82f6}.toast-info .toast-icon{color:#3b82f6}.toast-enter{animation:toastSlideIn .3s ease forwards}.toast-exit{animation:toastSlideOut .3s ease forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}[dir=rtl] .toast-enter{animation:toastSlideInRTL .3s ease forwards}@keyframes toastSlideInRTL{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-icon{flex-shrink:0;display:flex;align-items:center;padding-top:1px}.toast-body{flex:1;min-width:0}.toast-title{font-weight:600;font-size:.95rem;margin-bottom:.25rem;line-height:1.3}.toast-message{font-size:.85rem;line-height:1.5;opacity:.85}.toast-close{flex-shrink:0;background:none;border:none;cursor:pointer;padding:.25rem;border-radius:6px;color:inherit;opacity:.5;transition:opacity .2s,background .2s;display:flex;align-items:center}.toast-close:hover{opacity:1;background:#0000000d}@media (max-width: 768px){.toast-container{top:1rem;right:1rem;left:1rem;max-width:100%;width:auto}}.comparison-table-container{width:100%;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.comparison-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e2e8f0;flex-wrap:wrap;gap:1.5rem}.header-title h3{font-size:1.5rem;font-weight:700;color:#1a202c;margin:0 0 .25rem}.header-subtitle{font-size:.95rem;color:#718096;margin:0}.comparison-stats{display:flex;gap:1.5rem;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1rem;border-radius:8px;min-width:90px}.stat-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.5rem;font-weight:700}.stat-total{background:linear-gradient(135deg,#edf2f7,#e2e8f0);color:#2d3748}.stat-pass{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724}.stat-fail{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24}.stat-percentage{background:linear-gradient(135deg,#e6f7ff,#b3e0ff);color:#003d66}.table-wrapper{overflow-x:auto;margin-bottom:1.5rem;border-radius:8px;border:1px solid #e2e8f0}.comparison-table{width:100%;border-collapse:collapse;font-size:.9rem;background:#fff}.comparison-table thead{background:linear-gradient(135deg,#3e7b27,#5a9e3f);color:#fff;position:sticky;top:0;z-index:10}.comparison-table th{padding:1rem;text-align:left;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;border-bottom:2px solid rgba(255,255,255,.3)}.property-header{width:25%;min-width:150px}.specification-header{width:20%;min-width:120px;text-align:center}.result-header{width:15%;min-width:100px;text-align:center}.unit-header,.test-method-header{width:20%;min-width:120px;text-align:center}.comparison-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s ease}.comparison-table tbody tr:hover:not(.group-header-row){background-color:#f7fafc}.comparison-table td{padding:.875rem 1rem}.property-cell{font-weight:600;color:#2d3748}.specification-cell{text-align:center;color:#4a5568;font-weight:500}.result-cell{text-align:center;font-weight:700;font-size:1rem}.unit-cell{text-align:center;color:#718096;font-size:.85rem}.test-method-cell{text-align:center;color:#718096;font-size:.85rem;font-family:Courier New,monospace}.result-pass{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;font-weight:700;box-shadow:inset 0 0 0 1px #28a745}.result-fail{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;font-weight:700;box-shadow:inset 0 0 0 1px #dc3545}.result-normal{color:#2d3748}.group-header-row{background:linear-gradient(135deg,#edf2f7,#e2e8f0)}.group-header{padding:.75rem 1rem;font-weight:700;font-size:.9rem;color:#2d3748;text-transform:uppercase;letter-spacing:1px;border-top:2px solid #cbd5e0;border-bottom:2px solid #cbd5e0}.comparison-legend{display:flex;gap:2rem;padding:1rem;background:#f7fafc;border-radius:8px;flex-wrap:wrap;justify-content:center}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#4a5568}.legend-color{width:24px;height:24px;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.legend-pass{background:linear-gradient(135deg,#d4edda,#c3e6cb)}.legend-fail{background:linear-gradient(135deg,#f8d7da,#f5c6cb)}.legend-normal{background:#fff;border:1px solid #e2e8f0}@media (max-width: 1024px){.comparison-header{flex-direction:column;align-items:flex-start}.comparison-stats{width:100%;justify-content:space-between}.stat-item{flex:1;min-width:80px}}@media (max-width: 768px){.comparison-table-container{padding:1rem}.comparison-header{margin-bottom:1.5rem}.header-title h3{font-size:1.2rem}.comparison-stats{flex-direction:column;width:100%}.stat-item{flex-direction:row;justify-content:space-between;width:100%}.comparison-table{font-size:.8rem}.comparison-table th,.comparison-table td{padding:.5rem}.legend-item{font-size:.75rem}}@media print{.comparison-table-container{box-shadow:none;page-break-inside:avoid}.comparison-table thead{background:#3e7b27!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.result-pass,.result-fail{-webkit-print-color-adjust:exact;print-color-adjust:exact}}[dir=rtl] .comparison-table th,[dir=rtl] .comparison-table td{text-align:right}[dir=rtl] .specification-cell,[dir=rtl] .result-cell,[dir=rtl] .unit-cell,[dir=rtl] .test-method-cell{text-align:center}[dir=rtl] .comparison-header,[dir=rtl] .comparison-stats,[dir=rtl] .legend-item{flex-direction:row-reverse}.standard-comparison-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.standard-comparison-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.standard-comparison-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:2px solid #e2e8f0;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:16px 16px 0 0}.standard-comparison-modal-header .modal-title{font-size:1.5rem;font-weight:700;color:#1a202c;margin:0;display:flex;align-items:center;gap:.75rem}.standard-comparison-modal-header .modal-title i{color:#3e7b27;font-size:1.5rem}.modal-close-button{width:40px;height:40px;border-radius:8px;background:#fff;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#718096;font-size:1.2rem}.modal-close-button:hover{background:#fed7d7;border-color:#fc8181;color:#c53030}.standard-comparison-modal-body{padding:2rem;overflow-y:auto;flex:1}.comparison-info-banner{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#ebf8ff,#e6fffa);border:2px solid #bee3f8;border-radius:10px;margin-bottom:2rem;color:#2c5282;font-size:.95rem}.comparison-info-banner i{font-size:1.5rem;color:#3182ce;flex-shrink:0}.comparison-placeholder{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px dashed #cbd5e0;border-radius:12px;margin-bottom:2rem}.comparison-placeholder .placeholder-icon{width:80px;height:80px;margin:0 auto 1.5rem;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a}.comparison-placeholder .placeholder-icon i{font-size:2.5rem;color:#3e7b27}.comparison-placeholder h3{font-size:1.5rem;font-weight:700;color:#1a202c;margin-bottom:1rem}.comparison-placeholder p{font-size:1rem;color:#4a5568;line-height:1.6;max-width:600px;margin:0 auto .5rem}.comparison-placeholder .placeholder-note{font-weight:600;color:#2d3748;margin-top:2rem;margin-bottom:1rem}.feature-list{list-style:none;padding:0;margin:0;display:inline-block;text-align:left}.feature-list li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:#4a5568;font-size:.95rem}.feature-list li i{color:#48bb78;font-size:1rem;flex-shrink:0}.calculation-results-preview{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem}.calculation-results-preview h4{font-size:1.1rem;font-weight:700;color:#2d3748;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem}.result-item{padding:.75rem 1rem;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.result-key{color:#4a5568;font-weight:600}.result-value{color:#1a202c;font-weight:700}.result-item.more-results{background:linear-gradient(135deg,#edf2f7,#e2e8f0);border:1px dashed #cbd5e0;justify-content:center;font-style:italic;color:#718096}.standard-comparison-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem 2rem;border-top:2px solid #e2e8f0;background:#f7fafc;border-radius:0 0 16px 16px}.standard-comparison-modal-footer button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;border:none}.standard-comparison-modal-footer .btn-secondary{background:#fff;color:#4a5568;border:2px solid #e2e8f0}.standard-comparison-modal-footer .btn-secondary:hover{background:#edf2f7;border-color:#cbd5e0;color:#2d3748}.standard-comparison-modal-footer .btn-primary{background:linear-gradient(135deg,#3e7b27,#5a9e3f);color:#fff;border:2px solid transparent}.standard-comparison-modal-footer .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2d5a1d,#3e7b27);box-shadow:0 4px 12px #3e7b274d;transform:translateY(-2px)}.standard-comparison-modal-footer .btn-primary:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.standard-comparison-modal-content{max-width:100%;max-height:100vh;border-radius:0}.standard-comparison-modal-header{padding:1rem 1.5rem;border-radius:0}.standard-comparison-modal-header .modal-title{font-size:1.2rem}.standard-comparison-modal-body{padding:1.5rem}.comparison-placeholder{padding:2rem 1rem}.results-grid{grid-template-columns:1fr}.standard-comparison-modal-footer{flex-direction:column;padding:1rem 1.5rem;border-radius:0}.standard-comparison-modal-footer button{width:100%;justify-content:center}}[dir=rtl] .standard-comparison-modal-header .modal-title,[dir=rtl] .comparison-info-banner,[dir=rtl] .feature-list li,[dir=rtl] .standard-comparison-modal-footer button{flex-direction:row-reverse}[dir=rtl] .feature-list{text-align:right}.standard-comparison-section{width:100%;max-width:1400px;margin:0 auto;padding:2rem}.standard-comparison-section .section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.standard-comparison-section .header-content{flex:1;min-width:300px}.standard-comparison-section .section-title{font-size:2rem;font-weight:700;color:#1a202c;margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem}.standard-comparison-section .section-title i{color:#3e7b27}.standard-comparison-section .section-description{font-size:1rem;color:#4a5568;line-height:1.6}.standard-comparison-section .btn-back{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.95rem}.standard-comparison-section .btn-back:hover{background:#edf2f7;border-color:#cbd5e0;color:#2d3748;transform:translate(-2px)}.standard-comparison-section .info-banner{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#ebf8ff,#e6fffa);border:2px solid #bee3f8;border-radius:12px;margin-bottom:2rem;color:#2c5282;font-size:.95rem;line-height:1.6}.standard-comparison-section .info-banner i{font-size:1.5rem;color:#3182ce;flex-shrink:0;margin-top:.1rem}.standards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.standard-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden}.standard-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3e7b27,#5a9e3f);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.standard-card:hover{border-color:#3e7b27;transform:translateY(-4px);box-shadow:0 10px 25px #3e7b2726}.standard-card:hover:before{transform:scaleX(1)}.standard-card:focus{outline:3px solid #3E7B27;outline-offset:2px}.standard-card-header{display:flex;align-items:center;gap:1rem}.standard-icon{width:50px;height:50px;border-radius:10px;background:linear-gradient(135deg,#3e7b27,#5a9e3f);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 10px #3e7b2733}.standard-icon i{font-size:1.5rem;color:#fff}.standard-name{font-size:1.1rem;font-weight:700;color:#1a202c;margin:0;line-height:1.3}.standard-card-body{flex:1}.standard-description{font-size:.9rem;color:#718096;line-height:1.5;margin:0}.standard-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid #e2e8f0;margin-top:auto}.compare-link{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:#3e7b27;transition:color .2s ease}.standard-card:hover .compare-link{color:#2d5a1d}.compare-link i{font-size:1rem}.standard-card-footer>i{color:#cbd5e0;transition:all .2s ease}.standard-card:hover .standard-card-footer>i{color:#3e7b27;transform:translate(4px)}.empty-standards-state{text-align:center;padding:4rem 2rem;background:#fff;border:2px dashed #e2e8f0;border-radius:12px}.empty-standards-state .empty-icon{width:80px;height:80px;margin:0 auto 1.5rem;border-radius:50%;background:#f7fafc;display:flex;align-items:center;justify-content:center}.empty-standards-state .empty-icon i{font-size:2.5rem;color:#cbd5e0}.empty-standards-state h3{font-size:1.5rem;font-weight:700;color:#4a5568;margin-bottom:.5rem}.empty-standards-state p{font-size:1rem;color:#718096;max-width:500px;margin:0 auto}@media (max-width: 768px){.standard-comparison-section{padding:1rem}.standard-comparison-section .section-title{font-size:1.5rem}.standards-grid{grid-template-columns:1fr;gap:1rem}.standard-comparison-section .section-header{flex-direction:column;align-items:stretch}.standard-comparison-section .btn-back{width:100%;justify-content:center}.standard-comparison-section .info-banner{flex-direction:column;text-align:center}.standard-comparison-section .info-banner i{margin:0 auto}}[dir=rtl] .standard-comparison-section .section-title,[dir=rtl] .standard-comparison-section .info-banner,[dir=rtl] .standard-card-header,[dir=rtl] .compare-link{flex-direction:row-reverse}[dir=rtl] .standard-card:before{transform-origin:right}[dir=rtl] .standard-card:hover .standard-card-footer>i{transform:translate(-4px)}[dir=rtl] .standard-comparison-section .btn-back:hover{transform:translate(2px)}.dashboard-container{display:flex;min-height:100vh;width:100%;background:#efe3c2;margin:0;padding:0;box-sizing:border-box;position:relative}.mobile-menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:1001;background:#3e7b27;color:#fff;border:none;border-radius:8px;padding:.75rem;cursor:pointer;box-shadow:0 4px 12px #3e7b274d;transition:all .3s ease}.mobile-menu-toggle:hover{background:#85a947;transform:translateY(-2px);box-shadow:0 6px 20px #85a94766}.mobile-menu-toggle i{font-size:1.2rem}.left-sidebar{width:280px;background:#fff;color:#2d3748;box-shadow:2px 0 15px #0000001a;padding:1.5rem 1rem;position:fixed;top:0;left:0;height:100vh;overflow-y:auto;overflow-x:hidden;z-index:100;flex-shrink:0;transition:transform .3s ease;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.left-sidebar::-webkit-scrollbar{width:6px}.left-sidebar::-webkit-scrollbar-track{background:#fff}.left-sidebar::-webkit-scrollbar-thumb{background:#3e7b2726;border-radius:3px}.left-sidebar::-webkit-scrollbar-thumb:hover{background:#3e7b2733}.sidebar-header{padding-bottom:1.5rem;border-bottom:2px solid #e2e8f0;margin-bottom:1.5rem}.sidebar-title{font-size:1.5rem;font-weight:700;color:#123524}.sidebar-subtitle{color:#2d3748;font-size:.9rem}.nav-section{margin-bottom:1.5rem}.nav-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#4a5568;margin-bottom:.75rem}.nav-item{padding:.75rem 1rem;margin-bottom:.5rem;border-radius:12px;cursor:pointer;transition:all .3s ease;color:#4a5568;display:flex;align-items:center;gap:.75rem}.nav-item:hover{background:#3e7b27;color:#fff}.nav-item.active{background:#3e7b27;color:#fff;box-shadow:0 4px 15px #3e7b2766}.nav-item.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.nav-item.disabled.completed{opacity:1;cursor:pointer;pointer-events:auto}.nav-item.disabled.completed:hover{background:#3e7b27;color:#fff}.nav-item i{font-size:1.2rem;width:24px}.dashboard-container .main-content{flex:1;padding:2rem;min-height:100vh;width:100%;animation:fadeIn .5s ease;color:#2d3748;box-sizing:border-box;margin-left:280px;max-width:calc(100% - 280px)}.content-section{display:none;animation:fadeIn .5s ease;padding-bottom:2rem}.content-section.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-header{background:#fff;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 5px 15px #00000014;border-left:4px solid #3E7B27;color:#2d3748;max-width:100%}.section-title{font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:.5rem}.section-description{color:#2d3748;font-size:1.1rem}.count-card{background:#fff;color:#2d3748;padding:2rem;border-radius:12px;box-shadow:0 5px 15px #00000014;max-width:500px;margin:0 auto;width:100%}.count-icon{width:80px;height:80px;background:#3e7b27;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 8px 20px #3e7b274d}.count-icon i{font-size:2rem;color:#fff}.material-input{width:100%;padding:1rem;font-size:1.2rem;border:2px solid #e2e8f0;border-radius:12px;text-align:center;transition:all .3s ease;margin-bottom:1rem;color:#2d3748!important;background:#fff!important}.material-input::placeholder{color:#a0aec0!important}.material-input:focus{outline:none;border-color:#3e7b27;box-shadow:0 0 0 3px #3e7b271a;color:#2d3748!important}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem;max-width:100%}.category-card{background:#fff;color:#2d3748;padding:2rem;border-radius:12px;box-shadow:0 5px 15px #00000014;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:#3e7b27;transform:scaleX(0);transition:transform .3s ease}.category-card:hover:before{transform:scaleX(1)}.category-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.category-card.selected{background:#3e7b27;color:#fff;box-shadow:0 10px 30px #3e7b2766;transform:translateY(-5px)}.category-icon{font-size:2.5rem;margin-bottom:1rem}.category-card.selected .category-icon{color:#fff}.category-name{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.category-description{font-size:.9rem;opacity:.8}.materials-container{background:#fff;color:#2d3748;padding:1.5rem;border-radius:12px;box-shadow:0 5px 15px #00000014;margin-top:2rem;width:100%;max-width:100%;overflow:visible}.materials-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.search-box{flex:0 0 clamp(420px,50vw,700px);width:clamp(420px,50vw,700px);max-width:100%;min-width:320px;flex-shrink:0;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem}.search-box:focus{outline:none;border-color:#3e7b27;box-shadow:0 0 0 3px #3e7b271a}.materials-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem;width:100%;max-width:100%;min-height:280px}.material-item{padding:1rem;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#fff;color:#2d3748}.material-item:hover{border-color:#3e7b27;transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.material-item.selected{background:#3e7b27;color:#fff;border-color:#3e7b27;box-shadow:0 5px 15px #3e7b274d}.material-name{font-weight:600;margin-bottom:.25rem;font-size:.95rem}.material-english{font-size:.85rem;opacity:.8}.selection-info{padding:1rem;background:#fff;border-radius:12px;text-align:center;margin-top:1.5rem}.selected-count{font-size:1.2rem;font-weight:600}.percentages-container{background:#fff;color:#2d3748;padding:1.5rem;border-radius:12px;box-shadow:0 5px 15px #00000014;margin-top:2rem;max-width:100%;overflow:visible}.materials-list{display:flex;flex-direction:column;gap:1rem}.material-percentage-item{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:#fff;border-radius:12px;transition:all .3s ease}.material-info{flex:1}.percentage-input-group{display:flex;align-items:center;gap:.5rem}.percentage-input{width:100px;padding:.75rem;border:2px solid #e2e8f0;border-radius:12px;text-align:center;font-size:1rem;color:#2d3748!important;background:#fff!important}.percentage-input::placeholder{color:#a0aec0!important}.percentage-input:focus{outline:none;border-color:#3e7b27;box-shadow:0 0 0 3px #3e7b271a;color:#2d3748!important}.percentage-label{font-weight:600;color:#4a5568}.total-display{padding:1.5rem;background:#3e7b27;border-radius:12px;color:#fff;text-align:center;margin-top:1.5rem}.total-percentage{font-size:2rem;font-weight:700}.results-container{background:#fff;color:#2d3748;padding:1.5rem;border-radius:12px;box-shadow:0 5px 15px #00000014;margin-top:2rem;margin-bottom:2rem;max-width:100%;overflow:visible}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;max-width:100%}.result-item{padding:1.5rem;background:#fff;border-radius:12px;transition:all .3s ease}.result-item:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.result-label{font-size:.9rem;color:#2d3748;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.result-value{font-size:1.5rem;font-weight:700;color:#2d3748;background:#3e7b27;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.action-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap;max-width:100%;padding:0 1rem}.action-buttons .btn{padding:.75rem 2rem!important;border:none;border-radius:12px;font-size:1rem!important;font-weight:600!important;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;flex:1;min-width:140px;max-width:300px}.btn-primary{background:#3e7b27;color:#fff}.btn-secondary{background:#85a9471a;color:#4a5568}.btn-success{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.validation-message{padding:1rem;background:#fee;color:#c33;border-radius:12px;margin-top:1rem;display:none;border-left:4px solid #c33}.success-message{padding:1rem;background:#efe;color:#3c3;border-radius:12px;margin-top:1rem;display:none;border-left:4px solid #3c3}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#3e7b27;border-radius:50%;animation:spin 1s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#fff;color:#2d3748;border-radius:12px;margin-top:2rem}.empty-icon{margin-bottom:1.5rem;opacity:.5}.modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#fff;color:#2d3748;margin:5% auto;padding:2rem;border-radius:12px;max-width:800px;max-height:80vh;overflow-y:auto;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.modal-header h2{font-size:1.5rem;color:#2d3748;margin:0}.close{width:40px;height:40px;border-radius:50%;background:#fee;color:#c33;border:none;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close:hover{background:#fcc}.modal-body{margin-bottom:1.5rem}.modal-footer{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:2px solid #e2e8f0}.loading-spinner{display:flex;flex-direction:column;align-items:center;padding:2rem}.loading-spinner i{font-size:3rem;animation:spin 2s linear infinite}.loading-spinner p{margin-top:1rem;color:#2d3748}#graphContainer{width:100%;height:500px;margin-top:1rem}#distillationGraph{width:100%;height:100%}.form-section{background:#fff;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;max-width:100%;overflow:hidden}.form-section h3{margin-top:0;margin-bottom:1rem;color:#2d3748}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#4a5568}.form-group input{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;color:#2d3748!important;background:#fff!important}.form-group input::placeholder{color:#a0aec0!important}.form-group input:focus{color:#2d3748!important}.form-group select{width:100%;padding:.75rem;border:2px solid #e2e8f0;color:#2d3748!important;background:#fff!important;border-radius:12px;font-size:1rem;background:#fff;color:#2d3748;cursor:pointer;transition:all .3s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a5568' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;max-width:100%}input.validation-error,input[style*="border-color: red"]{border-color:#f56565!important;animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}25%,75%{transform:translate(-5px)}50%{transform:translate(5px)}}input:focus.validation-error,input[style*="border-color: red"]:focus{box-shadow:0 0 0 3px #f5656533}.custom-material{border-left:4px solid #f59e0b!important}.custom-material.selected{background:linear-gradient(135deg,#f59e0b,#d97706)!important}.custom-material .material-name:after{content:" (Custom)";font-size:.8rem;opacity:.7}.my-materials-container{background:#fff;color:#2d3748;padding:2rem;border-radius:12px;box-shadow:0 5px 15px #00000014;margin-top:2rem;position:relative;overflow:hidden;max-width:100%}.my-materials-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#3e7b27}.materials-filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.search-input,.filter-select{padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease;color:#2d3748!important;background:#fff!important}.search-input{flex:1;min-width:250px}.search-input::placeholder{color:#a0aec0!important}.search-input:focus,.filter-select:focus{color:#2d3748!important}.search-input::placeholder-old{color:#4a5568}.filter-select{min-width:200px;background:#fff;color:#2d3748;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a5568' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.search-input:focus,.filter-select:focus{outline:none;border-color:#3e7b27;box-shadow:0 0 0 3px #3e7b271a}.filter-select:hover{border-color:#3e7b27}.my-materials-list{display:flex;flex-direction:column;gap:1rem}.my-material-item{background:#fff;border-radius:12px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.my-material-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#3e7b27;transform:scaleY(0);transition:transform .3s ease}.my-material-item:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea0d,#764ba20d);opacity:0;transition:opacity .3s ease}.my-material-item:hover{transform:translate(5px);box-shadow:0 5px 20px #0000001a}.my-material-item:hover:before{transform:scaleY(1)}.my-material-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;position:relative;z-index:1}.my-material-info{flex:1}.my-material-name{font-size:1.2rem;font-weight:700;color:#2d3748;margin-bottom:.25rem;background:#3e7b27;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.my-material-english{font-size:.95rem;color:#2d3748;font-style:italic}.my-material-category{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;color:#2d3748;border-radius:12px;font-size:.85rem;font-weight:600;color:#3e7b27;box-shadow:0 2px 8px #0000001a;position:relative;overflow:hidden}.my-material-category:before{content:"";position:absolute;inset:0;background:#3e7b27;opacity:0;transition:opacity .3s ease}.my-material-item:hover .my-material-category:before{opacity:.1}.my-material-actions{display:flex;gap:.5rem;position:relative;z-index:1}.material-action-btn{width:40px;height:40px;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1rem;position:relative;overflow:hidden}.material-action-btn:before{content:"";position:absolute;inset:0;background:currentColor;opacity:.1;transition:opacity .3s ease}.material-action-btn.edit{background:#fff;color:#2d3748;color:#3e7b27;box-shadow:0 2px 8px #3e7b2733}.material-action-btn.edit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3e7b274d;color:#2c5aa0}.material-action-btn.edit:hover:before{opacity:.15}.material-action-btn.delete{background:#fff;color:#2d3748;color:#e53e3e;box-shadow:0 2px 8px #e53e3e33}.material-action-btn.delete:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e53e3e4d;color:#c53030}.material-action-btn.delete:hover:before{opacity:.15}.my-material-properties{margin-top:1rem;position:relative;z-index:1}.my-material-properties:before{content:"";position:absolute;top:-.5rem;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#cbd5e0 50%,transparent 100%)}.properties-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1rem;max-width:100%}.property-item{padding:.75rem;background:#fff;color:#2d3748;border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden}.property-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#3e7b27;transform:scaleY(0);transition:transform .3s ease}.property-item:hover{transform:translate(3px);box-shadow:0 2px 8px #0000001a}.property-item:hover:before{transform:scaleY(1)}.property-label{font-size:.8rem;color:#2d3748;margin-bottom:.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.property-value{font-size:1rem;font-weight:700;color:#2d3748}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;position:relative;overflow:hidden}.empty-state:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23cbd5e0' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.6}}.empty-state i{font-size:4rem;color:#2d3748;margin-bottom:1rem;display:inline-block;animation:float 3s ease-in-out infinite}.empty-state h3{font-size:1.5rem;color:#4a5568;margin-bottom:.5rem;font-weight:700;position:relative;z-index:1}.empty-state p{color:#2d3748;font-size:1rem;position:relative;z-index:1;max-width:400px;margin:0 auto}.header-actions{display:flex;gap:1rem;margin-bottom:2rem;justify-content:space-between;align-items:center}.header-actions .btn{position:relative;overflow:hidden}.header-actions .btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.header-actions .btn:hover:before{width:300px;height:300px}.header-actions .btn-secondary{background:#fff;color:#2d3748;color:#4a5568;border:2px solid #e2e8f0}.header-actions .btn-secondary:hover{background:#fff;border-color:#2d3748;color:#2d3748}.header-actions .btn-primary{background:#3e7b27;color:#fff;border:none}.header-actions .btn-primary:hover{box-shadow:0 8px 25px #3e7b2766}.analysis-container{background:#fff;color:#2d3748;padding:1.5rem;border-radius:12px;box-shadow:0 5px 15px #00000014;margin-top:2rem;margin-bottom:2rem;max-width:100%;overflow:hidden;position:relative}.analysis-container:after{content:"← Scroll horizontally to see all materials →";position:absolute;bottom:.5rem;right:1rem;font-size:.75rem;color:#94a3b8;opacity:0;transition:opacity .3s ease;pointer-events:none}.analysis-container:hover:after{opacity:1}@media (max-width: 768px){.analysis-container:after{content:"Swipe left to see more materials →";bottom:.25rem;right:.5rem;font-size:.65rem}}.analysis-table-container{overflow-x:auto;overflow-y:visible;margin-top:1.5rem;max-height:none;position:relative;width:100%;max-width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.analysis-table-container::-webkit-scrollbar{height:8px}.analysis-table-container::-webkit-scrollbar-track{background:#fff;border-radius:4px}.analysis-table-container::-webkit-scrollbar-thumb{background:#3e7b2726;border-radius:4px}.analysis-table-container::-webkit-scrollbar-thumb:hover{background:#3e7b2733}.materials-analysis-table{width:100%;border-collapse:collapse;min-width:fit-content;table-layout:auto}.materials-analysis-table th:not(.property-column){min-width:140px;max-width:180px;width:auto}.materials-analysis-table td:not(:first-child){min-width:140px;max-width:180px;width:auto;text-align:center}.materials-analysis-table th{background:#3e7b27;color:#fff;padding:1rem;text-align:left;font-weight:600;white-space:nowrap;position:sticky;top:0;z-index:10}.materials-analysis-table th.property-column{position:sticky;left:0;z-index:20;background:#3e7b27;min-width:180px;max-width:200px;width:180px}.materials-analysis-table td{padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;white-space:nowrap;background:#fff;color:#2d3748}.materials-analysis-table td:last-child{padding-right:1rem}.materials-analysis-table th:last-child{padding-right:1rem}.materials-analysis-table td:first-child{font-weight:600;background:#fff;position:sticky;left:0;z-index:5;box-shadow:2px 0 5px #0000000d;min-width:180px;max-width:200px;width:180px;text-align:left}.materials-analysis-table tbody tr:hover{background:#fff}.materials-analysis-table tbody tr:hover td:first-child{background:#85a9471a}.materials-analysis-table tbody tr.group-header td{background:#3e7b27!important;font-weight:700;color:#fff!important;padding:1rem;text-align:center!important;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;border:none!important;position:relative!important;left:auto!important}.materials-analysis-table tbody tr.group-header td:first-child{background:#3e7b27!important}.property-value,.property-value.missing{color:#2d3748}.property-unit{font-size:.85rem;color:#2d3748;margin-left:.25rem}.analysis-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.result-group-header{grid-column:1 / -1;margin-top:1rem}.result-group-header h3{font-size:1.2rem;font-weight:700;color:#2d3748;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0;display:flex;align-items:center;gap:.5rem}.result-group-header:first-child{margin-top:0}.result-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;grid-column:1 / -1;margin-bottom:1.5rem;max-width:100%}.result-group .result-item{background:#fff;border-radius:12px;padding:1.5rem}.result-group .result-item:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.result-item .result-label{font-size:.9rem;color:#2d3748;margin-bottom:.5rem}.result-item .result-value{font-size:1.5rem;font-weight:700;color:#2d3748;background:#3e7b27;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.unit-filter-container{background:#fff;padding:1.5rem;border-radius:12px;margin-bottom:2rem;display:flex;gap:1rem;flex-wrap:wrap}.unit-filter-group{flex:1;min-width:200px}.unit-select{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:12px;background:#fff;color:#2d3748;font-size:1rem;cursor:pointer;transition:all .3s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a5568' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.unit-select:hover{border-color:#3e7b27}.unit-select:focus{outline:none;border-color:#3e7b27;box-shadow:0 0 0 3px #3e7b271a}.unit-filter-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#4a5568;font-size:.9rem}@media (max-width: 1200px){.materials-grid,.category-grid{grid-template-columns:repeat(3,1fr)}.dashboard-container .main-content{padding:1rem}}@media (max-width: 768px){.dashboard-container{flex-direction:row;position:relative}.mobile-menu-toggle{display:block}.left-sidebar{width:280px;position:fixed;top:0;left:0;height:100vh;padding:2rem 1rem;overflow-y:auto;transform:translate(-100%);z-index:1000;background:#fff;box-shadow:4px 0 20px #00000026;transition:transform .3s ease}.left-sidebar.open{transform:translate(0)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;transition:opacity .3s ease}.sidebar-overlay.show{display:block}.dashboard-container .main-content{padding:4rem .75rem .75rem;margin-left:0;max-width:100%;width:100%;height:auto;min-height:100vh}.content-section{padding:0;margin:0}.analysis-container{padding:1rem;margin:1rem 0;border-radius:8px;overflow:hidden}.analysis-table-container{overflow-x:auto;margin:0;padding:0;border-radius:8px;transform-origin:top left}.materials-analysis-table{min-width:600px;font-size:.75rem;display:table;width:auto;transform:scale(.8);transform-origin:top left right;width:200.7%!important}.materials-analysis-table thead{position:sticky;top:0;z-index:10}.materials-analysis-table th{padding:.6rem .4rem;font-size:.75rem;white-space:normal;min-width:100px}.materials-analysis-table th.property-column{min-width:120px;max-width:150px;position:sticky;left:0;z-index:11}.materials-analysis-table td{padding:.5rem .4rem;font-size:.8rem;white-space:nowrap}.materials-analysis-table td:first-child{min-width:120px;max-width:150px;position:sticky;left:0;z-index:5;background:#fff;white-space:normal;word-wrap:break-word}.materials-analysis-table tbody tr.group-header td{position:relative!important;left:auto!important;white-space:normal;word-wrap:break-word}.category-grid{grid-template-columns:1fr;gap:1rem}.materials-grid{grid-template-columns:repeat(2,1fr)}.results-grid,.result-group{grid-template-columns:1fr}.materials-header{flex-direction:column}.search-box{width:100%}.action-buttons{flex-direction:column}.action-buttons .btn{width:100%;justify-content:center;flex:1}.material-percentage-item{flex-direction:column;gap:1rem;align-items:flex-start}.properties-grid{grid-template-columns:1fr}.materials-filters{flex-direction:column}.search-input,.filter-select{width:100%}.my-material-header{flex-direction:column;gap:1rem}.my-material-actions{width:100%;justify-content:flex-end}.form-grid{grid-template-columns:1fr}.unit-filter-container{flex-direction:column}.unit-filter-group{width:100%}.section-header{padding:1rem}.count-card{padding:1.5rem}.analysis-container,.results-container,.materials-container,.percentages-container,.my-materials-container{padding:1rem}.analysis-table-container{max-height:70vh;overflow-x:auto;overflow-y:auto;margin:0 -.75rem;padding:0 .75rem;box-sizing:border-box}.materials-analysis-table{min-width:500px;font-size:.85rem;margin-right:0}.materials-analysis-table th:not(.property-column){min-width:100px;max-width:120px;font-size:.75rem}.materials-analysis-table td:not(:first-child){min-width:100px;max-width:120px;font-size:.8rem}.materials-analysis-table td{padding:.6rem .5rem;font-size:.85rem}.materials-analysis-table td:last-child{padding-right:.75rem}.materials-analysis-table th{padding:.75rem .5rem;font-size:.8rem}.materials-analysis-table th:last-child{padding-right:.75rem}.materials-analysis-table th.property-column{min-width:120px;max-width:120px}.materials-analysis-table td:first-child{min-width:120px;max-width:120px;font-size:.8rem}.results-grid,.result-group{grid-template-columns:1fr;gap:1rem}.result-item{padding:1rem;min-height:auto}.result-label{font-size:.85rem}.result-value{font-size:1.1rem}.result-unit{font-size:.8rem}}@media (max-width: 480px){.mobile-menu-toggle{top:.5rem;left:.5rem;padding:.6rem}.left-sidebar{width:100%;padding:1.5rem 1rem}.dashboard-container .main-content{padding:3.5rem .5rem .5rem;margin-left:0;max-width:100%}.materials-grid{grid-template-columns:1fr}.analysis-container{padding:.5rem;margin:.5rem 0}.analysis-table-container{margin:0;padding:0;max-height:none;box-sizing:border-box;overflow-x:auto;-webkit-overflow-scrolling:touch}.materials-analysis-table{min-width:500px;font-size:.75rem;width:auto;display:table}.materials-analysis-table th{padding:.5rem .3rem;font-size:.7rem;white-space:normal;word-wrap:break-word;min-width:80px}.materials-analysis-table th.property-column{min-width:100px;max-width:120px;font-size:.7rem;position:sticky;left:0;z-index:11;background:#3e7b27}.materials-analysis-table td{padding:.4rem .3rem;font-size:.75rem;white-space:nowrap}.materials-analysis-table td:first-child{min-width:100px;max-width:120px;font-size:.7rem;position:sticky;left:0;z-index:5;background:#fff;white-space:normal;word-wrap:break-word}.materials-analysis-table tbody tr.group-header td{font-size:.85rem;padding:.75rem .5rem;position:relative!important;left:auto!important;white-space:normal;word-wrap:break-word}.section-header{padding:1rem .5rem;text-align:center}.section-title{font-size:1.4rem}.section-description{font-size:.9rem}.result-item{padding:.75rem;text-align:center}.result-label{font-size:.8rem;margin-bottom:.25rem}.result-value{font-size:1rem}.result-unit{font-size:.75rem}.action-buttons{flex-direction:column;gap:.75rem;width:100%;align-items:center;justify-content:center}.action-buttons .btn{width:100%;max-width:420px;justify-content:center;padding:.75rem 1rem!important;font-size:.9rem!important;flex:0 0 auto}.analysis-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;justify-content:center;align-items:center}.btn-secondary{background:#85a9471a;color:#4a5568}.results-table-wrapper{transform-origin:top left;transform:scale(.65);margin:.75rem auto!important;width:153.8%!important}.results-table-wrapper table{font-size:.8rem!important}.results-table-wrapper table th,.results-table-wrapper table td{padding:.4rem .3rem!important}.materials-summary-container{padding:1rem .5rem!important}.materials-summary-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:.75rem!important}.results-container{padding:.25rem .5rem 0!important;margin:0!important}.results-grid{padding:0!important}.results-table-wrapper{margin-bottom:.5rem!important}.results-table-wrapper+.results-actions,.results-table-wrapper+.action-buttons{margin-top:0!important}.results-actions,.results-footer,.analysis-actions{margin-top:.25rem!important;padding-top:0!important}.action-buttons{margin-top:.5rem!important;margin-bottom:.75rem!important}.materials-summary-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important}.materials-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:.75rem!important}.material-item{padding:.75rem!important;font-size:.95rem!important}#materialsSummary{margin:1.25rem auto!important;padding:0!important}.materials-summary-grid{padding:1rem!important;gap:.75rem!important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;transform:none!important}.materials-summary-grid>div{padding:1rem!important;border-width:2px!important;min-width:0!important}.materials-summary-grid>div div:first-child{font-size:.95rem!important}.materials-summary-grid>div div[style*="font-size: 0.85rem"]{font-size:.75rem!important}.materials-summary-grid>div div[style*="font-size: 0.75rem"]{font-size:.7rem!important}.materials-summary-grid>div>div>div:last-child{font-size:1.1rem!important;padding:.6rem .8rem!important}}@media (max-width: 380px){.materials-analysis-table{transform:scale(.5);width:200%!important;font-size:.7rem}.materials-analysis-table th{font-size:.7rem;padding:.5rem .3rem}.materials-analysis-table td{font-size:.75rem;padding:.45rem .3rem}.results-table-wrapper{transform:scale(.55);width:181.8%!important;margin-bottom:.4rem!important}.results-table-wrapper table{font-size:.75rem!important}.results-actions,.results-footer,.analysis-actions{margin-top:.4rem!important}.results-table-wrapper+.results-actions,.results-table-wrapper+.action-buttons{margin-top:0!important}.materials-summary-grid,.materials-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;gap:.6rem!important}.material-item{padding:.6rem!important;font-size:.9rem!important}#materialsSummary{margin:1rem auto!important}.materials-summary-grid{padding:.75rem!important;gap:.6rem!important;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important}.materials-summary-grid>div{padding:.75rem!important}.materials-summary-grid>div div:first-child{font-size:.9rem!important}.materials-summary-grid>div div[style*="font-size: 0.85rem"]{font-size:.7rem!important}.materials-summary-grid>div div[style*="font-size: 0.75rem"]{font-size:.65rem!important}.materials-summary-grid>div>div>div:last-child{font-size:1rem!important;padding:.55rem .7rem!important}}.hidden{display:none!important}.my-materials-page{min-height:100vh;background:#efe3c2;padding:2rem;margin:0;width:100%;box-sizing:border-box}.my-materials-header{background:#fff;color:#2d3748;padding:2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 5px 15px #00000014;border-left:4px solid #3E7B27;text-align:center;max-width:1400px;margin-left:auto;margin-right:auto}.header-content h1{font-size:2rem;font-weight:700;color:#333;margin-bottom:.5rem;font-family:Vazirmatn,sans-serif}.header-content p{color:#666;font-size:1.1rem}.header-actions{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;margin-top:2rem;justify-content:center}.header-actions .btn{border-radius:12px;padding:1rem 2rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem}.header-actions .btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.header-actions .btn:hover:before{left:100%}.header-actions .btn-secondary{background:#fff;color:#475569;border-color:#cbd5e1}.header-actions .btn-secondary:hover{background:#fff;transform:translateY(-3px);box-shadow:0 8px 20px #47556933;border-color:#94a3b8}.header-actions .btn-primary{background:#3e7b27;color:#efe3c2;border-color:#3e7b27;box-shadow:0 4px 12px #3e7b274d}.header-actions .btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 30px #3e7b2766;background:linear-gradient(135deg,#2d5e1d,#0d2915)}.my-materials-container{background:#fff;border-radius:12px;padding:3rem;box-shadow:0 20px 40px #00000014;margin:2rem auto;max-width:1400px;width:100%;border:1px solid #3E7B27;position:relative;overflow:hidden}.my-materials-container:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:#3e7b27}.materials-filters{display:flex;gap:1.5rem;margin-bottom:3rem;flex-wrap:wrap;align-items:center;background:#fff;padding:2rem;border-radius:12px;border:2px solid #3E7B27;box-shadow:0 8px 16px #0000000d}.search-input,.filter-select{padding:1rem 1.5rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff;color:#2d3748;box-shadow:0 4px 8px #0000000d;font-weight:500}.search-input{flex:1;min-width:300px;color:#2d3748}.search-input::placeholder{color:#94a3b8;font-style:italic}.filter-select{min-width:200px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667eea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.2rem;padding-right:3rem;color:#2d3748}.search-input:focus,.filter-select:focus{outline:none;border-color:#3e7b27;box-shadow:0 0 0 4px #3e7b2726,0 8px 16px #3e7b271a;transform:translateY(-2px)}.filter-select:hover{border-color:#3e7b27;transform:translateY(-1px)}.my-materials-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:2.5rem;margin-bottom:2rem}.my-material-item{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000d}.my-material-item:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:#3e7b27;transform:scaleX(0);transition:transform .4s ease;transform-origin:left}.my-material-item:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:transparent;opacity:0;transition:opacity .4s ease;pointer-events:none}.my-material-item:hover{border-color:#3e7b27;transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #3e7b2726,0 8px 24px #0000001a}.my-material-item:hover:before{transform:scaleX(1)}.my-material-item:hover:after{opacity:1}.my-material-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;position:relative;z-index:2}.my-material-info{flex:1;margin-right:1.5rem}.my-material-name{font-size:1.6rem;font-weight:800;color:#1e293b;margin-bottom:.75rem;line-height:1.3;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.my-material-english{font-size:1.1rem;color:#2d3748;margin-bottom:1.5rem;font-weight:500;font-style:italic;opacity:.9}.my-material-category{display:inline-flex;align-items:center;gap:.75rem;background:#3e7b27;color:#efe3c2;padding:.75rem 1.5rem;border-radius:12px;font-size:.9rem;font-weight:700;box-shadow:0 4px 12px #3e7b2766;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.my-material-category:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.my-material-item:hover .my-material-category:before{left:100%}.my-material-actions{display:flex;flex-direction:column;gap:.75rem;position:relative;z-index:3}.material-action-btn{background:#fffc;border:2px solid #3E7B27;padding:1rem;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1.1rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.material-action-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;transition:all .3s ease;transform:translate(-50%,-50%);z-index:-1}.material-action-btn.edit{color:#3e7b27;background:#3e7b271a;border-color:#3e7b274d}.material-action-btn.edit:before{background:#3e7b27}.material-action-btn.edit:hover{color:#efe3c2;border-color:#3e7b27;transform:scale(1.1) rotate(5deg);box-shadow:0 8px 20px #3e7b274d}.material-action-btn.edit:hover:before{width:100%;height:100%}.material-action-btn.delete{color:#e53e3e;background:#e53e3e1a;border-color:#e53e3e4d}.material-action-btn.delete:before{background:#e53e3e}.material-action-btn.delete:hover{color:#fff;border-color:#e53e3e;transform:scale(1.1) rotate(-5deg);box-shadow:0 8px 20px #e53e3e4d}.material-action-btn.delete:hover:before{width:100%;height:100%}.my-material-properties{margin-top:2rem;padding-top:2rem;border-top:2px solid #e2e8f0;position:relative}.my-material-properties:before{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:60px;height:4px;background:#3e7b27;border-radius:2px}.properties-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem;margin-top:1rem}.property-item{text-align:center;background:#fff;padding:1.5rem 1rem;border-radius:12px;transition:all .3s ease;border:2px solid #e2e8f0;position:relative;overflow:hidden}.property-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#3e7b27;transform:scaleX(0);transition:transform .3s ease}.property-item:hover{background:#fff;transform:translateY(-4px);box-shadow:0 8px 20px #3e7b271a;border-color:#3e7b27}.property-item:hover:before{transform:scaleX(1)}.property-label{font-size:.8rem;color:#2d3748;margin-bottom:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;opacity:.8}.property-value{font-size:1.2rem;font-weight:800;color:#1e293b;background:#3e7b27;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-state{text-align:center;padding:8rem 3rem;color:#2d3748;background:#fff;border-radius:12px;border:3px dashed #cbd5e1;position:relative;overflow:hidden}.empty-state:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:transparent;animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.empty-state i{font-size:6rem;margin-bottom:2rem;opacity:.4;background:#3e7b27;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:float 3s ease-in-out infinite}.empty-state h3{font-size:2.5rem;margin-bottom:1.5rem;color:#1e293b;font-weight:800;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-state p{font-size:1.2rem;margin-bottom:2.5rem;color:#2d3748;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.8;font-weight:500}.form-section{margin-bottom:3rem;padding:2rem;background:#fff;border-radius:12px;border:2px solid rgba(62,123,39,.1)}.form-section h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:2rem;padding-bottom:1rem;border-bottom:3px solid #3E7B27}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.75rem;font-weight:600;color:#475569;font-size:.95rem}.form-group input,.form-group select{width:100%;padding:1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff;color:#2d3748;box-sizing:border-box}.form-group input:disabled,.form-group select:disabled{background:repeating-linear-gradient(135deg,#f1f5f9,#f1f5f9 8px,#e2e8f0 8px 16px);border-color:#94a3b8;border-style:dashed;color:#64748b;cursor:not-allowed;box-shadow:inset 0 0 0 2px #94a3b859;opacity:.6}.form-group:has(input:disabled) label,.form-group:has(select:disabled) label{color:#94a3b8}.form-group:has(input:disabled) label:after,.form-group:has(select:disabled) label:after{content:" (locked)";color:#b45309;font-weight:600}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233E7B27' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.2rem;padding-right:3rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3e7b27;box-shadow:0 0 0 3px #3e7b271a}.form-group select:hover{border-color:#3e7b27}input.validation-error,input[style*="border-color: red"]{border-color:#e53e3e!important;animation:shake .5s;box-shadow:0 0 0 3px #e53e3e1a}@keyframes shake{0%,to{transform:translate(0)}25%,75%{transform:translate(-10px)}50%{transform:translate(10px)}}input:focus.validation-error,input[style*="border-color: red"]:focus{box-shadow:0 0 0 3px #e53e3e33}.note-box{padding:1rem;background:#fff3cd;border-radius:12px;border:1px solid #ffc107;margin-bottom:1rem}.note-box p{font-size:.85rem;color:#856404;margin:0;line-height:1.6}.note-box i{margin-right:.5rem}.info-box{padding:1rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:1rem}.info-box p{font-size:.85rem;color:#2d3748;margin:0 0 .75rem;line-height:1.6}.category-checkboxes{display:grid;gap:.5rem}.category-checkbox-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;color:#2d3748;border:2px solid #e2e8f0;border-radius:12px;transition:all .3s ease;cursor:pointer}.category-checkbox-item:hover{border-color:#3e7b27;background:#fff}.category-checkbox-item input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#667eea}.category-checkbox-item label{margin:0!important;cursor:pointer;flex:1;font-weight:600;color:#475569}.modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080;animation:fadeIn .3s ease-out}.modal.show{display:block}.modal-content{background-color:#fefefe;margin:2% auto;padding:0;border:none;border-radius:12px;width:90%;max-width:900px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out;display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{background:#3e7b27;color:#fff;padding:2rem;display:flex;justify-content:space-between;align-items:center;border-radius:12px 20px 0 0}.modal-header h2{margin:0;font-size:1.8rem;font-weight:700}.close{color:#fff;font-size:2.5rem;font-weight:700;cursor:pointer;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a}.close:hover{background:#fff3;transform:rotate(90deg)}.modal-body{padding:2rem;max-height:calc(90vh - 250px);overflow-y:auto;flex:1}.modal-footer{padding:2rem;background:#fff;display:flex;justify-content:flex-end;gap:1rem;border-radius:0 0 20px 20px;flex-shrink:0;border-top:1px solid #e0e0e0}.modal-footer .btn{padding:.75rem 1.5rem;font-size:1rem;border-radius:12px;border:none;cursor:pointer;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.modal-footer .btn-secondary{background:#6c757d;color:#fff}.modal-footer .btn-secondary:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px #6c757d4d}.modal-footer .btn-secondary:disabled{background:#ccc;cursor:not-allowed;transform:none}.modal-footer .btn-primary{background:#3e7b27;color:#fff}.modal-footer .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.modal-footer .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.my-materials-list,.form-grid{grid-template-columns:1fr}.materials-filters{flex-direction:column}.search-input{min-width:100%;width:100%}.filter-select{width:100%}.header-actions{flex-direction:column;width:100%}.header-actions .btn{width:100%}.my-material-header{flex-direction:column;gap:1.5rem}.my-material-actions{flex-direction:row;width:100%;justify-content:center}}.mm-page{min-height:100vh;background:#f8f6f1;padding:0;margin:0;width:100%;box-sizing:border-box;font-family:Inter,Vazirmatn,-apple-system,sans-serif}.mm-hero{position:relative;background:linear-gradient(135deg,#1a472a,#2d5e1d 40%,#3e7b27);padding:2rem 2.5rem 2.5rem;overflow:hidden}.mm-hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.05) 0%,transparent 40%);pointer-events:none}.mm-hero-content{position:relative;z-index:1;max-width:1400px;margin:0 auto}.mm-back-btn{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffd9;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .2s;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mm-back-btn:hover{background:#fff3;color:#fff;transform:translate(-2px)}.mm-hero-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}.mm-hero-title{margin:0 0 .4rem;font-size:2.2rem;font-weight:800;color:#fff;letter-spacing:-.5px}.mm-hero-subtitle{margin:0;font-size:1rem;color:#ffffffb3;font-weight:400}.mm-add-btn{display:inline-flex;align-items:center;gap:.5rem;background:#efe3c2;color:#1a472a;border:none;padding:.75rem 1.5rem;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 4px 14px #00000026}.mm-add-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.mm-add-btn:active{transform:translateY(0)}.mm-stats-row{display:flex;gap:.75rem;flex-wrap:wrap}.mm-stat-chip{display:flex;align-items:center;gap:.5rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.15);padding:.5rem 1rem;border-radius:10px;cursor:pointer;transition:all .25s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mm-stat-chip:hover{background:#ffffff38;border-color:#ffffff4d}.mm-stat-chip.active{background:#ffffff40;border-color:#ffffff80;box-shadow:0 0 0 2px #ffffff26}.mm-stat-icon{font-size:1rem}.mm-stat-number{font-size:1.1rem;font-weight:800;color:#fff}.mm-stat-label{font-size:.8rem;color:#ffffffb3;font-weight:500}.mm-toolbar{max-width:1400px;margin:0 auto;padding:1.5rem 2.5rem 0;display:flex;flex-direction:column;gap:.75rem}.mm-search-wrapper{position:relative;width:100%}.mm-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.mm-search-input{width:100%;padding:.85rem 2.5rem .85rem 2.8rem;border:2px solid #e2e8f0;border-radius:12px;font-size:.95rem;background:#fff;color:#1e293b;transition:all .2s;box-sizing:border-box;box-shadow:0 2px 8px #0000000a}.mm-search-input::placeholder{color:#94a3b8}.mm-search-input:focus{outline:none;border-color:#3e7b27;box-shadow:0 0 0 3px #3e7b271f,0 2px 8px #0000000f}.mm-search-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:#f1f5f9;border:none;border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .15s}.mm-search-clear:hover{background:#e2e8f0;color:#1e293b}.mm-filter-pills{display:flex;gap:.5rem;flex-wrap:wrap}.mm-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem 1rem;border:1.5px solid #e2e8f0;border-radius:100px;background:#fff;color:#475569;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.mm-pill:hover{border-color:#3e7b27;color:#3e7b27;background:#f0fdf4}.mm-pill.active{background:#3e7b27;color:#fff;border-color:#3e7b27;box-shadow:0 2px 8px #3e7b2740}.mm-filter-info{font-size:.82rem;color:#64748b;display:flex;align-items:center;gap:.75rem}.mm-clear-filters{background:none;border:none;color:#3e7b27;font-size:.82rem;font-weight:600;cursor:pointer;text-decoration:underline;padding:0}.mm-clear-filters:hover{color:#2d5e1d}.mm-content{max-width:1400px;margin:0 auto;padding:1.5rem 2.5rem 3rem}.mm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;color:#64748b;gap:1rem}.mm-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#3e7b27;border-radius:50%;animation:mm-spin .8s linear infinite}@keyframes mm-spin{to{transform:rotate(360deg)}}.mm-loading p{font-size:.95rem;margin:0}.mm-empty{text-align:center;padding:5rem 2rem;background:#fff;border-radius:16px;border:2px dashed #d1d5db}.mm-empty-icon{font-size:4rem;margin-bottom:1.25rem;line-height:1;display:block}.mm-empty h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.mm-empty p{font-size:.95rem;color:#64748b;max-width:420px;margin:0 auto 1.5rem;line-height:1.6}.mm-empty-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:10px;background:#3e7b27;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.mm-empty-btn:hover{background:#2d5e1d;transform:translateY(-2px);box-shadow:0 6px 20px #3e7b274d}.mm-empty-btn.secondary{background:#f1f5f9;color:#475569}.mm-empty-btn.secondary:hover{background:#e2e8f0;box-shadow:none}.mm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.25rem}.mm-card{background:#fff;border-radius:14px;overflow:hidden;border:1px solid #e5e7eb;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;display:flex;flex-direction:column;animation:mm-card-in .4s ease-out both;animation-delay:calc(var(--card-index, 0) * .05s)}@keyframes mm-card-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.mm-card:hover{border-color:#3e7b27;box-shadow:0 8px 30px #3e7b271f,0 2px 8px #0000000f;transform:translateY(-3px)}.mm-card-accent{display:flex;height:4px}.mm-accent-segment{flex:1;transition:height .3s}.mm-card:hover .mm-accent-segment{height:5px}.mm-card-header{padding:1.25rem 1.25rem 0;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.mm-card-title-area{flex:1;min-width:0}.mm-card-name{margin:0;font-size:1.15rem;font-weight:700;color:#1e293b;line-height:1.3;word-break:break-word}.mm-card-name-en{display:block;font-size:.82rem;color:#64748b;margin-top:.2rem;font-weight:400;font-style:italic}.mm-card-date{display:block;font-size:.72rem;color:#94a3b8;margin-top:.35rem}.mm-card-badges{display:flex;gap:.35rem;flex-wrap:wrap;flex-shrink:0}.mm-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;border-radius:6px;font-size:.72rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.mm-card-producer{padding:.6rem 1.25rem 0;font-size:.82rem;color:#64748b;display:flex;align-items:center;gap:.4rem}.mm-producer-en{color:#94a3b8;font-size:.78rem}.mm-card-props-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.85rem 1.25rem 0}.mm-prop-chip{display:flex;align-items:center;gap:.4rem;padding:.45rem .6rem;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;transition:all .2s}.mm-card:hover .mm-prop-chip{background:#f0fdf4;border-color:#dcfce7}.mm-prop-icon{font-size:.85rem;flex-shrink:0}.mm-prop-label{font-size:.7rem;color:#94a3b8;font-weight:500;white-space:nowrap}.mm-prop-value{font-size:.82rem;color:#1e293b;font-weight:700;margin-left:auto;white-space:nowrap}.mm-prop-value small{font-weight:400;color:#94a3b8;font-size:.7rem}.mm-expand-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;width:calc(100% - 2.5rem);margin:.75rem 1.25rem 0;padding:.45rem;background:none;border:1px dashed #d1d5db;border-radius:8px;color:#64748b;font-size:.78rem;font-weight:500;cursor:pointer;transition:all .2s}.mm-expand-btn:hover{border-color:#3e7b27;color:#3e7b27;background:#f0fdf4}.mm-card-details{padding:0 1.25rem;animation:mm-details-in .3s ease-out}@keyframes mm-details-in{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.mm-detail-section{margin-top:.85rem;padding-top:.85rem;border-top:1px solid #f1f5f9}.mm-detail-section h4{margin:0 0 .65rem;font-size:.82rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em}.mm-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.mm-detail-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;background:#f8fafc;border-radius:8px;border:1px solid #f1f5f9}.mm-detail-icon{font-size:.9rem;flex-shrink:0}.mm-detail-label{font-size:.7rem;color:#94a3b8;font-weight:500}.mm-detail-value{font-size:.85rem;color:#1e293b;font-weight:700}.mm-detail-value small{font-weight:400;color:#94a3b8;font-size:.7rem}.mm-dist-chart{display:flex;align-items:flex-end;gap:.35rem;height:120px;padding:.5rem 0}.mm-dist-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;height:100%}.mm-dist-value{font-size:.6rem;color:#64748b;font-weight:600;white-space:nowrap}.mm-dist-bar-bg{flex:1;width:100%;max-width:28px;background:#f1f5f9;border-radius:4px 4px 0 0;position:relative;display:flex;align-items:flex-end;overflow:hidden}.mm-dist-bar-fill{width:100%;background:linear-gradient(to top,#3e7b27,#6aaf4e);border-radius:4px 4px 0 0;transition:height .6s cubic-bezier(.4,0,.2,1);min-height:4px}.mm-dist-label{font-size:.65rem;color:#94a3b8;font-weight:600}.mm-card-actions{display:flex;gap:.5rem;padding:1rem 1.25rem;margin-top:auto;border-top:1px solid #f1f5f9}.mm-action-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .75rem;border:1.5px solid transparent;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s}.mm-action-btn.edit{background:#f0fdf4;color:#3e7b27;border-color:#dcfce7}.mm-action-btn.edit:hover{background:#3e7b27;color:#fff;border-color:#3e7b27;box-shadow:0 4px 12px #3e7b2740}.mm-action-btn.delete{background:#fef2f2;color:#dc2626;border-color:#fecaca}.mm-action-btn.delete:hover{background:#dc2626;color:#fff;border-color:#dc2626;box-shadow:0 4px 12px #dc262640}@media (max-width: 768px){.mm-hero{padding:1.5rem 1.25rem 2rem}.mm-hero-title-row{flex-direction:column;gap:1rem}.mm-hero-title{font-size:1.6rem}.mm-add-btn{width:100%;justify-content:center}.mm-stats-row{gap:.5rem}.mm-stat-chip{padding:.4rem .75rem;font-size:.85rem}.mm-toolbar{padding:1rem 1.25rem 0}.mm-content{padding:1rem 1.25rem 2rem}.mm-grid{grid-template-columns:1fr}.mm-card-header{flex-direction:column;gap:.5rem}.mm-card-props-preview{grid-template-columns:1fr}.mm-filter-pills{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.25rem;-webkit-overflow-scrolling:touch}.mm-filter-pills::-webkit-scrollbar{display:none}}@media (min-width: 769px) and (max-width: 1024px){.mm-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1600px){.mm-grid{grid-template-columns:repeat(3,1fr)}}.payment-result-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem}.payment-result-card{background:#fff;border-radius:1.5rem;padding:3rem;max-width:500px;width:100%;text-align:center;box-shadow:0 20px 60px #00000026;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.result-icon{width:120px;height:120px;margin:0 auto 2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:scaleIn .6s ease-out .2s both}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.success-icon{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:4px solid #28a745}.success-icon i{font-size:4rem;color:#28a745}.failed-icon{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:4px solid #dc3545}.failed-icon i{font-size:4rem;color:#dc3545}.payment-result-card h1{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#1f2937}.payment-result-card.success h1{color:#155724}.payment-result-card.failed h1{color:#721c24}.payment-result-card p{font-size:1.125rem;color:#6b7280;margin-bottom:2rem;line-height:1.6}.failure-reason{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:#fff3cd;border:1px solid #ffc107;border-radius:.5rem;margin-bottom:2rem;color:#856404}.failure-reason i{font-size:1.25rem}.order-info{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1rem auto;padding:.75rem 1rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;color:#10b981;font-size:.9rem;font-family:monospace;max-width:fit-content}.order-info.failed{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.error-code{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1rem auto;padding:.75rem 1rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;color:#f59e0b;font-size:.9rem;font-family:monospace;max-width:fit-content}.error-help{margin:1.5rem 0;padding:1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#3b82f6;text-align:left}.error-help i{margin-right:.5rem}.payment-result-card.error{border-top:4px solid #f59e0b}.error-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);border:4px solid #f59e0b}.error-icon i{font-size:4rem;color:#f59e0b}.payment-result-card.error h1{color:#92400e}.result-actions{display:flex;flex-direction:column;gap:1rem}.result-actions button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.result-actions .btn-primary{background:linear-gradient(135deg,#3e7b27,#5a9f3a);color:#fff}.result-actions .btn-primary:hover{background:linear-gradient(135deg,#2f5f1e,#4a8230);transform:translateY(-2px);box-shadow:0 4px 12px #3e7b274d}.result-actions .btn-secondary{background:#f3f4f6;color:#4b5563;border:1px solid #d1d5db}.result-actions .btn-secondary:hover{background:#e5e7eb}@media (max-width: 768px){.payment-result-container{padding:1rem}.payment-result-card{padding:2rem}.result-icon{width:100px;height:100px}.result-icon i{font-size:3rem!important}.payment-result-card h1{font-size:1.5rem}.payment-result-card p{font-size:1rem}}@media (max-width: 480px){.payment-result-card{padding:1.5rem}.result-icon{width:80px;height:80px}.result-icon i{font-size:2.5rem!important}.payment-result-card h1{font-size:1.25rem}.result-actions button{padding:.875rem 1.25rem;font-size:.9375rem}}.footer-enhanced{margin-top:2.5rem;padding:2rem 1.5rem 1rem;background:#fff;border-top:2px solid rgba(62,123,39,.35)}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(62,123,39,.15)}.footer-column{display:flex;flex-direction:column;gap:.75rem}.footer-trust{align-items:flex-start;justify-content:flex-start}.trust-logos{display:flex;flex-direction:column;gap:.85rem}.trust-logo-item{background:#efe3c2;border:2px solid #3E7B27;border-radius:12px;padding:4px 8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #3e7b2738,0 2px 4px #0000000f;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.trust-logo-item img{height:60px;width:auto;display:block;filter:drop-shadow(0 1px 3px rgba(0,0,0,.12))}.trust-logo-item:hover{transform:translateY(-4px);box-shadow:0 14px 32px #3e7b2759,0 6px 12px #0000001f;background:#f5e9d0}.trust-logo-button{background:#efe3c2}.trust-logo-button:hover{background:#f5e9d0}.footer-brand{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.footer-brand i{color:#3e7b27;filter:drop-shadow(0 0 8px rgba(62,123,39,.4))}.footer-brand-title{font-size:1.5rem;font-weight:700;color:#123524;margin:0}.footer-description{font-size:.85rem;color:#2d3748;line-height:1.5;margin:.25rem 0 0}.footer-heading{font-size:1rem;font-weight:600;color:#123524;margin:0 0 .75rem;position:relative;padding-bottom:.4rem}.footer-heading:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:#3e7b27;border-radius:2px}.footer-links{display:flex;flex-direction:column;gap:.6rem}.footer-link{display:flex;align-items:center;gap:.45rem;font-size:.85rem;color:#2d3748;text-decoration:none;transition:all .25s ease;padding:.2rem 0}.footer-link i{transition:transform .3s ease}.footer-link:hover{color:#3e7b27;transform:translate(5px)}.footer-link:hover i{transform:scale(1.2);color:#3e7b27}.footer-social{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}.footer-social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#3e7b2714;border:1px solid #3E7B27;border-radius:10px;color:#3e7b27;text-decoration:none;transition:all .25s ease}.footer-social-link:hover{background:#3e7b27;border-color:transparent;color:#efe3c2;transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px #3e7b2766}.footer-social-link i{transition:transform .3s ease}.footer-social-link:hover i{transform:rotate(360deg)}.footer-logo-wrapper{width:100%;padding-right:80px;display:flex;justify-content:center;align-items:center;margin-top:.75rem}.footer-logo-main{width:140px;max-width:100px;height:auto;display:block;background:#efe3c2;border:3px solid #3E7B27;border-radius:16px;padding:10px 14px;box-shadow:0 6px 18px #3e7b2747,0 2px 6px #0000000f;transition:transform .35s ease,box-shadow .35s ease}.footer-logo-main:hover{transform:translateY(-4px);box-shadow:0 16px 36px #3e7b2773,0 6px 14px #0000001f}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:1.25rem;text-align:center}.footer-copyright{font-size:.9rem;font-weight:600;color:#2d3748;margin:0 0 .35rem}.footer-supervision{font-size:.75rem;color:#4a5568;font-style:italic;margin:0}@media (max-width: 1024px){.footer-container{grid-template-columns:repeat(2,1fr);gap:1.25rem}.trust-logos{flex-direction:row;flex-wrap:wrap;gap:.6rem}}@media (max-width: 768px){.footer-enhanced{padding:1.5rem 1.25rem .75rem;margin-top:2rem}.footer-container{grid-template-columns:repeat(2,1fr);gap:1.25rem}.footer-brand-title{font-size:1.3rem}.footer-heading{font-size:1rem}.footer-social{gap:.75rem}.footer-social-link{width:42px;height:42px}}@media (max-width: 480px){.footer-enhanced{padding:1.25rem 1rem .6rem;margin-top:1.5rem}.footer-container{grid-template-columns:1fr;gap:1.25rem}.footer-column{text-align:left}.footer-brand,.footer-social{justify-content:flex-start}.footer-logo-wrapper{justify-content:center}.trust-logos{flex-direction:row;gap:.75rem}.footer-bottom{padding-top:1rem}.footer-copyright{font-size:.9rem}.footer-supervision{font-size:.8rem}}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;width:100%}body{font-family:Vazirmatn,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#efe3c2;min-height:100vh;margin:0;padding:0;position:relative;overflow-x:hidden;width:100%;color:#2d3748}.navbar{position:fixed;top:0;left:0;right:0;height:60px;background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:0 2rem;border-bottom:2px solid rgba(62,123,39,.2);z-index:1000;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #0000001a}.navbar-brand{font-size:1.5rem;font-weight:700;color:#123524;text-decoration:none;display:flex;align-items:center;gap:.5rem;cursor:pointer;flex-shrink:0}.brand-text{white-space:nowrap}.hamburger-btn{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.hamburger-line{width:25px;height:3px;background:#3e7b27;margin:3px 0;transition:.3s;border-radius:2px}.hamburger-line.active:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.hamburger-line.active:nth-child(2){opacity:0}.hamburger-line.active:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.navbar-nav{display:flex;gap:1rem;align-items:center}.nav-link{color:#555;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:12px;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;cursor:pointer}.nav-link:hover{background:#3e7b271a;color:#3e7b27}.nav-link.active{background:#3e7b27;color:#efe3c2}.nav-link.btn-logout{background:#3e7b27;color:#fff}.nav-link.btn-logout:hover{background:#3e7b27;transform:translateY(-2px)}.nav-dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;left:0;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;box-shadow:0 8px 24px #00000026;border:1px solid rgba(62,123,39,.2);min-width:200px;margin-top:.25rem;overflow:hidden;z-index:1001;display:none;opacity:0;transform:translateY(-5px);transition:opacity .2s ease-out,transform .2s ease-out}.dropdown-menu.show{display:block;opacity:1;transform:translateY(0)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:block;padding:.75rem 1.25rem;color:#555;text-decoration:none;transition:all .2s ease;font-weight:500;font-size:.95rem;border-bottom:1px solid rgba(62,123,39,.1)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:linear-gradient(135deg,#3e7b271a,#1235241a);color:#3e7b27;padding-left:1.5rem}.main-content{margin-top:80px;width:100%;max-width:1400px;margin-left:auto;margin-right:auto;flex:1;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box;min-height:calc(100vh - 140px)}.footer{margin-top:2rem;text-align:center;color:#ffffffe6;font-size:.9rem;padding:1.5rem 0}.footer-content{max-width:1200px;margin:0 auto}.footer-text{margin:0;font-weight:600;font-size:1rem}.footer-subtitle{margin:.5rem 0 0;font-size:.85rem;opacity:.8;font-style:italic}.modal-overlay{display:flex;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:2rem}.modal-content{background:#fff;border-radius:16px;width:min(860px,calc(100vw - 2rem));max-width:860px;max-height:90vh;overflow:hidden;position:relative;animation:modalSlideIn .3s ease-out;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.modal-close{position:absolute;top:1rem;right:1rem;background:#f6efdf;border:1px solid #85A947;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;line-height:0;color:#3e7b27;z-index:10}[dir=rtl] .modal-close{right:auto;left:1rem}.modal-close:hover{background:#3e7b27;color:#efe3c2;box-shadow:0 2px 8px #3e7b274d;transform:scale(1.05)}.modal-inner{max-width:760px;margin:0 auto;padding:1.5rem 2rem 2rem;width:100%;box-sizing:border-box;flex:1;overflow-y:auto;overflow-x:hidden}.modal-inner::-webkit-scrollbar{width:0;height:0}.modal-inner{scrollbar-width:none;-ms-overflow-style:none}.modal-inner.support-modal{overflow-y:auto}.support-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-bottom:1.25rem}.support-card{background:linear-gradient(135deg,#f8f4e6,#efe3c2);padding:1.5rem;border-radius:16px;border:2px solid #85A947;transition:all .3s ease;box-shadow:0 2px 8px #85a9471a}.support-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #85a94740;border-color:#3e7b27}.support-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:#3e7b27}.support-card-header h3{color:#2d3748;margin:0;font-size:1.1rem;font-weight:600}.support-card-value{color:#2d3748;margin:0 0 .75rem;font-weight:700;font-size:1rem;line-height:1.6}.support-card-value div{margin-bottom:.25rem;display:flex;align-items:center;gap:.25rem}.support-card-value span[dir=ltr]{direction:ltr;unicode-bidi:embed}.support-card-description{color:#5a5a5a;font-size:.9rem;margin:0;line-height:1.5}.support-tip-card{background:linear-gradient(135deg,#3e7b27,#5a9f3a);padding:1.5rem;border-radius:16px;margin-bottom:1.5rem;box-shadow:0 4px 12px #3e7b2733;transition:all .3s ease}.support-tip-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3e7b274d}.support-tip-card .support-card-header{color:#efe3c2;margin-bottom:.75rem}.support-tip-card .support-card-header h3{color:#fff;font-size:1.1rem}.support-tip-text{color:#f8f4e6;margin:0;line-height:1.6;font-size:.95rem}.modal-header{text-align:center;margin-bottom:1.5rem}.modal-icon{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:2rem;color:#fff;box-shadow:0 4px 12px #00000026}.modal-icon.help{background:#4caf50}.modal-icon.support,.modal-icon.about{background:linear-gradient(135deg,#3e7b27,#5a9f3a)}.modal-title{color:#dce0e7;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.modal-subtitle{color:#f4eded;font-size:1rem;line-height:1.5}.modal-body{color:#2d3748;line-height:1.7}.modal-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #e2e8f0}.modal-footer-centered{text-align:center;margin-top:1.5rem;padding-top:0;border-top:none}.modal-button{background:linear-gradient(135deg,#3e7b27,#5a9f3a);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #3e7b2733}.modal-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3e7b2766;background:linear-gradient(135deg,#2d5a1f,#4a8a2f)}@media (max-width: 992px){.main-content{padding:1rem .75rem;margin-top:75px}}@media (max-width: 768px){.navbar{padding:1rem;height:auto;min-height:60px}.navbar-brand{font-size:1.2rem}.brand-text{display:none}.hamburger-btn{display:flex}.navbar-nav{position:fixed;top:60px;left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;padding:1rem;box-shadow:0 4px 20px #0000001a;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;gap:.5rem;max-height:calc(100vh - 60px);overflow-y:auto}.navbar-nav.open{transform:translateY(0);opacity:1;visibility:visible}.navbar-nav.open:before{content:"";position:fixed;inset:60px 0 0;background:#0000004d;z-index:-1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.nav-link{padding:.75rem 1rem;font-size:1rem;width:100%;text-align:left;border-radius:8px}.nav-dropdown{display:block;width:100%}.nav-dropdown .dropdown-menu{position:relative;top:0;left:0;margin-top:.5rem;width:100%}.main-content{padding:1.5rem 1rem;margin-top:70px;min-height:calc(100vh - 130px)}.modal-content{max-width:95vw;max-height:85vh;border-radius:12px}.modal-inner{padding:1.25rem 1.5rem 1.5rem}.support-cards-grid{grid-template-columns:1fr;gap:1rem}.support-card,.support-tip-card{padding:1.25rem}.modal-icon{width:60px;height:60px;font-size:1.75rem}.modal-title{font-size:1.5rem}.modal-subtitle{font-size:.95rem}}@media (max-width: 600px){.main-content{padding:1.25rem .75rem;margin-top:65px}}@media (max-width: 480px){.navbar{padding:.75rem}.navbar-brand{font-size:1rem}.nav-link{padding:.65rem .8rem;font-size:.9rem;gap:.5rem}.main-content{padding:1rem .5rem;margin-top:65px;min-height:calc(100vh - 120px)}.modal-content{max-width:98vw;max-height:90vh;border-radius:8px}.modal-inner{padding:1rem}.support-cards-grid{gap:.875rem}.support-card,.support-tip-card{padding:1rem}.support-card-header h3{font-size:1rem}.support-card-value{font-size:.9rem}.modal-icon{width:56px;height:56px;font-size:1.6rem}.modal-title{font-size:1.3rem}.modal-subtitle{font-size:.9rem}.modal-button{padding:.65rem 1.5rem;font-size:.95rem}.modal-close{width:32px;height:32px}}@media (max-width: 360px){.navbar{padding:.5rem}.navbar-brand{font-size:.95rem}.hamburger-line{width:22px;height:2.5px}.nav-link{padding:.6rem;font-size:.85rem}.main-content{padding:.75rem .5rem;margin-top:60px}.modal-inner,.support-card,.support-tip-card{padding:.875rem}.support-card-header{gap:.5rem}.modal-icon{width:52px;height:52px;font-size:1.5rem}.modal-button{padding:.6rem 1.25rem;font-size:.9rem}.modal-title{font-size:1.2rem}.modal-close{width:34px;height:34px;top:.65rem;right:.65rem}}@media (max-width: 320px){.navbar{padding:.5rem}.navbar-brand{font-size:.85rem}.nav-link{padding:.5rem;font-size:.8rem}.main-content{padding:.5rem}}@media (max-height: 600px) and (orientation: landscape){.navbar{min-height:50px;padding:.5rem 1rem}.navbar-nav.open{top:50px;max-height:calc(100vh - 50px)}.main-content{margin-top:60px;min-height:calc(100vh - 110px)}.footer{margin-top:1rem;font-size:.8rem}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}[dir=rtl] .support-card-header,[dir=rtl] .modal-header{direction:rtl}[dir=rtl] .support-card-value{direction:rtl;text-align:right}[dir=rtl] .support-card-value div{justify-content:flex-end}.support-card-value{unicode-bidi:plaintext}.support-card-value span[dir=ltr]{direction:ltr!important;unicode-bidi:isolate;display:inline-block}.modal-inner{scroll-behavior:smooth}.modal-button:focus{outline:3px solid rgba(62,123,39,.4);outline-offset:2px}.modal-close:focus{outline:3px solid rgba(62,123,39,.4);outline-offset:2px}.discount-banner{margin:30px auto;padding:28px;max-width:800px;border-radius:20px;background:radial-gradient(circle at top right,rgba(255,255,255,.14),transparent 32%),linear-gradient(135deg,#3e7b27,#4f8d31 52%,#5ca63c);color:#f8fbf5;text-align:center;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 40px #12352429;animation:fadeInUp .8s ease;position:relative;overflow:hidden}.discount-banner:before{content:"";position:absolute;inset:auto -90px -90px auto;width:220px;height:220px;border-radius:50%;background:#ffffff14;pointer-events:none}.discount-content{position:relative;z-index:1}.discount-eyebrow{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .8rem;margin-bottom:.85rem;border-radius:999px;background:#ffffff24;color:#f3ffe9;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.discount-title{font-size:1.8rem;font-weight:700;margin-bottom:10px;color:#fff;line-height:1.15}.discount-text{font-size:1.1rem;opacity:1;margin-bottom:.5rem;color:#fffffff2;max-width:44rem;margin-left:auto;margin-right:auto}.discount-hint{font-size:.95rem;color:#ffffffd9;margin-bottom:1.15rem}.countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-bottom:1.5rem}.time-box{background:linear-gradient(180deg,#fff,#f8fbf5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:14px 12px;border-radius:16px;min-width:0;border:1px solid rgba(255,255,255,.65);border-top:3px solid rgba(62,123,39,.7);box-shadow:0 10px 24px #1235241a;transition:transform .2s ease}.time-box:hover{transform:translateY(-3px)}.time-box span{display:block;font-size:1.7rem;font-weight:700;line-height:1;color:#285c1a}.time-box small{display:block;margin-top:.45rem;font-size:.8rem;color:#60705c;font-weight:600}.discount-btn{display:inline-block;padding:12px 26px;background:linear-gradient(135deg,#fff,#f3ffe9);color:#2f6d1f;font-weight:800;border-radius:999px;text-decoration:none;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 20px #1235241f;transition:all .25s ease}.discount-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 14px 24px #1235241f}@media (max-width: 640px){.discount-banner{padding:22px 16px;margin:22px auto}.discount-title{font-size:1.45rem}.discount-text{font-size:.98rem}.discount-hint{font-size:.88rem}.countdown{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.time-box{padding:12px 10px}.time-box span{font-size:1.45rem}.discount-btn{width:100%;max-width:260px}}.main-content:has(.hero-container){display:block!important;align-items:unset!important;justify-content:unset!important;max-width:none!important;padding:0!important;margin-left:0!important;margin-right:0!important;width:100%!important;min-height:calc(100vh - 140px)!important}.hero-container{text-align:center;color:#1a202c;width:100%;max-width:100%;margin:0 auto;padding:1.5rem 1rem;box-sizing:border-box;animation:fadeInUp 1s ease-out;min-height:calc(100vh - 140px);display:flex;flex-direction:column;justify-content:center}.hero-title{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#123524;word-wrap:break-word;line-height:1.2}.hero-subtitle-main{font-size:.95rem;margin:10px auto 15px;font-weight:300;color:#2d3748;max-width:100%;line-height:1.5;padding:0 .5rem}.hero-subtitle{font-size:1rem;margin-bottom:1rem;color:#2d3748;line-height:1.5;max-width:100%;margin-left:auto;margin-right:auto;padding:0 .5rem}.hero-subtitle-sub{font-size:.9rem;display:block;margin-bottom:1.5rem;color:#4a5568;max-width:100%;margin-left:auto;margin-right:auto;padding:0 .5rem;line-height:1.4}.home-promos-home{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;width:100%;max-width:900px;margin:2rem auto;padding:0 1rem;box-sizing:border-box}.home-promos-home>*{min-width:0}.home-promos-home .discount-banner,.home-promos-home .promo-banner-home{width:100%;max-width:none;margin:0}.home-promos-home--single{display:grid;grid-template-columns:minmax(0,1fr);justify-items:stretch}.promo-banner-home{background:linear-gradient(135deg,#4a8f2f,#5da83d,#6bb84a);border-radius:16px;padding:2rem 1.5rem;box-shadow:0 10px 40px #4a8f2f4d;position:relative;overflow:hidden}.promo-banner-content-home{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:1;flex-direction:column;text-align:center}.promo-banner-icon-home{flex-shrink:0;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:1.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #0000001a}.promo-banner-icon-home svg{color:#fff;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.promo-banner-text-home{flex:1;color:#fff}.promo-banner-title-home{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.promo-banner-subtitle-home{font-size:1.1rem;font-weight:500;margin-bottom:.75rem;color:#fffffff2}.promo-banner-description-home{font-size:.95rem;line-height:1.6;margin-bottom:0;color:#ffffffe6}.hero-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center;margin-top:1.5rem;margin-bottom:2rem;width:100%;padding:0 1rem}.btn-hero{width:100%;max-width:300px;padding:1rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;box-sizing:border-box}.btn-hero-primary{background:#3e7b27;color:#efe3c2;border:2px solid #3E7B27;box-shadow:0 4px 12px #00000026;font-size:1.1rem;padding:1.1rem 2rem;font-weight:700}@keyframes glow{0%,to{box-shadow:0 4px 12px #3e7b2733;transform:scale(1)}50%{box-shadow:0 4px 12px #3e7b2733;transform:scale(1.05)}}.btn-hero-primary:hover{background:#123524;transform:translateY(-3px);box-shadow:0 6px 16px #0003}.btn-hero-secondary{background:#0003;color:#fff;border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-hero-secondary:hover{background:#0000004d;transform:translateY(-2px);box-shadow:0 10px 30px #0003}.hero-content{width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;flex:1;justify-content:center}.features{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem;width:100%;max-width:100%;padding:0 1rem;box-sizing:border-box}.feature-card{background:#ffffff1f;padding:2rem 1.5rem;border-radius:20px;text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.25);transition:all .3s ease;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;box-shadow:0 15px 35px #00000026;box-sizing:border-box}.feature-card:hover{transform:translateY(-8px);background:#ffffff2e;box-shadow:0 20px 45px #0003}.feature-icon{font-size:3rem;margin-bottom:1rem;color:#3e7b27;flex-shrink:0}.feature-title{font-size:1.3rem;font-weight:700;margin-bottom:.75rem;color:#123524;line-height:1.3}.feature-desc{color:#2d3748;line-height:1.6;font-size:.95rem}.hero-cta{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;padding:0 1rem}.hero-cta-text{color:#123524;font-size:1.1rem;margin-bottom:1rem;font-weight:600;line-height:1.4}@media (min-width: 600px){.main-content:has(.hero-container){padding:0!important}.hero-container{padding:2rem 1.5rem}.hero-title{font-size:2.5rem}.hero-subtitle-main{font-size:1.1rem;max-width:90%}.hero-subtitle{font-size:1.2rem;max-width:90%}.hero-subtitle-sub{font-size:1rem;max-width:85%}.hero-buttons{flex-direction:row;flex-wrap:wrap;gap:1rem}.btn-hero{width:auto;min-width:180px;max-width:250px}.features{padding:0 1.5rem}}@media (min-width: 768px){.main-content:has(.hero-container){padding:0!important}.hero-container{padding:2rem 1.5rem;max-width:1200px;margin:0 auto}.hero-title{font-size:3rem}.hero-subtitle-main{font-size:1.15rem;max-width:85%}.hero-subtitle{font-size:1.25rem;max-width:85%}.hero-subtitle-sub{font-size:1.05rem;max-width:80%}.features{grid-template-columns:repeat(2,1fr);gap:2rem;max-width:900px;margin-left:auto;margin-right:auto}.feature-icon{font-size:3.2rem}.feature-title{font-size:1.4rem}.feature-desc{font-size:1rem}.promo-banner-home{padding:2.5rem 2rem}.home-promos-home--with-offer{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;max-width:1200px}.home-promos-home--single{max-width:900px}.promo-banner-content-home{flex-direction:row;text-align:left;gap:2rem}.promo-banner-icon-home{padding:2rem}.promo-banner-title-home{font-size:1.75rem}.promo-banner-subtitle-home{font-size:1.15rem}.promo-banner-description-home{font-size:1rem}}@media (min-width: 1024px){.main-content:has(.hero-container){padding:0!important;max-width:none!important}.hero-container{padding:2.5rem 2rem;max-width:1200px;margin:0 auto}.hero-title{font-size:3.5rem}.hero-subtitle-main{font-size:1.2rem;max-width:800px}.hero-subtitle{font-size:1.3rem;max-width:800px}.hero-subtitle-sub{font-size:1.1rem;max-width:700px}.features{grid-template-columns:repeat(3,1fr);max-width:1200px}.feature-icon{font-size:3.5rem}.feature-title{font-size:1.5rem}.feature-desc{font-size:1rem}.hero-buttons{gap:1.5rem}.promo-banner-home{padding:3rem 2.5rem}.promo-banner-content-home{gap:2.5rem}.promo-banner-title-home{font-size:2rem}.promo-banner-subtitle-home{font-size:1.25rem}.promo-banner-description-home{font-size:1rem}}@media (max-height: 600px) and (orientation: landscape){.main-content:has(.hero-container){padding:0!important;min-height:calc(100vh - 120px)!important}.hero-container{padding:1rem;min-height:calc(100vh - 120px)}.hero-title{font-size:1.8rem;margin-bottom:.5rem}.hero-subtitle-main{font-size:.9rem;margin:5px auto 10px}.hero-subtitle{font-size:.95rem;margin-bottom:.75rem}.hero-subtitle-sub{font-size:.85rem;margin-bottom:1rem}.hero-buttons{margin-top:1rem;margin-bottom:1.25rem;flex-direction:row;gap:1rem}.btn-hero{max-width:200px;font-size:.9rem;padding:.75rem 1.5rem}.btn-hero-primary{font-size:.95rem}.features{margin-top:.5rem;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.feature-card{padding:1.35rem 1.15rem}.feature-icon{font-size:2.25rem;margin-bottom:.65rem}.feature-title{font-size:1.1rem;margin-bottom:.45rem}.feature-desc{font-size:.85rem;line-height:1.45}}@media (max-width: 320px){.main-content:has(.hero-container){padding:0!important}.hero-container{padding:1rem .5rem}.hero-title{font-size:1.75rem}.hero-subtitle-main{font-size:.85rem}.hero-subtitle{font-size:.9rem}.hero-subtitle-sub{font-size:.8rem}.btn-hero{max-width:280px;font-size:.9rem;padding:.9rem 1.2rem}.features{padding:0 .5rem;gap:1.25rem}.feature-card{padding:1.5rem 1rem}}.main-content:has(.auth-container){display:flex!important;align-items:center!important;justify-content:center!important;min-height:calc(100vh - 140px);padding:2rem 1rem}.auth-container{background:#fff;border-radius:20px;padding:3rem 2.5rem;box-shadow:0 20px 60px #00000014,0 0 0 1px #3e7b2714;width:100%;max-width:440px;position:relative;overflow:hidden;margin:0 auto}.auth-forgot-password-container{max-width:520px}.auth-forgot-card{position:relative;z-index:2}.auth-forgot-banner{display:flex;gap:.9rem;align-items:flex-start;background:linear-gradient(135deg,#3e7b2714,#85a9471f);border:1px solid rgba(62,123,39,.14);border-radius:16px;padding:1rem;margin-bottom:1.25rem}.auth-forgot-banner-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#3e7b27;color:#efe3c2;flex-shrink:0;box-shadow:0 8px 18px #3e7b2738}.auth-forgot-banner-title{color:#1f2937;font-weight:700;margin-bottom:.15rem}.auth-forgot-banner-text{color:#64748b;font-size:.92rem;line-height:1.5}.auth-forgot-form{display:flex;flex-direction:column;gap:.75rem}.auth-forgot-submit{margin-top:.25rem}.auth-forgot-footer{margin-top:1.5rem;padding-top:1rem}.auth-field-error{display:block;margin-top:.4rem;color:#b91c1c;font-size:.85rem;font-weight:500}.auth-forgot-footer .auth-link{display:inline-flex;align-items:center;gap:.35rem}.auth-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3e7b27,#85a947,#3e7b27);background-size:200% 100%;animation:auth-gradient 3s ease infinite}@keyframes auth-gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.auth-header{text-align:center;margin-bottom:2rem;position:relative;z-index:2;width:100%}.auth-icon{width:72px;height:72px;background:linear-gradient(135deg,#3e7b27,#4a9432);border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;box-shadow:0 8px 24px #3e7b2740;position:relative;transition:transform .3s ease}.auth-icon:hover{transform:translateY(-2px) scale(1.03)}.auth-icon i{font-size:1.8rem;color:#fff}.auth-title{color:#1a2e0d;font-family:Vazirmatn,sans-serif;font-size:1.75rem;font-weight:800;margin-bottom:.35rem;letter-spacing:-.02em}.auth-subtitle{color:#6b7280;font-size:.95rem;font-weight:400;line-height:1.5}.form-group{margin-bottom:1.25rem;position:relative}.form-label{display:block;color:#374151;font-weight:600;margin-bottom:.5rem;font-size:.9rem;font-family:Vazirmatn,sans-serif}.form-input{width:100%;padding:.85rem 2.8rem .85rem 1rem;border:1.5px solid #e5e7eb;border-radius:12px;font-size:.95rem;font-family:Vazirmatn,sans-serif;transition:all .2s ease;background:#fafafa;color:#1f2937;box-sizing:border-box}.form-input::placeholder{color:#9ca3af;opacity:1}.form-input:hover{border-color:#85a947;box-shadow:0 4px 12px #3e7b2733}.form-input:focus{outline:none;border-color:#3e7b27;background:#fff;color:#2d3748;box-shadow:0 0 0 4px #3e7b271a,inset 0 2px 4px #3e7b271a;transform:translateY(-2px)}.input-icon{position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);color:#999;font-size:1.2rem;transition:all .3s ease}.form-input:focus+.input-icon{color:#3e7b27;transform:translateY(-50%) scale(1.1)}.btn-primary{width:100%;padding:1.3rem;background:#3e7b27!important;color:#efe3c2!important;border:none!important;border-radius:12px;font-size:1.2rem;font-weight:700;font-family:Vazirmatn,sans-serif;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px #3e7b2766,0 4px 10px #0000001a;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px #3e7b2780,0 8px 20px #00000026}.btn-primary:active{transform:translateY(-1px)}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-footer{text-align:center;margin-top:2.5rem;padding-top:2rem;border-top:2px solid rgba(133,169,71,.2)}.auth-link{color:#3e7b27;text-decoration:none;font-weight:600;font-family:Vazirmatn,sans-serif;transition:all .3s ease;position:relative}.auth-link:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:50%;background:#3e7b27;transition:all .3s ease}.auth-link:hover:after{width:100%;left:0}.auth-link:hover{color:#85a947;transform:translateY(-1px)}.error-message,.success-message{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:1rem;border-radius:12px;margin-bottom:1.5rem;font-size:1rem;font-weight:500;white-space:normal;overflow-wrap:break-word;word-break:break-word;word-wrap:break-word;overflow:hidden}.error-message{background:linear-gradient(135deg,#fee,#ffebee);color:#c62828;border-right:4px solid #c62828}.success-message{background:linear-gradient(135deg,#e8f5e8,#f1f8e9);color:#2e7d32;border-right:4px solid #4caf50}.loading{display:inline-block;width:18px;height:18px;border:2.5px solid rgba(255,255,255,.25);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.auth-container{width:75%;min-width:280px;padding:2.5rem 1.75rem;margin:1rem auto}.auth-icon{width:75px;height:75px;margin-bottom:1.25rem}.auth-icon i,.auth-title{font-size:1.9rem}.auth-subtitle{font-size:1rem}.form-input{padding:1.1rem 3.2rem 1.1rem 1.1rem;font-size:1rem}.btn-primary{padding:1.15rem;font-size:1.1rem}.auth-footer{margin-top:2rem;padding-top:1.75rem}}@media (max-width: 600px){.auth-container{width:80%;min-width:280px;padding:2rem 1.5rem;margin:.75rem auto}.auth-icon{width:70px;height:70px;margin-bottom:1rem}.auth-icon i{font-size:1.8rem}.auth-title{font-size:1.7rem}.auth-subtitle{font-size:.95rem}.form-group{margin-bottom:1.5rem}.form-label{font-size:.95rem;margin-bottom:.6rem}.form-input{padding:1rem 3rem 1rem 1rem;font-size:.95rem;border-radius:10px}.input-icon{right:1rem;font-size:1.1rem}.btn-primary{padding:1.1rem;font-size:1.05rem;border-radius:10px}.auth-footer{margin-top:1.75rem;padding-top:1.5rem}.error-message,.success-message{padding:.9rem;font-size:.9rem;margin-bottom:1.25rem;border-radius:10px}}@media (max-width: 480px){.auth-container{width:92%;padding:1.75rem 1.25rem;margin:.5rem auto;border-width:1px}.auth-icon{width:65px;height:65px}.auth-icon i{font-size:1.6rem}.auth-title{font-size:1.5rem}.auth-subtitle{font-size:.9rem}.form-group{margin-bottom:1.25rem}.form-label{font-size:.9rem;margin-bottom:.5rem}.form-input{padding:.9rem 2.8rem .9rem .9rem;font-size:.9rem;border-radius:8px}.input-icon{right:.9rem;font-size:1rem}.btn-primary{padding:1rem;font-size:1rem;border-radius:8px}.auth-footer{margin-top:1.5rem;padding-top:1.25rem;font-size:.9rem}.error-message,.success-message{padding:.85rem;font-size:.85rem;margin-bottom:1rem;border-radius:8px}}@media (max-width: 360px){.auth-container{width:95%;padding:1.5rem 1rem;margin:.25rem auto}.auth-icon{width:60px;height:60px}.auth-icon i{font-size:1.5rem}.auth-title{font-size:1.35rem}.auth-subtitle{font-size:.85rem}.form-group{margin-bottom:1rem}.form-label{font-size:.85rem}.form-input{padding:.85rem 2.5rem .85rem .85rem;font-size:.85rem}.input-icon{right:.85rem}.btn-primary{padding:.95rem;font-size:.95rem}.error-message,.success-message{padding:.75rem;font-size:.8rem}}@media (max-height: 600px) and (orientation: landscape){.auth-container{padding:1rem;margin:.5rem auto}.auth-icon{width:50px;height:50px;margin-bottom:.5rem}.auth-icon i{font-size:1.4rem}.auth-title{font-size:1.3rem;margin-bottom:.25rem}.auth-subtitle{font-size:.8rem;margin-bottom:.5rem}.auth-header{margin-bottom:1rem}.form-group{margin-bottom:.75rem}.form-label{margin-bottom:.3rem;font-size:.85rem}.form-input{padding:.7rem 2.5rem .7rem .7rem;font-size:.85rem}.btn-primary{padding:.8rem;font-size:.95rem}.auth-footer{margin-top:1rem;padding-top:1rem;font-size:.85rem}}@media (hover: none) and (pointer: coarse){.form-input{font-size:16px!important}.btn-primary:active{transform:scale(.98)}.auth-link:active{transform:scale(.97)}}.password-toggle-btn{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.35rem;color:#9ca3af;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;z-index:2}.password-toggle-btn:hover{color:#3e7b27;background:#3e7b2714}.password-toggle-btn:focus{outline:none}.password-strength{display:flex;align-items:center;gap:.5rem;margin-top:.4rem}.password-strength-bar{display:flex;gap:3px;flex:1}.password-strength-segment{height:4px;border-radius:2px;flex:1;transition:background .3s ease}.password-strength-label{font-size:.75rem;font-weight:600;white-space:nowrap;min-width:42px;text-align:right}.btn-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}.signup-container{width:95%;max-width:560px;border:2px solid rgba(133,169,71,.2);margin:0 auto}.signup-container:before{background:linear-gradient(45deg,transparent,rgba(133,169,71,.05),transparent)}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(0)}50%{transform:translate(0) translateY(0) rotate(180deg)}to{transform:translate(100%) translateY(100%) rotate(360deg)}}.signup-icon{background:#3e7b27}.signup-icon:after{background:#3e7b27}@keyframes iconRotate{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.signup-title{background:#3e7b27;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.signup-footer{border-top:2px solid rgba(133,169,71,.2)}.signup-link{color:#3e7b27}.signup-link:after{background:#3e7b27}.signup-link:hover{color:#85a947}.terms-container{animation:fadeIn .5s ease-in-out}.terms-container input[type=checkbox]{flex-shrink:0}.terms-container label:hover{background-color:#2d501605;transition:background-color .2s ease}.btn-primary:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#6b7280,#9ca3af)}.btn-primary:disabled:hover{transform:none;box-shadow:0 4px 12px #0000001a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.signup-form .form-input:focus{border-color:#f5576c;box-shadow:0 0 0 4px #f5576c1a,inset 0 2px 4px #f5576c1a}.signup-form .form-input:focus+.input-icon{color:#f5576c}.signup-form .btn-primary{background:#3e7b27!important;color:#efe3c2!important;box-shadow:0 8px 25px #3e7b2766,0 4px 10px #0000001a}.signup-form .btn-primary:hover{box-shadow:0 12px 35px #3e7b2780,0 8px 20px #00000026}.phone-hint{color:#2d3748;font-size:.85rem;margin-top:.25rem;display:block;line-height:1.5}@media (max-height: 600px) and (orientation: landscape){.signup-container{padding:1rem;margin:.5rem auto}.signup-icon{width:50px;height:50px;margin-bottom:.5rem}.signup-icon i{font-size:1.4rem}.signup-title{font-size:1.3rem;margin-bottom:.25rem}.auth-subtitle{font-size:.8rem;margin-bottom:.5rem}.auth-header{margin-bottom:1rem}.form-group{margin-bottom:.75rem}.form-label{margin-bottom:.3rem;font-size:.85rem}.form-input{padding:.7rem 2.5rem .7rem .7rem;font-size:.85rem}.btn-primary{padding:.8rem;font-size:.95rem}.signup-footer{margin-top:1rem;padding-top:1rem;font-size:.85rem}.phone-hint{font-size:.7rem;margin-top:.2rem}}@media (max-width: 768px){.signup-container{width:80%;min-width:300px;padding:2rem 1.5rem;margin:1rem auto}.form-row{grid-template-columns:1fr;gap:0}}@media (max-width: 480px){.signup-container{width:85%;min-width:280px;padding:1.5rem 1rem;margin:.5rem auto;border-width:1px}.signup-icon{width:70px;height:70px;margin-bottom:1rem}.signup-icon i{font-size:1.8rem}.signup-title{font-size:1.6rem}.auth-subtitle{font-size:.95rem}.form-group{margin-bottom:1.25rem}.form-label{font-size:.9rem;margin-bottom:.5rem}.form-input{padding:.9rem 2.8rem .9rem .9rem;font-size:.95rem}.input-icon{right:.9rem;font-size:1rem}.phone-hint{font-size:.75rem;margin-top:.35rem;line-height:1.4}.btn-primary{padding:1rem;font-size:1rem}.signup-footer{margin-top:1.5rem;padding-top:1.5rem;font-size:.9rem}.error-message,.success-message{padding:.85rem;font-size:.85rem;margin-bottom:1rem}}@media (max-width: 360px){.signup-container{width:90%;min-width:260px;padding:1rem .75rem;margin:.25rem auto}.signup-icon{width:60px;height:60px}.signup-title{font-size:1.4rem}.form-input{padding:.8rem 2.5rem .8rem .8rem;font-size:.9rem}.phone-hint{font-size:.7rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 768px){.signup-container:before{animation:none}.signup-icon:after{animation-duration:3s}@keyframes iconBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.03)}}}@media (hover: none) and (pointer: coarse){.signup-form .form-input{font-size:16px!important}.signup-form .btn-primary:active{transform:scale(.98)}.signup-link:active{transform:scale(.97)}.phone-hint{-webkit-tap-highlight-color:transparent}}.check-email-container{animation:fadeInScale .5s ease-out}.check-email-icon{background:#3e7b27;animation:pulse 2s ease-in-out infinite}.check-email-title{color:#3e7b27;margin-top:20px}.check-email-content{margin:30px 0}.email-instructions{text-align:center}.email-text{font-size:16px;color:#4a5568;margin-bottom:10px}.email-address{font-size:18px;font-weight:600;color:#3e7b27;background:#3e7b271a;padding:12px 20px;border-radius:8px;margin:15px 0 30px;word-break:break-word}.instructions-list{text-align:left;margin:30px 0}.instruction-item{display:flex;align-items:center;gap:15px;padding:15px;margin-bottom:12px;background:#f7fafc;border-radius:10px;border-left:4px solid #3E7B27;transition:all .3s ease}.instruction-item:hover{background:#85a9471a;transform:translate(5px)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#3e7b27;color:#efe3c2;border-radius:50%;font-weight:700;font-size:16px;flex-shrink:0}.instruction-item span:not(.step-number){color:#2d3748;font-size:15px;line-height:1.5}.email-note{margin-top:30px;padding:15px;background:#fffaf0;border:1px solid #fbd38d;border-radius:8px;text-align:left}.email-note p{margin:0;color:#744210;font-size:14px}.email-note strong{color:#c05621}.check-email-footer{margin-top:30px}.resend-text{margin-top:15px;font-size:14px;color:#2d3748}.resend-link{background:none;border:none;color:#667eea;font-weight:600;cursor:pointer;text-decoration:underline;padding:0;font-size:14px;transition:color .2s ease}.resend-link:hover{color:#764ba2}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.subscription-tier-list{width:100%;padding:2rem 0}.subscription-tier-loading,.subscription-tier-error,.subscription-tier-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:#6b7280}.subscription-tier-loading .spinner{width:48px;height:48px;border:4px solid #f3f4f6;border-top:4px solid #3E7B27;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.subscription-tier-error i,.subscription-tier-empty i{font-size:3rem;margin-bottom:1rem;color:#ef4444}.subscription-tier-empty i{color:#9ca3af}.subscription-tier-header{text-align:center;margin-bottom:3rem}.subscription-tier-header h2{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.subscription-tier-header p{font-size:1.125rem;color:#6b7280}.subscription-tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.subscription-tier-card{position:relative;background:linear-gradient(180deg,#fff,#fcfcf6);border:1px solid rgba(62,123,39,.14);border-radius:18px;padding:1.5rem;transition:all .3s ease;display:flex;flex-direction:column}.subscription-tier-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:#3e7b27}.subscription-tier-card.featured{border-color:#3e7b27;box-shadow:0 8px 16px #3e7b2726}.subscription-tier-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#3e7b27,#5a9f3a);color:#fff;padding:.375rem 1rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 8px #3e7b274d}.subscription-tier-card-header{text-align:center;margin-bottom:1.5rem}.subscription-tier-card-header h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.subscription-tier-duration{font-size:.875rem;color:#6b7280;font-weight:500}.subscription-tier-price{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.discount-banner{background:linear-gradient(135deg,#3e7b27,#5a9f3a);color:#fff;padding:.75rem 1rem;border-radius:.75rem;margin-bottom:1rem;font-weight:700;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #3e7b2766;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 4px 12px #3e7b2766}50%{box-shadow:0 4px 20px #3e7b2799}}.discount-icon{font-size:1.2rem;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.discount-text{letter-spacing:.3px}.price-original{margin-bottom:.75rem;padding:.5rem;background:#f9fafb;border-radius:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.original-price-label{font-size:.85rem;color:#6b7280;font-weight:500}.original-price-value{font-size:1.1rem;color:#9ca3af;font-weight:600;text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#ef4444}.original-price-currency{font-size:.85rem;color:#9ca3af;text-decoration:line-through}.price-current{margin-top:.5rem}.current-price-wrapper{display:flex;align-items:baseline;justify-content:center;gap:.5rem}.after-discount-label{font-size:.8rem;color:#10b981;font-weight:600;margin-top:.25rem;text-transform:uppercase;letter-spacing:.5px}.subscription-tier-price .price-currency{font-size:1.25rem;color:#3e7b27;font-weight:600;vertical-align:top}.subscription-tier-price .price-amount{font-size:clamp(1.25rem,4vw,2.4rem);font-weight:700;color:#1f2937;line-height:1;display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.current-price-wrapper{max-width:100%;display:flex;align-items:baseline;justify-content:center;gap:.5rem}.subscription-tier-features{flex:1;margin-bottom:2rem}.subscription-tier-feature-item{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.5rem 0}.subscription-tier-feature-item i{color:#3e7b27;font-size:1.125rem;min-width:20px}.subscription-tier-feature-item span{color:#4b5563;font-size:.9375rem}.subscription-tier-button{width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,#3e7b27,#5a9f3a);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.subscription-tier-button:hover:not(:disabled){background:linear-gradient(135deg,#2f5f1e,#4a8230);transform:translateY(-2px);box-shadow:0 4px 12px #3e7b274d}.subscription-tier-button:disabled{background:#9ca3af;cursor:not-allowed;opacity:.7}.subscription-tier-button:active:not(:disabled){transform:translateY(0)}@media (max-width: 768px){.subscription-tier-list{padding:1.5rem 0}.subscription-tier-header{margin-bottom:2rem}.subscription-tier-header h2{font-size:1.5rem}.subscription-tier-header p{font-size:1rem}.subscription-tier-grid{grid-template-columns:1fr;gap:1.5rem}.subscription-tier-card{padding:1.5rem}.subscription-tier-price .price-amount{font-size:2.5rem}}@media (max-width: 480px){.subscription-tier-card{padding:1.25rem}.subscription-tier-card-header h3{font-size:1.25rem}.subscription-tier-price .price-amount{font-size:2rem}.subscription-tier-button{padding:.75rem 1.25rem;font-size:.9375rem}}.main-dashboard-container{min-height:calc(100vh - 60px);width:100%;background:#efe3c2;padding:2rem;overflow-y:auto;margin-top:60px;box-sizing:border-box}.dashboard-content{max-width:1200px;margin:0 auto;width:100%;padding:0}.dashboard-header{background:#fff;color:#2d3748;padding:2rem;border-radius:12px;margin-bottom:2rem;text-align:center;animation:slideDown .8s ease-out;border:2px solid #3E7B27;box-shadow:0 4px 12px #00000014}.welcome-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;font-family:Vazirmatn,sans-serif;color:#123524}.welcome-subtitle{font-size:1.2rem;opacity:.9}.promo-banner{background:linear-gradient(135deg,#2d5016,#3e7b27,#4a8f2f);border-radius:16px;padding:3rem;margin-bottom:2rem;box-shadow:0 10px 40px #3e7b274d;animation:fadeInUp .6s ease-out;position:relative;overflow:hidden}.promo-banner:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:shimmer 4s ease-in-out infinite}@keyframes shimmer{0%,to{transform:translate(-50%,-50%) rotate(0)}50%{transform:translate(0) rotate(180deg)}}.promo-banner-content{display:flex;align-items:center;gap:2.5rem;position:relative;z-index:1}.promo-banner-icon{flex-shrink:0;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #0000001a;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.promo-banner-icon svg{color:#fff;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.promo-banner-text{flex:1;color:#fff}.promo-banner-title{font-size:2rem;font-weight:700;margin-bottom:.75rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.promo-banner-subtitle{font-size:1.25rem;font-weight:500;margin-bottom:1rem;color:#fffffff2}.promo-banner-description{font-size:1rem;line-height:1.6;margin-bottom:1.5rem;color:#ffffffe6}.promo-banner-buttons{display:flex;gap:1rem;flex-wrap:wrap}.promo-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:10px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;box-shadow:0 4px 15px #0003}.promo-btn-primary{background:#fff;color:#2d5016}.promo-btn-primary:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.promo-btn-secondary{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.promo-btn-secondary:hover{background:#ffffff4d;border-color:#fffc;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}@media (max-width: 768px){.promo-banner{padding:2rem}.promo-banner-content{flex-direction:column;text-align:center;gap:1.5rem}.promo-banner-icon{padding:1.5rem}.promo-banner-title{font-size:1.5rem}.promo-banner-subtitle{font-size:1rem}.promo-banner-description{font-size:.9rem}.promo-banner-buttons{justify-content:center;width:100%}.promo-btn{padding:.75rem 1.5rem;font-size:.9rem}}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:2rem;grid-auto-rows:1fr;align-items:stretch}.featured-section{margin-bottom:3rem}.featured-card{background:#fff;border-radius:16px;padding:3rem;box-shadow:0 10px 30px #0000001a;border:2px solid #3E7B27;transition:all .3s ease;animation:fadeInUp .8s ease-out both;margin:0 auto;color:#2d3748;min-height:320px}.featured-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 30px 80px #3e7b2759;border-color:#3e7b2780}.featured-card-content{display:flex;align-items:center;justify-content:space-between;gap:3rem;min-height:260px}.featured-text{flex:1;display:flex;flex-direction:column;justify-content:center}.featured-icon-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center}.featured-card .featured-icon{width:160px;height:160px;font-size:4rem;margin:0;background:#3e7b27;box-shadow:0 8px 20px #00000026}.featured-card .card-title{font-size:2.5rem;margin-bottom:1.5rem;color:#2d3748}.featured-card .card-description{font-size:1.2rem;margin-bottom:2rem;line-height:1.6;color:#4a5568}.featured-button{padding:1.2rem 3rem!important;font-size:1.2rem!important;box-shadow:0 10px 30px #3e7b2766!important;display:inline-flex;align-items:center;gap:.75rem;font-weight:700;border-radius:14px}.featured-button:hover{transform:translateY(-3px)!important;box-shadow:0 15px 40px #3e7b2780!important}.dashboard-card{background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 10px 30px #0000001a;border:2px solid rgba(62,123,39,.1);transition:all .3s ease;animation:fadeInUp .8s ease-out both;color:#2d3748;min-height:320px;height:100%;display:flex;flex-direction:column}.dashboard-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026;border-color:#3e7b274d}.coming-soon-section{margin-top:4rem}.platform-features-section{margin-top:3rem;animation:fadeInUp .8s ease-out}.platform-features-header{text-align:center;margin-bottom:2.5rem}.platform-features-header h2{font-size:2rem;font-weight:700;color:#1a2e0d;font-family:Vazirmatn,sans-serif;margin:0;letter-spacing:-.02em}.coming-soon-title{text-align:center;font-size:1.8rem;color:#666;margin-bottom:2rem;font-weight:600}.card-icon{width:100px;height:100px;background:#3e7b27;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;animation:pulse 2s ease-in-out infinite;flex-shrink:0}.card-icon i{font-size:2.5rem;color:#fff}.card-title{font-size:1.6rem;font-weight:700;color:#333;margin-bottom:1rem;font-family:Vazirmatn,sans-serif}.card-description{color:#666;font-size:1.05rem;line-height:1.7;margin-bottom:1.5rem;flex:1}.card-button{background:#3e7b27;color:#efe3c2;border:none;padding:.8rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.card-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #3e7b2766}.card-button.coming-soon{opacity:.7;cursor:not-allowed;background:#999}.card-button.coming-soon:hover{transform:none;box-shadow:none}.dashboard-card:nth-child(1){animation-delay:.4s}.dashboard-card:nth-child(2){animation-delay:.6s}.dashboard-card:nth-child(3){animation-delay:.8s}.dashboard-card:nth-child(4){animation-delay:1s}.dashboard-card:nth-child(5){animation-delay:1.2s}.dashboard-card:nth-child(6){animation-delay:1.4s}.featured-card{animation-delay:.2s}@media (max-width: 1024px){.featured-card-content{gap:2rem}.featured-card .featured-icon{width:140px;height:140px;font-size:3.5rem}.featured-card .card-title{font-size:2.2rem}.featured-card .card-description{font-size:1.1rem}}@media (max-width: 768px){.main-dashboard-container{padding:1.5rem}.featured-card{padding:2rem;min-height:auto}.featured-card-content{flex-direction:column;gap:2rem;min-height:auto;text-align:center}.featured-text{order:2}.featured-icon-wrapper{order:1}.featured-card .featured-icon{width:120px;height:120px;font-size:3rem}.featured-card .card-title{font-size:2rem}.featured-card .card-description{font-size:1rem}.featured-button{padding:1rem 2rem!important;font-size:1.1rem!important;width:100%;justify-content:center}.dashboard-grid{grid-template-columns:1fr;gap:1.5rem}.dashboard-card{padding:2rem;min-height:280px}.card-icon{width:90px;height:90px}.card-icon i{font-size:2.2rem}}@media (max-width: 480px){.main-dashboard-container{padding:1rem}.welcome-title{font-size:2rem}.welcome-subtitle{font-size:1rem}.featured-card{padding:1.5rem}.featured-card .featured-icon{width:100px;height:100px;font-size:2.5rem}.featured-card .card-title{font-size:1.8rem}.featured-card .card-description{font-size:.95rem}.featured-button{padding:.9rem 1.5rem!important;font-size:1rem!important}.dashboard-card{padding:1.5rem;min-height:260px}.card-icon{width:80px;height:80px}.card-icon i{font-size:2rem}.card-title{font-size:1.4rem}.card-description{font-size:.95rem}}.subscription-section{margin-top:3rem;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;animation:fadeInUp .8s ease-out}.activation-popup{position:fixed;top:100px;left:50%;transform:translate(-50%);z-index:10000;animation:slideInDown .5s ease-out,fadeOut .5s ease-in 2.5s forwards}.activation-popup-content{background:#3e7b27;color:#fff;padding:20px 40px;border-radius:12px;box-shadow:0 10px 40px #3e7b2766;display:flex;align-items:center;gap:15px;font-size:16px;font-weight:600}.activation-popup-content i{font-size:28px}.activation-popup-content p{margin:0}@keyframes slideInDown{0%{opacity:0;transform:translate(-50%) translateY(-30px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.main-content:has(.profile-container){display:block!important;align-items:unset!important;justify-content:unset!important;max-width:none!important;padding:0!important;margin-left:0!important;margin-right:0!important;width:100%!important;min-height:calc(100vh - 140px)!important;margin-top:80px!important}.profile-container{max-width:1400px;margin:0 auto;padding:2rem;color:#2d3748;min-height:calc(100vh - 140px);display:flex;flex-direction:column;box-sizing:border-box;gap:1rem;width:100%}.profile-header{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 15px 40px #0000001f;animation:slideDown .8s ease-out;width:100%;box-sizing:border-box;flex-shrink:0;max-width:1200px;margin:0 auto;border:1px solid rgba(0,0,0,.05)}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.profile-header-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;width:100%}.profile-avatar{width:80px;height:80px;background:#3e7b27;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#efe3c2;font-weight:700;box-shadow:0 8px 20px #3e7b274d;animation:pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.profile-info{flex:1;min-width:0;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;overflow:hidden}.profile-name{font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:.25rem;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.profile-username{font-size:1rem;color:#2d3748;margin-bottom:.25rem;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.profile-email{font-size:.9rem;color:#4a5568;display:flex;align-items:flex-start;gap:.5rem;word-wrap:break-word;overflow-wrap:break-word;flex-wrap:wrap;line-height:1.4;max-width:100%;overflow:hidden;white-space:normal;-webkit-hyphens:auto;hyphens:auto;word-break:break-all}.profile-email i{flex-shrink:0;margin-top:.1rem}.profile-actions{display:flex;gap:1rem;flex-wrap:wrap}.profile-actions .btn{padding:.75rem 1.5rem!important;border-radius:12px;font-weight:600!important;cursor:pointer;border:none;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem!important;flex:1;min-width:150px}.profile-actions .btn-primary{background:#3e7b27;color:#efe3c2}.profile-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3e7b2766}.profile-actions .btn-secondary{background:#fff;color:#475569}.profile-actions .btn-secondary:hover{background:#fff;transform:translateY(-2px)}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;width:100%;box-sizing:border-box;flex:1;min-height:0;max-width:1200px;margin:0 auto}.profile-main-content{display:grid;grid-template-columns:250px 1fr;gap:2rem;width:100%;box-sizing:border-box;flex:1;min-height:0;max-width:1200px;margin:0 auto;padding:0 2rem}.profile-sidebar{display:flex;flex-direction:column;height:fit-content;position:sticky;top:100px;gap:0}.profile-nav{display:flex;flex-direction:column;gap:0;background:#fff;border-radius:12px;padding:0;box-shadow:0 2px 8px #00000014;overflow:hidden}.profile-nav-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border:none;background:transparent;color:#4a5568;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s ease;text-align:left;border-left:4px solid transparent}.profile-nav-item:hover{background:#f7fafc;color:#3e7b27;border-left-color:#3e7b27}.profile-nav-item.active{background:#f7fafc;color:#3e7b27;border-left-color:#3e7b27;font-weight:600}.profile-nav-item i{font-size:1.1rem;width:24px;text-align:center}.profile-content{display:flex;flex-direction:column;width:100%;box-sizing:border-box}.card{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 15px 40px #0000001f;animation:fadeInUp .8s ease-out both;color:#2d3748;width:100%;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;min-height:350px;border:1px solid rgba(0,0,0,.05)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.card-title{font-size:1.4rem;font-weight:700;color:#2d3748;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;flex-shrink:0}.card-title i{color:#3e7b27;font-size:1.5rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #e2e8f0;gap:1rem;flex-wrap:wrap}.info-row:last-child{border-bottom:none}.info-label{font-weight:600;color:#4a5568;display:flex;align-items:center;gap:.75rem;font-size:1rem}.info-value{color:#2d3748;font-weight:500;font-size:1rem}.subscription-card{background:#3e7b27;color:#efe3c2;position:relative;overflow:hidden}.subscription-details-card{background:linear-gradient(135deg,#3e7b27,#2f5f1f);color:#efe3c2}.subscription-details-card .card-title{color:#efe3c2;margin-bottom:1rem}.subscription-details-card .card-title i{color:#efe3c2}.subscription-overview-card{background:linear-gradient(180deg,#fff,#fcfcf6);color:#2d3748;border-radius:18px;padding:1.5rem;border:1px solid rgba(62,123,39,.14);box-shadow:0 16px 35px #0f172a14;display:flex;flex-direction:column;gap:1rem}.subscription-overview-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.subscription-overview-eyebrow{display:inline-flex;align-items:center;gap:.5rem;color:#3e7b27;font-weight:700;letter-spacing:.02em;font-size:.85rem}.subscription-overview-title{margin:.35rem 0 .25rem;font-size:1.5rem;color:#1f2937}.subscription-overview-subtitle{margin:0;color:#64748b;font-size:.95rem}.subscription-status-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .9rem;border-radius:999px;font-weight:700;font-size:.88rem;white-space:nowrap}.subscription-status-pill.success{background:#3e7b2724;color:#2f5f1f}.subscription-status-pill.warning{background:#f59e0b29;color:#92400e}.subscription-status-pill.danger{background:#ef444424;color:#991b1b}.subscription-status-pill.neutral{background:#94a3b82e;color:#475569}.subscription-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.85rem}.subscription-overview-metric{background:#f8faf4;border:1px solid rgba(133,169,71,.22);border-radius:14px;padding:1rem;min-height:100px;display:flex;flex-direction:column;justify-content:center;gap:.25rem}.subscription-overview-label{font-size:.8rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.subscription-overview-value{font-size:1.35rem;color:#2d3748}.subscription-overview-metric small{color:#64748b;line-height:1.4}.subscription-overview-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding-top:.25rem}.subscription-overview-note{color:#4a5568;font-size:.95rem;flex:1;min-width:220px}.subscription-overview-action{background:#efe3c2;color:#2f5f1f;border:none;padding:.85rem 1.3rem;border-radius:12px;font-weight:700;cursor:pointer;transition:all .25s ease;box-shadow:0 8px 18px #0000001f}.subscription-overview-action:hover{transform:translateY(-2px);box-shadow:0 12px 20px #00000029}.history-loading,.history-empty{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;color:#64748b;text-align:center;padding:1rem}.history-empty i,.history-error i{font-size:2rem;color:#3e7b27}.history-error{color:#b45309}.history-timeline{display:flex;flex-direction:column;gap:1rem}.history-item{display:grid;grid-template-columns:28px 1fr;gap:.9rem;align-items:start}.history-marker{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#efe3c2;color:#3e7b27;border:1px solid rgba(62,123,39,.25);margin-top:.6rem;box-shadow:0 6px 14px #00000014}.history-item.expired .history-marker{background:#fef2f2;color:#b91c1c;border-color:#b91c1c33}.history-card{background:linear-gradient(180deg,#fff,#fbfbf6);border:1px solid rgba(133,169,71,.18);border-radius:16px;padding:1.1rem 1.2rem;box-shadow:0 10px 24px #0f172a0f}.history-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.85rem}.history-card-header h3{margin:0;font-size:1.1rem;color:#1f2937}.history-card-header p{margin:.2rem 0 0;color:#64748b;font-size:.92rem}.history-status{display:inline-flex;align-items:center;padding:.4rem .75rem;border-radius:999px;font-size:.8rem;font-weight:700}.history-status.active{background:#3e7b271f;color:#2f5f1f}.history-status.expired{background:#ef44441f;color:#991b1b}.history-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.history-card-grid>div{background:#f8faf4;border:1px solid rgba(133,169,71,.16);border-radius:12px;padding:.85rem}.history-card-grid span{display:block;color:#64748b;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem}.history-card-grid strong{color:#1f2937;font-size:1rem}@media (max-width: 900px){.history-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.history-item{grid-template-columns:1fr}.history-marker{display:none}.history-card-grid{grid-template-columns:1fr}}.subscription-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:transparent;animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.subscription-content{position:relative;z-index:1}.subscription-tier{font-size:1.75rem;font-weight:700;margin-bottom:.75rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.subscription-status{display:inline-block;padding:.4rem .75rem;background:#fff3;border-radius:12px;font-weight:600;margin-bottom:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.9rem}.subscription-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-top:1rem;max-width:100%}.subscription-detail{background:#ffffff26;padding:1rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;min-height:80px;display:flex;flex-direction:column;justify-content:center}.subscription-detail-label{font-size:.8rem;opacity:.9;margin-bottom:.35rem}.subscription-detail-value{font-size:1.2rem;font-weight:700}.upgrade-banner{background:#3e7b27;color:#fff;padding:1rem;border-radius:12px;margin-top:1rem;display:flex;justify-content:space-between;align-items:center;animation:slideIn 1s ease-out;gap:.75rem;flex-wrap:wrap}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.upgrade-text{flex:1}.upgrade-title{font-size:1rem;font-weight:700;margin-bottom:.35rem}.upgrade-description{font-size:.85rem;opacity:.9}.btn-upgrade{background:#fff;color:#3e7b27;padding:.6rem 1.25rem;border-radius:12px;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;font-size:.9rem}.btn-upgrade:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.badge-success{background:#d4edda;color:#155724}.badge-warning{background:#fff3cd;color:#856404}.badge-danger{background:#f8d7da;color:#721c24}.badge-premium{background:linear-gradient(135deg,gold,#ffed4e);color:#856404;box-shadow:0 2px 8px #ffd7004d}.loading{text-align:center;padding:3rem;color:#2d3748;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;max-width:500px;margin:2rem auto}.subscription-section-profile{margin-top:2rem;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;animation:fadeInUp .8s ease-out}@media (max-width: 768px){.loading{padding:2rem;margin:1rem}}@media (max-width: 480px){.loading{padding:1.5rem;margin:.5rem}}.spinner{border:4px solid rgba(62,123,39,.2);border-top:4px solid #3E7B27;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 1rem}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:.75rem;max-width:100%}.feature-item{background:#fff;padding:1rem;border-radius:12px;display:flex;align-items:center;gap:1rem;transition:all .3s ease;width:100%;box-sizing:border-box;min-height:80px}.feature-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.feature-icon-box{width:40px;height:40px;background:#3e7b27;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#efe3c2;font-size:1.25rem;flex-shrink:0}.feature-text{flex:1}.feature-item-title{font-weight:600;color:#2d3748;margin-bottom:.15rem;font-size:.9rem}.feature-description{font-size:.8rem;color:#2d3748}@media (max-width: 1200px){.main-content:has(.profile-container){padding:0!important}.profile-container{max-width:1100px;padding:1.5rem}.profile-main-content{grid-template-columns:220px 1fr;gap:1.5rem;padding:0}}@media (max-width: 1024px){.main-content:has(.profile-container){padding:0!important}.profile-container{padding:1.5rem;gap:1rem;max-width:900px}.profile-header{padding:1.5rem}.card{padding:1.5rem;min-height:280px}.content-grid{gap:1.5rem}.features-grid{gap:1rem}.subscription-details{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.profile-main-content{grid-template-columns:200px 1fr;gap:1rem;padding:0}}@media (max-width: 900px){.main-content:has(.profile-container){padding:0!important}.profile-container{max-width:100%;padding:1.5rem}.content-grid{grid-template-columns:1fr;gap:2rem;max-width:700px}.card{max-width:100%;margin:0 auto;min-height:300px}.profile-header{max-width:700px}.profile-header-content{gap:1.5rem}.profile-main-content{grid-template-columns:1fr;gap:1.5rem;padding:0}.profile-sidebar{position:static;top:auto;height:auto}.profile-nav{flex-direction:row;flex-wrap:wrap;gap:.5rem;padding:.5rem;background:#f7fafc}.profile-nav-item{flex:1;min-width:120px;padding:.75rem;border-left:none;border-bottom:3px solid transparent;border-radius:8px 8px 0 0}.profile-nav-item:hover,.profile-nav-item.active{border-left-color:transparent;border-bottom-color:#3e7b27}}@media (max-width: 768px){.main-content:has(.profile-container){padding:0!important}.profile-container{padding:1.5rem;gap:1.5rem;max-width:100%}.content-grid{grid-template-columns:1fr;gap:1.5rem;max-width:600px}.profile-header{padding:1.5rem;max-width:600px}.profile-header-content{flex-direction:column;text-align:center;gap:1.5rem;align-items:center}.profile-info{width:100%;text-align:center;max-width:calc(100% - 2rem);margin:0 auto}.profile-actions{width:100%;justify-content:center;flex-wrap:wrap}.profile-avatar{width:90px;height:90px;font-size:2.2rem}.profile-name{font-size:1.6rem}.profile-email{justify-content:center;text-align:center;flex-direction:column;align-items:center;gap:.25rem;max-width:100%;padding:0 1rem;box-sizing:border-box}.profile-email i{margin-top:0}.card{padding:1.5rem;min-height:280px;max-width:100%;margin:0 auto}.upgrade-banner{flex-direction:column;text-align:center;gap:1rem;padding:1.5rem}.subscription-details{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem}.subscription-tier{font-size:1.6rem}.features-grid{grid-template-columns:1fr;gap:1rem}.feature-item{padding:1.25rem;min-height:70px}.card-title{font-size:1.3rem}.info-row{flex-direction:column;align-items:flex-start;gap:.5rem;text-align:left}.info-label{width:100%}.info-value{width:100%;text-align:left}.profile-main-content{grid-template-columns:1fr;gap:1.5rem;padding:0}.profile-sidebar{position:static;top:auto;height:auto}.profile-nav{flex-direction:row;flex-wrap:wrap;gap:.5rem;padding:.5rem}.profile-nav-item{flex:1;min-width:100px;padding:.75rem .5rem;border-left:none;border-bottom:3px solid transparent;font-size:.85rem}.profile-nav-item i{width:20px;font-size:1rem}}@media (max-width: 480px){.main-content:has(.profile-container){padding:0!important}.profile-container{padding:1rem;gap:1rem}.profile-header{padding:1.25rem}.card{padding:1.25rem;min-height:240px}.profile-avatar{width:70px;height:70px;font-size:1.75rem}.profile-name{font-size:1.35rem}.subscription-tier{font-size:1.4rem}.upgrade-banner{padding:1rem}.subscription-details{grid-template-columns:1fr;gap:.75rem}.subscription-detail{min-height:60px;padding:.75rem}.feature-item{padding:1rem;min-height:60px;flex-direction:column;text-align:center;gap:.75rem}.feature-icon-box{width:35px;height:35px;font-size:1rem}.card-title{font-size:1.2rem;flex-direction:column;gap:.5rem;text-align:center}.info-row{padding:.75rem 0}.info-label,.info-value{font-size:.9rem}.profile-main-content{grid-template-columns:1fr;gap:1rem;padding:0}.profile-nav{grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.5rem}.profile-nav-item{padding:.6rem .5rem;font-size:.8rem;border:1px solid #e2e8f0;border-left:none;border-radius:6px;text-align:center;flex-direction:column;gap:.25rem}.profile-nav-item i{width:auto;font-size:.9rem}.profile-nav-item span{display:block}}@media (max-width: 320px){.main-content:has(.profile-container){padding:0!important}.profile-container{padding:.75rem;gap:1rem}.profile-header{padding:1rem}.card{padding:1rem;min-height:200px}.profile-avatar{width:60px;height:60px;font-size:1.5rem}.profile-name{font-size:1.25rem}.subscription-tier{font-size:1.2rem}.feature-item{padding:.75rem;min-height:50px}.feature-icon-box{width:30px;height:30px;font-size:.9rem}.card-title{font-size:1.1rem}.subscription-detail{min-height:50px;padding:.5rem}.subscription-detail-label{font-size:.75rem}.subscription-detail-value{font-size:1rem}.upgrade-banner{padding:.75rem;gap:.5rem}.upgrade-title{font-size:.9rem}.upgrade-description{font-size:.8rem}.profile-actions{flex-direction:column;gap:.75rem}.btn{width:100%;justify-content:center}}@media (max-width: 768px){.profile-container div[style*="position: fixed"] div[style*="background: white"]{margin:1rem!important;padding:1.5rem!important;max-width:calc(100% - 2rem)!important;max-height:calc(100vh - 2rem)!important}}@media (max-width: 480px){.profile-container div[style*="position: fixed"] div[style*="background: white"]{margin:.5rem!important;padding:1rem!important;max-width:calc(100% - 1rem)!important;max-height:calc(100vh - 1rem)!important}}.profile-edit-btn{background:none;border:2px solid #e2e8f0;border-radius:10px;padding:.5rem .75rem;cursor:pointer;color:#4a5568;transition:all .25s ease;display:flex;align-items:center;gap:.4rem;font-size:.85rem}.profile-edit-btn:hover{border-color:#3e7b27;color:#3e7b27;background:#3e7b270f;transform:translateY(-1px)}.profile-edit-input{width:100%;max-width:260px;padding:.6rem .9rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;font-family:inherit;color:#2d3748;background:#f8fafc;transition:all .25s ease;box-sizing:border-box}.profile-edit-input:focus{outline:none;border-color:#3e7b27;background:#fff;box-shadow:0 0 0 3px #3e7b271a}.profile-edit-actions{display:flex;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #e2e8f0}.profile-save-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.4rem;background:#3e7b27;color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .25s ease;min-width:100px;justify-content:center}.profile-save-btn:hover:not(:disabled){background:#2d5a1c;transform:translateY(-1px);box-shadow:0 4px 12px #3e7b274d}.profile-save-btn:disabled{opacity:.6;cursor:not-allowed}.profile-cancel-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.4rem;background:#fff;color:#64748b;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .25s ease}.profile-cancel-btn:hover:not(:disabled){border-color:#cbd5e1;color:#475569;background:#f8fafc}.profile-save-spinner{display:inline-block;width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .7s linear infinite}.profile-save-success{background:#ecfdf5;color:#065f46;padding:.6rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;margin-bottom:1rem;border-left:3px solid #10b981;animation:fadeInUp .3s ease}.profile-save-error{background:#fef2f2;color:#991b1b;padding:.6rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;margin-bottom:1rem;border-left:3px solid #ef4444;animation:fadeInUp .3s ease}.change-password-form{max-width:680px}.change-password-form .change-password-input{max-width:100%}.change-password-submit{padding:1rem 1.4rem;border-radius:14px;font-size:1.15rem;background:#2f6f1c;color:#fff;box-shadow:0 18px 40px #2e5c212e;min-width:180px;text-transform:none}.change-password-submit:hover:not(:disabled){background:#255812;transform:translateY(-2px)}.change-password-forgot{padding:.7rem 1rem;border-radius:10px;background:#fff;border:1px solid #e6edf7;color:#475569}.change-password-aux{background:#f8faf4;border:1px solid rgba(133,169,71,.16);border-radius:12px;padding:1rem;color:#475569}.change-password-aux h4{margin:0 0 .5rem}@media (max-width: 900px){.change-password-submit{min-width:140px}}@media (max-width: 768px){.profile-edit-input{max-width:100%}.profile-edit-actions{flex-direction:column}.profile-save-btn,.profile-cancel-btn{width:100%;justify-content:center}}.checkout-container{min-height:100vh;background:#f3f4f6;padding:2rem}.checkout-content{max-width:1200px;margin:0 auto}.checkout-header{text-align:center;margin-bottom:3rem;padding:2rem 0}.checkout-header h1{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.checkout-header p{font-size:1.125rem;color:#6b7280}.checkout-grid{display:grid;grid-template-columns:1fr 400px;gap:2rem;align-items:start}.checkout-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 12px #00000014}.checkout-card h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.plan-summary{display:flex;flex-direction:column;gap:1.5rem}.plan-name{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#3e7b27,#5a9f3a);border-radius:.75rem;color:#fff;font-size:1.5rem;font-weight:700}.plan-name i{font-size:2rem}.plan-info{display:flex;flex-direction:column;gap:1rem}.plan-info-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-radius:.5rem}.plan-info-row .label{color:#6b7280;font-weight:500}.plan-info-row .value{color:#1f2937;font-weight:600;font-size:1.125rem}.plan-features{padding:1.5rem;background:#f0f9ff;border-radius:.75rem;border:1px solid #bfdbfe}.plan-features h3{font-size:1rem;font-weight:600;color:#1e40af;margin-bottom:1rem}.plan-features ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.plan-features li{display:flex;align-items:center;gap:.75rem;color:#1f2937}.plan-features li i{color:#3e7b27;font-size:1rem}.payment-summary-card{position:sticky;top:2rem}.price-breakdown{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.price-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;color:#4b5563}.price-total{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:1.5rem 0;margin-top:1rem;border-top:2px solid #e5e7eb;font-weight:700;font-size:1.25rem;color:#1f2937}.total-amount{color:#3e7b27;font-size:1.75rem;word-break:break-word}.checkout-error-message{display:flex;align-items:start;gap:.75rem;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;margin-bottom:1.5rem}.checkout-error-message i{color:#ef4444;font-size:1.25rem;margin-top:.125rem}.checkout-error-message p{color:#991b1b;margin:0;flex:1}.checkout-actions{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.btn-payment,.btn-cancel{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-payment{background:linear-gradient(135deg,#3e7b27,#5a9f3a);color:#fff}.btn-payment:hover:not(:disabled){background:linear-gradient(135deg,#2f5f1e,#4a8230);transform:translateY(-2px);box-shadow:0 4px 12px #3e7b274d}.btn-payment:disabled{background:#9ca3af;cursor:not-allowed;opacity:.7}.btn-cancel{background:#f3f4f6;color:#4b5563;border:1px solid #d1d5db}.btn-cancel:hover:not(:disabled){background:#e5e7eb}.secure-payment-badge{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem}.secure-payment-badge i{color:#16a34a;font-size:1.5rem}.secure-payment-badge div{display:flex;flex-direction:column;gap:.25rem}.secure-payment-badge strong{color:#15803d;font-size:.875rem}.secure-payment-badge span{color:#166534;font-size:.75rem}.checkout-loading,.checkout-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.checkout-loading .spinner{width:60px;height:60px;border:4px solid #f3f4f6;border-top:4px solid #3E7B27;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.checkout-loading p{color:#6b7280;font-size:1.125rem}.checkout-error i{font-size:4rem;color:#ef4444;margin-bottom:1rem}.checkout-error h2{font-size:1.875rem;color:#1f2937;margin-bottom:.5rem}.checkout-error p{color:#6b7280;font-size:1.125rem;margin-bottom:2rem}.btn-secondary{padding:.875rem 1.5rem;background:#f3f4f6;color:#4b5563;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#e5e7eb}@media (max-width: 1024px){.checkout-grid{grid-template-columns:1fr}.payment-summary-card{position:static}}@media (max-width: 768px){.checkout-container{padding:1rem}.checkout-header h1{font-size:2rem}.checkout-header p{font-size:1rem}.checkout-card{padding:1.5rem}.plan-name{font-size:1.25rem}.total-amount{font-size:1.5rem}}@media (max-width: 480px){.checkout-card{padding:1.25rem}.checkout-header h1{font-size:1.5rem}.plan-name{font-size:1.125rem}.plan-name i{font-size:1.5rem}.price-total{font-size:1rem}.total-amount{font-size:1.25rem}}#root{width:100%;min-height:100vh;overflow-x:hidden}#root.centered-content{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (max-width: 768px){#root.centered-content{padding:1.5rem}}@media (max-width: 480px){#root.centered-content{padding:1rem}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}