:root{--color-primary:#3d5a80;--color-primary-dark:#2d4a6b;--color-primary-light:#5a7ba3;--color-primary-gradient:linear-gradient(135deg,#3d5a80,#2d4a6b 50%,#5a7ba3);--color-primary-warm:linear-gradient(135deg,#8b4513,sienna 50%,peru);--color-primary-cool:linear-gradient(135deg,#4a5568,#2d3748 50%,#718096);--color-accent-purple:#6b4c7a;--color-accent-pink:#c97a7a;--color-accent-orange:#d4a574;--color-accent-teal:#5a7d7f;--color-accent-red:#8b3a3a;--color-accent-gold:#c9a961;--color-secondary:#6b5b73;--color-secondary-dark:#4a3f52;--color-secondary-light:#9d8fa3;--color-success:#4a7c59;--color-success-light:#6b9b7a;--color-error:#8b3a3a;--color-error-light:#a85a5a;--color-warning:#d4a574;--color-info:#5a7d7f;--color-white:#fefcf8;--color-gray-50:#f5f1eb;--color-gray-100:#ede8e0;--color-gray-200:#d4c5b8;--color-gray-300:#b8a99a;--color-gray-400:#8b7d6f;--color-gray-500:#6b5d4f;--color-gray-600:#4a3f35;--color-gray-700:#3a3229;--color-gray-800:#2a231c;--color-gray-900:#1a1612;--color-black:#0a0806;--color-text-primary:#2a231c;--color-text-secondary:#4a3f35;--color-text-tertiary:#6b5d4f;--color-text-inverse:#fefcf8;--color-bg-primary:#fefcf8;--color-bg-secondary:#f5f1eb;--color-bg-tertiary:#ede8e0;--bg-gradient-main:linear-gradient(135deg,#fefcf8,#f5f1eb 25%,#ede8e0 50%,#e8e0d4 75%,#d4c5b8);--bg-pattern:repeating-linear-gradient(45deg,#0000,#0000 8px,rgba(139,61,58,.015) 0,rgba(139,61,58,.015) 16px);--vintage-texture:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.35'/%3E%3C/svg%3E");--paper-texture:url("data:image/svg+xml;charset=utf-8,%3Csvg width='400' height='400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.04' numOctaves='5' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.15'/%3E%3C/svg%3E");--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-base:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:28px;--radius-full:9999px;--border-width-base:2px;--border-color-base:#8b3d3a33;--border-color-vintage:#8b3d3a4d;--shadow-xs:0 1px 3px #2a231c14,0 1px 2px #2a231c1f;--shadow-sm:0 2px 4px #2a231c1a,0 1px 3px #2a231c26;--shadow-md:0 4px 8px #2a231c1f,0 2px 4px #2a231c2e;--shadow-lg:0 8px 16px #2a231c26,0 4px 8px #2a231c33;--shadow-xl:0 12px 24px #2a231c2e,0 6px 12px #2a231c38;--shadow-2xl:0 16px 32px #2a231c33,0 8px 16px #2a231c40;--shadow-hover:0 8px 20px #2a231c2e,0 4px 10px #2a231c38;--shadow-hover-lg:0 12px 28px #2a231c38,0 6px 14px #2a231c40;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:36px;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--transition-bounce:400ms cubic-bezier(0.68,-0.55,0.265,1.55);--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--heading-1-size:36px;--heading-1-weight:700;--heading-1-line-height:1.2;--heading-1-letter-spacing:-0.02em;--heading-2-size:30px;--heading-2-weight:700;--heading-2-line-height:1.25;--heading-2-letter-spacing:-0.01em;--heading-3-size:24px;--heading-3-weight:600;--heading-3-line-height:1.3;--heading-3-letter-spacing:-0.01em;--heading-4-size:20px;--heading-4-weight:600;--heading-4-line-height:1.4;--heading-4-letter-spacing:0;--heading-5-size:18px;--heading-5-weight:600;--heading-5-line-height:1.4;--heading-5-letter-spacing:0;--heading-6-size:16px;--heading-6-weight:600;--heading-6-line-height:1.5;--heading-6-letter-spacing:0;--touch-target-min:44px}@media (max-width:640px){:root{--font-size-base:15px;--font-size-lg:17px;--font-size-xl:19px;--font-size-2xl:22px;--font-size-3xl:26px;--heading-1-size:30px;--heading-2-size:26px;--heading-3-size:22px}}--heading-6-line-height:1.5;--heading-6-letter-spacing:0;--touch-target-min:44px;.custom-tooltip{background:var(--color-gray-900)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;color:var(--color-text-inverse)!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-medium)!important;line-height:var(--line-height-normal);max-width:250px;padding:var(--spacing-sm) var(--spacing-md)!important;text-align:center;z-index:var(--z-index-tooltip)!important}.custom-tooltip:after{border-top-color:var(--color-gray-900)!important}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border:2px solid var(--color-gray-100);border-radius:var(--radius-full);-webkit-transition:background var(--transition-base);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}::-webkit-scrollbar-thumb:active{background:var(--color-gray-600)}*{scrollbar-color:var(--color-gray-400) var(--color-gray-100);scrollbar-width:thin}html{scroll-behavior:smooth}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);justify-content:center;line-height:1;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-base);white-space:nowrap}.badge-primary{background:var(--color-primary-gradient);box-shadow:var(--shadow-xs);color:var(--color-text-inverse)}.badge-secondary{background-color:var(--color-secondary);color:var(--color-text-inverse)}.badge-success{background-color:var(--color-success)}.badge-error,.badge-success{color:var(--color-text-inverse)}.badge-error{background:linear-gradient(135deg,var(--color-error) 0,#c82333 100%);box-shadow:var(--shadow-xs)}.badge-warning{background-color:var(--color-warning);color:var(--color-text-primary)}.badge-info{background-color:var(--color-info);color:var(--color-text-inverse)}.badge-outline{background-color:initial;border:1.5px solid var(--color-primary);color:var(--color-primary)}.badge-ghost{background-color:var(--color-gray-200);color:var(--color-text-secondary)}.badge-sm{font-size:10px;padding:2px var(--spacing-xs)}.badge-lg{padding:var(--spacing-sm) var(--spacing-md)}.badge-lg,.tag{font-size:var(--font-size-sm)}.tag{background-color:var(--color-gray-100);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-text-primary);display:inline-block;font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-md);transition:all var(--transition-base)}.tag:hover{background-color:var(--color-gray-200);border-color:var(--color-primary);box-shadow:var(--shadow-xs);color:var(--color-primary);transform:translateY(-1px)}.tag-primary{background:var(--color-primary-gradient);border-color:#0000;color:var(--color-text-inverse)}.tag-primary:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0,#004085 100%);color:var(--color-text-inverse)}.profile-number-badge{align-items:center;background:var(--color-primary-gradient);border-radius:var(--radius-full);box-shadow:var(--shadow-xs);color:var(--color-text-inverse);display:inline-flex;font-family:Monaco,Menlo,Courier New,monospace;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);justify-content:center;line-height:1;padding:2px var(--spacing-sm)}.h1,h1{color:var(--color-text-primary);font-size:var(--heading-1-size);font-weight:var(--heading-1-weight);letter-spacing:var(--heading-1-letter-spacing);line-height:var(--heading-1-line-height);margin:0 0 var(--spacing-lg) 0}.h2,h2{font-size:var(--heading-2-size);font-weight:var(--heading-2-weight);letter-spacing:var(--heading-2-letter-spacing);line-height:var(--heading-2-line-height)}.h2,.h3,h2,h3{color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.h3,h3{font-size:var(--heading-3-size);font-weight:var(--heading-3-weight);letter-spacing:var(--heading-3-letter-spacing);line-height:var(--heading-3-line-height)}.h4,h4{font-size:var(--heading-4-size);font-weight:var(--heading-4-weight);letter-spacing:var(--heading-4-letter-spacing);line-height:var(--heading-4-line-height)}.h4,.h5,h4,h5{color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.h5,h5{font-size:var(--heading-5-size);font-weight:var(--heading-5-weight);letter-spacing:var(--heading-5-letter-spacing);line-height:var(--heading-5-line-height)}.h6,h6{color:var(--color-text-primary);font-size:var(--heading-6-size);font-weight:var(--heading-6-weight);letter-spacing:var(--heading-6-letter-spacing);line-height:var(--heading-6-line-height);margin:0 0 var(--spacing-xs) 0}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-muted{color:var(--color-text-secondary);opacity:.8}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.btn:focus-visible{box-shadow:0 0 0 4px var(--color-primary-light);outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary:focus-visible{box-shadow:0 0 0 4px #007bff4d;outline-color:var(--color-white)}.btn-secondary:focus-visible{box-shadow:0 0 0 4px #6c757d4d;outline-color:var(--color-secondary)}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light);outline:2px solid var(--color-primary);outline-offset:2px}a:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--color-primary);outline-offset:2px;text-decoration:underline}.navbar-link:focus-visible{outline:none!important;text-decoration:none!important}.card-item:focus-visible,.card:focus-visible{box-shadow:var(--shadow-lg),0 0 0 4px var(--color-primary-light);outline:2px solid var(--color-primary);outline-offset:2px}.skip-to-main:focus{top:0}a:active:not(:focus-visible),button:active:not(:focus-visible){outline:none}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.skip-to-main{background:var(--color-primary);border-radius:var(--radius-md);color:var(--color-white);font-weight:var(--font-weight-semibold);left:0;padding:var(--spacing-sm) var(--spacing-md);position:absolute;text-decoration:none;top:-40px;transition:top var(--transition-base);z-index:var(--z-index-modal)}.skip-to-main:focus{outline:3px solid var(--color-white);outline-offset:2px;top:var(--spacing-md)}.card-enhanced{background:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;padding:var(--spacing-xl);position:relative;transition:all var(--transition-base)}.card-enhanced:before{background:linear-gradient(90deg,#0000,var(--color-primary),#0000);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.card-enhanced:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-enhanced:hover:before{opacity:.6}.activity-card,.post-card{background:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all var(--transition-base)}.activity-card:before,.post-card:before{background:linear-gradient(90deg,#0000,var(--color-primary),#0000);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.activity-card:hover,.post-card:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-md);transform:translateY(-1px)}.activity-card:hover:before,.post-card:hover:before{opacity:.5}.user-card{background:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);transition:all var(--transition-base)}.user-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-item{background:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md);position:relative;transition:all var(--transition-base)}.card-item:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-gradient{background:linear-gradient(135deg,var(--color-bg-primary) 0,var(--color-gray-50) 100%)}.card-accent{border-left:4px solid var(--color-primary)}.card-hover-shadow:hover{box-shadow:var(--shadow-xl)}.card-compact{padding:var(--spacing-md)}.card-spacious{padding:var(--spacing-2xl)}.spacing-xs{margin:var(--spacing-xs)}.spacing-sm{margin:var(--spacing-sm)}.spacing-md{margin:var(--spacing-md)}.spacing-lg{margin:var(--spacing-lg)}.spacing-xl{margin:var(--spacing-xl)}.spacing-2xl{margin:var(--spacing-2xl)}.spacing-3xl{margin:var(--spacing-3xl)}.m-0{margin:0}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.mr-xs{margin-right:var(--spacing-xs)}.mr-sm{margin-right:var(--spacing-sm)}.mr-md{margin-right:var(--spacing-md)}.mr-lg{margin-right:var(--spacing-lg)}.ml-xs{margin-left:var(--spacing-xs)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.ml-lg{margin-left:var(--spacing-lg)}.p-0{padding:0}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.pt-xs{padding-top:var(--spacing-xs)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pt-xl{padding-top:var(--spacing-xl)}.pb-xs{padding-bottom:var(--spacing-xs)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.pb-xl{padding-bottom:var(--spacing-xl)}.pr-xs{padding-right:var(--spacing-xs)}.pr-sm{padding-right:var(--spacing-sm)}.pr-md{padding-right:var(--spacing-md)}.pr-lg{padding-right:var(--spacing-lg)}.pl-xs{padding-left:var(--spacing-xs)}.pl-sm{padding-left:var(--spacing-sm)}.pl-md{padding-left:var(--spacing-md)}.pl-lg{padding-left:var(--spacing-lg)}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.section-spacing{margin-bottom:var(--spacing-3xl)}.section-spacing-sm{margin-bottom:var(--spacing-xl)}.section-spacing-lg{margin-bottom:var(--spacing-3xl);padding-top:var(--spacing-xl)}.container-spacious{padding:var(--spacing-2xl) var(--spacing-xl)}.container-compact{padding:var(--spacing-md) var(--spacing-lg)}.card-spacing{margin-bottom:var(--spacing-xl)}.card-spacing-sm{margin-bottom:var(--spacing-lg)}.list-spacing>*+*{margin-top:var(--spacing-md)}.list-spacing-sm>*+*{margin-top:var(--spacing-sm)}.list-spacing-lg>*+*{margin-top:var(--spacing-lg)}.breathing-room{padding:var(--spacing-2xl)}.breathing-room-sm{padding:var(--spacing-xl)}.breathing-room-lg{padding:var(--spacing-3xl)}.bg-gradient-primary{background:var(--color-primary-gradient)}.bg-gradient-subtle{background:linear-gradient(135deg,var(--color-bg-primary) 0,var(--color-gray-50) 100%)}.bg-gradient-warm{background:linear-gradient(135deg,#fff5f5,#fff)}.bg-gradient-cool{background:linear-gradient(135deg,#f0f9ff,#fff)}.card-gradient-subtle{background:linear-gradient(135deg,var(--color-bg-primary) 0,var(--color-gray-50) 100%)}.card-gradient-warm{background:linear-gradient(135deg,#fffaf5,#fff)}.header-gradient{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:var(--color-text-inverse)}.header-gradient-subtle{background:linear-gradient(180deg,var(--color-gray-50) 0,var(--color-bg-primary) 100%);border-bottom:1px solid var(--color-gray-200)}.accent-border-top{border-top:3px solid var(--color-primary)}.accent-border-left{border-left:3px solid var(--color-primary)}.accent-border-primary{border:2px solid var(--color-primary);border-radius:var(--radius-md)}.accent-border-gradient{background:linear-gradient(var(--color-bg-primary),var(--color-bg-primary)) padding-box,var(--color-primary-gradient) border-box;border:2px solid #0000;border-radius:var(--radius-md)}.accent-highlight{background:linear-gradient(120deg,var(--color-primary-light) 0,#0000 100%);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md)}.accent-highlight-subtle{background:var(--color-primary-light);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm)}.text-gradient-primary{-webkit-text-fill-color:#0000;background:var(--color-primary-gradient);-webkit-background-clip:text;background-clip:text;font-weight:var(--font-weight-bold)}.shadow-gradient{box-shadow:0 4px 6px #00000012,0 1px 3px #0000000f,inset 0 1px 0 #ffffff1a}.shadow-gradient-lg{box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d,inset 0 1px 0 #ffffff1a}.overlay-gradient{position:relative}.overlay-gradient:before{background:linear-gradient(180deg,#0000,#0000004d);border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hover-gradient:hover{background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-bg-primary) 100%);transition:background var(--transition-base)}.depth-1{box-shadow:var(--shadow-sm)}.depth-2{box-shadow:var(--shadow-md)}.depth-3{box-shadow:var(--shadow-lg)}.depth-4{box-shadow:var(--shadow-xl)}.accent-dot{background:var(--color-primary);border-radius:var(--radius-full);display:inline-block;height:8px;margin-right:var(--spacing-xs);width:8px}.accent-dot-lg{height:12px;width:12px}.accent-dot-sm{height:4px;width:4px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;touch-action:manipulation}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-gradient-main);background-attachment:fixed;background-blend-mode:overlay,normal,normal;background-image:var(--paper-texture),var(--vintage-texture),var(--bg-gradient-main);color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:var(--font-weight-normal);letter-spacing:.01em;line-height:var(--line-height-normal);overflow-x:hidden;overflow-y:auto;position:relative;touch-action:pan-x pan-y pinch-zoom}body:before{background:var(--bg-pattern);bottom:0;content:"";left:0;mix-blend-mode:multiply;opacity:.6;pointer-events:none;position:fixed;right:0;top:0;z-index:0}body>*{position:relative;z-index:1}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (hover:none) and (pointer:coarse){.btn,a,button,input[type=button],input[type=submit]{min-height:44px;min-height:var(--touch-target-min,44px);min-width:44px;min-width:var(--touch-target-min,44px)}:hover{transform:none!important}.App,.container{touch-action:pan-x pan-y pinch-zoom}}.btn,.navbar-link,.notification-link,button{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9;--rt-transition-show-delay:0.15s;--rt-transition-closing-delay:0.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute;z-index:-1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:.9;opacity:var(--rt-opacity);transition:opacity .15s ease-out;transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity .15s ease-in;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:-webkit-max-content;width:max-content}.styles-module_arrow__K0L3T{height:8px;height:var(--rt-arrow-size);width:8px;width:var(--rt-arrow-size)}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:#222;background:var(--rt-color-dark);color:#fff;color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:#fff;background-color:var(--rt-color-white);color:#222;color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:#8dc572;background-color:var(--rt-color-success);color:#fff;color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:#f0ad4e;background-color:var(--rt-color-warning);color:#fff;color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:#be6464;background-color:var(--rt-color-error);color:#fff;color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:#337ab7;background-color:var(--rt-color-info);color:#fff;color:var(--rt-color-white)}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-xl)}.loading-spinner-fullscreen{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;bottom:0;left:0;position:fixed;right:0;top:0;z-index:var(--z-index-modal)}.spinner{animation:spin 1s linear infinite;border:3px solid #0000;border-radius:var(--radius-full);border-top-color:initial}.spinner-sm{border-width:2px;height:24px;width:24px}.spinner-md{border-width:3px;height:40px;width:40px}.spinner-lg{border-width:4px;height:60px;width:60px}.spinner-primary{color:var(--color-primary)}.spinner-secondary{color:var(--color-secondary)}.spinner-white{color:var(--color-white)}.loading-message{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;text-align:center}.progress-bar{background-color:var(--color-gray-200);height:4px;width:100%}.progress-bar,.progress-bar-fill{border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-bar-fill{background:var(--color-primary-gradient);height:100%;transition:width var(--transition-base)}.progress-bar-fill:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffe6;border-radius:inherit;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.navbar{-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);background:#fefcf8eb;background-blend-mode:overlay,overlay,normal;background-image:var(--paper-texture),var(--vintage-texture),linear-gradient(135deg,#fefcf8f2 0,#f5f1ebe6 50%,#ede8e0d9 100%);border-bottom:var(--border-width-base) solid var(--border-color-base);box-shadow:var(--shadow-sm);padding:var(--spacing-md) 0;position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-index-sticky)}.navbar:before{background:linear-gradient(90deg,#8b3d3a80,#c9a96199 25%,#8b3d3a80 50%,#c9a96199 75%,#8b3d3a80);box-shadow:0 1px 2px #8b3d3a33;content:"";height:3px;left:0;opacity:.7;position:absolute;right:0;top:0}.navbar-container{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;justify-content:space-between;margin:0 auto;max-width:1200px;overflow:visible;padding:0 20px}.navbar-brand{align-items:center;color:var(--color-primary);display:flex;flex-direction:column;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);gap:var(--spacing-xs);text-decoration:none;transition:color var(--transition-base)}.navbar-brand:hover{color:var(--color-primary-dark)}.navbar-logo{background:#0000;border:none;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:80px;width:auto}.navbar-tagline{color:var(--color-text-secondary);font-size:var(--font-size-base);font-style:italic;font-weight:var(--font-weight-light);margin-top:2px;text-align:center}.mobile-menu-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:none;font-size:24px;justify-content:center;min-height:44px;min-width:44px;padding:var(--spacing-xs);transition:background-color var(--transition-base)}.mobile-menu-toggle:hover{background-color:var(--color-gray-100)}.mobile-menu-toggle:focus,.mobile-menu-toggle:focus-visible{box-shadow:none;outline:none}.navbar-menu{align-items:center;display:flex;flex:1 1;flex-wrap:nowrap;gap:12px;min-width:0}.navbar-link .navbar-icon-wrap{display:inline-flex;flex-shrink:0;position:relative}.navbar-link .navbar-link-mobile-label,.navbar-link .sr-only.navbar-link-mobile-label,.notification-link.navbar-quick-add-btn{display:none}.navbar-link{border:none!important;border-radius:var(--radius-md);color:var(--color-text-primary);flex-shrink:0;font-family:inherit;font-weight:var(--font-weight-medium);outline:none!important;padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:color var(--transition-base);white-space:nowrap}.navbar-link:hover{background-color:var(--color-gray-100);color:var(--color-primary)}.navbar-link:active,.navbar-link:focus,.navbar-link:focus-visible{border:none!important;box-shadow:none!important;outline:none!important;text-decoration:none!important}.navbar-user{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.notification-link{align-items:center;border-radius:var(--radius-md);color:var(--color-text-primary);display:flex;flex-shrink:0;font-size:18px;justify-content:center;min-width:32px;padding:var(--spacing-xs);position:relative;text-decoration:none;transition:all var(--transition-base)}.notification-link:hover{background-color:var(--color-gray-100);color:var(--color-primary);transform:scale(1.1)}.navbar-link svg{flex-shrink:0;height:18px;width:18px}.notification-link svg{flex-shrink:0;height:20px;width:20px}.notification-badge{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#f44,#c00);border:1.5px solid var(--color-white);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--color-text-inverse);display:flex;font-size:9px;font-weight:var(--font-weight-bold);height:14px;justify-content:center;line-height:1;position:absolute;right:-6px;top:-6px;width:14px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){.notification-link.navbar-quick-add-btn{display:flex}.navbar{padding:var(--spacing-sm) 0}.navbar-container{flex-wrap:wrap;padding:0 var(--spacing-md)}.navbar-brand{align-items:center;flex:0 0 auto;min-width:0;text-align:center}.navbar-logo{height:60px}.navbar-tagline{font-size:10px;margin-top:2px}.mobile-menu-toggle{display:flex}.navbar-menu{align-items:stretch;background:var(--color-white);border-top:1px solid var(--color-gray-200);box-shadow:var(--shadow-lg);display:none;flex-direction:column;gap:0;left:0;max-height:calc(100vh - 100px);overflow-y:auto;padding:var(--spacing-md);position:absolute;right:0;top:100%}.navbar-menu.mobile-open{display:flex}.navbar-link{align-items:center;border-radius:var(--radius-md);display:flex;min-height:44px;padding:var(--spacing-md);width:100%}.navbar-link.notification-link{gap:8px;justify-content:flex-start}.navbar-menu.mobile-open .navbar-link{font-size:.95rem;gap:8px}.navbar-menu.mobile-open .navbar-link svg{height:18px;margin-right:0!important;width:18px}.navbar-menu.mobile-open .navbar-link .navbar-icon-wrap{display:inline-flex;flex-shrink:0;position:relative}.navbar-menu.mobile-open .navbar-link .navbar-link-mobile-label,.navbar-menu.mobile-open .navbar-link .sr-only{clip:auto;display:inline;height:auto;margin:0;overflow:visible;padding:0;position:static;white-space:normal;width:auto}.navbar-user{border-top:1px solid var(--color-gray-200);margin-top:var(--spacing-sm);padding:var(--spacing-md);padding-top:var(--spacing-md);text-align:center}.navbar-menu .btn{margin-top:var(--spacing-sm);min-height:44px;width:100%}}.navbar .navbar-container .navbar-menu .btn-primary,.navbar .navbar-container .navbar-menu .navbar-signup-btn,.navbar .navbar-container .navbar-menu a.btn-primary,.navbar .navbar-menu .btn-primary,.navbar .navbar-menu .navbar-signup-btn,.navbar .navbar-menu a.btn-primary,.navbar-menu .btn-primary,.navbar-menu .navbar-signup-btn,.navbar-menu a.btn-primary{box-sizing:border-box!important;display:inline-flex!important;flex-shrink:0!important;font-size:14px!important;height:auto!important;line-height:1.4!important;max-width:-webkit-fit-content!important;max-width:fit-content!important;min-height:36px!important;padding:8px 16px!important;width:auto!important}@media (max-width:768px){.navbar .navbar-menu .btn-primary,.navbar .navbar-menu .navbar-signup-btn,.navbar .navbar-menu a.btn-primary,.navbar-menu .btn-primary,.navbar-menu .navbar-signup-btn,.navbar-menu a.btn-primary{max-width:100%!important;min-height:44px!important;width:100%!important}}.user-menu-container{flex-shrink:0;margin-left:0;position:relative}.user-menu-trigger{align-items:center;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:8px;padding:4px 8px;transition:background-color var(--transition-base)}.user-menu-trigger:hover{background-color:var(--color-gray-100)}.user-menu-avatar{border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.user-menu-avatar img{height:100%;object-fit:cover;width:100%}.user-menu-avatar-placeholder{align-items:center;background:var(--color-primary);color:#fff;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);height:100%;justify-content:center;width:100%}.user-menu-chevron{color:var(--color-text-secondary);font-size:12px;transition:transform var(--transition-base)}.user-menu-chevron.open{transform:rotate(180deg)}.user-menu-dropdown{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-top:4px;min-width:220px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.user-menu-header{align-items:center;background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);display:flex;gap:12px;padding:16px}.user-menu-header-avatar{border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.user-menu-header-avatar img{height:100%;object-fit:cover;width:100%}.user-menu-header-avatar-placeholder{align-items:center;background:var(--color-primary);color:#fff;display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:100%;justify-content:center;width:100%}.user-menu-header-info{flex:1 1;min-width:0}.user-menu-username{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.user-menu-profile-number,.user-menu-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-profile-number{color:var(--color-text-secondary);display:inline-block;font-size:var(--font-size-sm);margin-top:2px;max-width:100%}.user-menu-divider{background:var(--color-gray-200);height:1px;margin:8px 0}.user-menu-item{align-items:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-base);gap:12px;padding:12px 16px;position:relative;text-align:left;text-decoration:none;transition:background-color var(--transition-base);width:100%}.user-menu-item:hover{background-color:var(--color-gray-50)}.user-menu-item svg{color:var(--color-text-secondary);flex-shrink:0;height:16px;width:16px}.user-menu-item.user-menu-logout{color:var(--color-error);font-weight:var(--font-weight-medium)}.user-menu-item.user-menu-logout:hover{background-color:#dc35451a}.user-menu-item.user-menu-logout svg{color:var(--color-error)}.mobile-user-info{border-top:1px solid var(--color-gray-200);margin-top:var(--spacing-sm);padding:var(--spacing-md);padding-top:var(--spacing-md);text-align:center}@media (max-width:768px){.user-menu-container{display:none}.mobile-user-info{display:block}}@media (max-width:480px){.navbar-logo{height:50px}.navbar-tagline{font-size:10px}.navbar-container{padding:0 var(--spacing-sm)}}.error-state{background:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:var(--spacing-2xl) auto;max-width:500px;padding:var(--spacing-3xl) var(--spacing-lg);text-align:center}.error-state-icon{align-items:center;background:linear-gradient(135deg,var(--color-error) 0,#c82333 100%);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);color:var(--color-text-inverse);display:flex;font-size:36px;height:80px;justify-content:center;margin:0 auto var(--spacing-lg);width:80px}.error-state-title{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-md) 0}.error-state-message{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:400px}.error-state-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.error-state-action{margin-top:var(--spacing-md)}.back-to-top{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-full);bottom:var(--spacing-xl);box-shadow:var(--shadow-lg);color:var(--color-white);cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;position:fixed;right:var(--spacing-xl);transition:all var(--transition-base);width:48px;z-index:var(--z-index-fixed)}.back-to-top:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.back-to-top:active{transform:translateY(0)}.back-to-top:focus{box-shadow:var(--shadow-xl),0 0 0 3px #007bff4d;outline:none}@media (max-width:768px){.back-to-top{bottom:var(--spacing-lg);font-size:18px;height:44px;right:var(--spacing-lg);width:44px}}.keyboard-shortcuts-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:var(--z-index-modal)}.keyboard-shortcuts-modal{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:600px;outline:none;overflow-y:auto;position:relative;width:100%}.keyboard-shortcuts-header{align-items:center;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.keyboard-shortcuts-title-wrapper{align-items:center;display:flex;gap:var(--spacing-md)}.keyboard-shortcuts-icon{color:var(--color-primary);font-size:24px}.keyboard-shortcuts-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.keyboard-shortcuts-close{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;padding:var(--spacing-xs);transition:all var(--transition-base);width:32px}.keyboard-shortcuts-close:hover{background:var(--color-gray-100);color:var(--color-text-primary)}.keyboard-shortcuts-body{padding:var(--spacing-lg)}.keyboard-shortcut-item{align-items:center;border-bottom:1px solid var(--color-gray-100);display:flex;gap:var(--spacing-lg);justify-content:space-between;padding:var(--spacing-md)}.keyboard-shortcut-item:last-child{border-bottom:none}.keyboard-shortcut-key{flex-shrink:0}.keyboard-shortcut-key kbd{background:var(--color-gray-100);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);box-shadow:0 1px 2px #0000001a;color:var(--color-text-primary);display:inline-block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);min-width:40px;padding:var(--spacing-xs) var(--spacing-md);text-align:center}.keyboard-shortcut-description{color:var(--color-text-secondary);flex:1 1;font-size:var(--font-size-base);text-align:right}.keyboard-shortcuts-footer{border-top:1px solid var(--color-gray-200);display:flex;justify-content:flex-end;padding:var(--spacing-lg)}@media (max-width:768px){.keyboard-shortcuts-overlay{padding:var(--spacing-md)}.keyboard-shortcuts-modal{max-width:100%}.keyboard-shortcut-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.keyboard-shortcut-description{text-align:left}}.App{min-height:100vh;overflow-x:hidden;position:relative;z-index:1}.App,.container{touch-action:pan-x pan-y pinch-zoom;width:100%}.container{margin:0 auto;max-width:1200px}.card,.container{padding:var(--spacing-lg)}.card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--color-bg-primary);background-blend-mode:overlay,overlay,normal;background-image:var(--paper-texture),var(--vintage-texture),linear-gradient(135deg,var(--color-bg-primary) 0,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 100%);border:var(--border-width-base) solid var(--border-color-base);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-lg);overflow:hidden;position:relative;transition:all var(--transition-base)}.card:before{background:linear-gradient(90deg,#8b3d3a66,#c9a96180 25%,#8b3d3a66 50%,#c9a96180 75%,#8b3d3a66);box-shadow:0 1px 2px #8b3d3a33;height:3px;opacity:.6;transition:opacity var(--transition-base)}.card:after,.card:before{content:"";left:0;position:absolute;right:0;top:0}.card:after{background:radial-gradient(circle at 20% 30%,#8b3d3a08 0,#0000 50%),radial-gradient(circle at 80% 70%,rgba(201,169,97,.025) 0,#0000 50%),linear-gradient(135deg,#0000,#d4a57405 50%,#0000);bottom:0;mix-blend-mode:multiply;opacity:.8;pointer-events:none}.card:hover{background-image:var(--paper-texture),var(--vintage-texture),linear-gradient(135deg,var(--color-bg-primary) 0,var(--color-bg-secondary) 45%,var(--color-bg-tertiary) 100%);border-color:var(--border-color-vintage);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.card:hover:before{opacity:.7}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--spacing-sm);justify-content:center;line-height:1.5;overflow:hidden;padding:var(--spacing-sm) var(--spacing-lg);position:relative;text-decoration:none;transition:all var(--transition-base)}button:focus:not(:focus-visible){box-shadow:none;outline:none}.btn:focus{box-shadow:0 0 0 3px #2c528240;outline:none}.btn:focus:not(:focus-visible){box-shadow:none}.btn:active{transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-sm{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md)}.btn-lg{font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-xl)}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 50%,var(--color-primary) 100%);background-blend-mode:overlay,normal;background-image:var(--vintage-texture),linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 50%,var(--color-primary) 100%);border:1px solid #8b3d3a33;box-shadow:var(--shadow-sm);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-primary) 50%,var(--color-primary-dark) 100%);border-color:#8b3d3a4d;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){box-shadow:var(--shadow-xs);transform:translateY(0) scale(.98)}.btn-secondary{background-color:var(--color-secondary);box-shadow:var(--shadow-sm);color:var(--color-text-inverse)}.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){box-shadow:var(--shadow-xs);transform:translateY(0) scale(.98)}.btn-danger{background:var(--color-error);box-shadow:var(--shadow-sm);color:var(--color-text-inverse)}.btn-danger:hover:not(:disabled){background:#c82333;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-danger:active:not(:disabled){box-shadow:var(--shadow-xs);transform:translateY(0) scale(.98)}.btn-warning{background:var(--color-warning);box-shadow:var(--shadow-sm);color:var(--color-text-primary)}.btn-warning:hover:not(:disabled){background:#e0a800;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-warning:active:not(:disabled){box-shadow:var(--shadow-xs);transform:translateY(0) scale(.98)}.btn-outline{background-color:initial;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-text-inverse);transform:translateY(-1px)}.btn-ghost{background-color:initial;box-shadow:none;color:var(--color-text-primary)}.btn-ghost:hover:not(:disabled){background-color:var(--color-gray-100);transform:translateY(-1px)}.btn-loading{color:#0000;pointer-events:none;position:relative}.btn-loading:after{animation:spin .6s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.form-group{margin-bottom:var(--spacing-lg);position:relative}.form-group label{color:var(--color-text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.form-group input,.form-group textarea{background-color:var(--color-bg-primary);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base);width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #007bff1a;outline:none}.form-group input:hover:not(:focus),.form-group textarea:hover:not(:focus){border-color:var(--color-gray-400)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-tertiary)}.form-group textarea{min-height:100px;resize:vertical}.form-group.error input,.form-group.error textarea{border-color:var(--color-error)}.form-group.error input:focus,.form-group.error textarea:focus{box-shadow:0 0 0 3px #dc35451a}.form-group.success input,.form-group.success textarea{border-color:var(--color-success)}.form-group.success input:focus,.form-group.success textarea:focus{box-shadow:0 0 0 3px #28a7451a}.error{color:var(--color-error)}.error,.success{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.success{color:var(--color-success)}@media (max-width:768px){.App{min-width:100%;width:100%}.container{max-width:1200px;padding:var(--spacing-md);width:100%}.card,.feed-container,.navbar,.profile-container,.trades-container{touch-action:pan-x pan-y pinch-zoom}}@keyframes tutorialSlideUp{0%{opacity:0;transform:translateX(-50%) translateY(12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.holographic-avatar-border{animation:rotate-holographic 3s linear infinite;background:conic-gradient(from 0deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3,red);background-size:200% 200%;border-radius:50%;padding:5px;position:relative}.holographic-avatar-border:before{animation:rotate-holographic-reverse 4s linear infinite;background:conic-gradient(from 180deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3,red);border-radius:50%;content:"";inset:0;opacity:.7;padding:5px;position:absolute;z-index:-1}@keyframes rotate-holographic{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes shift-shades{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes rotate-holographic-reverse{0%{background-position:100% 50%}to{background-position:0 50%}}.holographic-shimmer{overflow:hidden;position:relative}.holographic-shimmer:after{animation:shimmer-sweep 3s infinite;background:linear-gradient(45deg,#0000 30%,#ffffff80 50%,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes shimmer-sweep{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.holographic-border{animation:rotate-holographic-border 4s linear infinite;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from 0deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3,red) border-box;background-clip:padding-box,border-box;border:5px solid #0000;box-shadow:0 0 15px #ff000080,0 0 25px #ff7f0066,0 0 35px #ffff004d,0 0 45px #0f03,0 0 55px #0000ff4d,0 0 65px #4b008266,0 0 75px #9400d380}@keyframes rotate-holographic-border{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.holographic-glow{animation:holographic-pulse 2s ease-in-out infinite;box-shadow:0 0 10px #f009,0 0 20px #ff7f0080,0 0 30px #ff06,0 0 40px #00ff004d,0 0 50px #00f6,0 0 60px #4b008280,0 0 70px #9400d399}@keyframes holographic-pulse{0%,to{filter:hue-rotate(0deg) brightness(1)}50%{filter:hue-rotate(180deg) brightness(1.2)}}
/*# sourceMappingURL=main.baf06df5.css.map*/