@import url(https://fonts.googleapis.com/css2?family=Pacifico&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-primary:#667eea;--color-primary-dark:#5a6fd8;--color-primary-light:#8fa5ff;--color-primary-rgb:102,126,234;--color-secondary:#764ba2;--color-secondary-dark:#6a4490;--color-secondary-light:#8d5fb8;--color-success:#28a745;--color-success-dark:#218838;--color-success-light:#20c997;--color-warning:#ffc107;--color-warning-dark:#e0a800;--color-danger:#dc3545;--color-danger-dark:#c82333;--color-info:#17a2b8;--color-info-dark:#138496;--color-gray-50:#f8f9fa;--color-gray-100:#e9ecef;--color-gray-200:#dee2e6;--color-gray-300:#ced4da;--color-gray-400:#adb5bd;--color-gray-500:#6c757d;--color-gray-600:#495057;--color-gray-700:#343a40;--color-gray-800:#212529;--color-gray-900:#2c3e50;--color-text-primary:#2c3e50;--color-text-secondary:#495057;--color-text-muted:#666;--color-text-light:#999;--color-bg-primary:#fff;--color-bg-secondary:#f8f9fa;--color-bg-tertiary:#e9ecef;--color-bg-accent:#667eea;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--font-primary:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;--font-heading:"Pacifico",cursive;--font-mono:"Monaco","Menlo","Ubuntu Mono",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--border-width:1px;--border-width-thick:2px;--border-color:var(--color-gray-200);--border-color-dark:var(--color-gray-300);--radius-none:0;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-button:0 4px 15px rgba(var(--color-primary-rgb),0.3);--shadow-button-hover:0 6px 20px rgba(var(--color-primary-rgb),0.4);--shadow-card:0 4px 20px #0000001a;--shadow-card-hover:0 8px 30px #00000026;--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease;--transition-bounce:0.3s cubic-bezier(0.68,-0.55,0.265,1.55);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--breakpoint-2xl:1400px;--gradient-primary:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);--gradient-success:linear-gradient(45deg,var(--color-success) 0%,var(--color-success-light) 100%);--gradient-danger:linear-gradient(45deg,var(--color-danger) 0%,#e74c3c 100%);--gradient-glass:linear-gradient(135deg,#ffffffe6,#f2f2f2e6);--glass-bg:#fff3;--glass-border:#ffffff4d;--glass-backdrop:blur(20px);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0,0,0.2,1) infinite;--animate-pulse:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;--animate-bounce:bounce 1s infinite}@media (prefers-color-scheme:dark){:root{--color-bg-primary:#1a202c;--color-bg-secondary:#2d3748;--color-bg-tertiary:#4a5568;--color-text-primary:#f7fafc;--color-text-secondary:#e2e8f0;--color-text-muted:#a0aec0;--border-color:#4a5568;--border-color-dark:#718096}}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0ms;--transition-base:0ms;--transition-slow:0ms;--transition-bounce:0ms}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{:root{--shadow-card:none;--shadow-button:none;--gradient-primary:none;--color-bg-primary:#fff;--color-text-primary:#000}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.15;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg-secondary);min-height:100vh;text-rendering:optimizeSpeed}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:var(--weight-semibold);line-height:var(--leading-tight);margin-bottom:var(--space-md)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{line-height:var(--leading-normal);margin-bottom:var(--space-md)}p:last-child{margin-bottom:0}b,strong{font-weight:var(--weight-bold)}em,i{font-style:italic}small{color:var(--color-text-muted);font-size:var(--text-sm)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary-dark);text-decoration:underline}a:focus{outline:2px solid var(--color-primary);outline-offset:2px}ol,ul{margin-bottom:var(--space-md);padding-left:var(--space-lg)}ul{list-style-type:disc}ol{list-style-type:decimal}li{margin-bottom:var(--space-xs)}li:last-child{margin-bottom:0}ol[role=list],ul[role=list]{list-style:none;padding-left:0}canvas,img,picture,svg,video{display:block;height:auto;max-width:100%}img{border-style:none}table{border-collapse:collapse;border-spacing:0;width:100%}td,th{text-align:left;vertical-align:top}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{appearance:button;-webkit-appearance:button;cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{-webkit-appearance:none;appearance:none;border-radius:0}textarea{overflow:auto;resize:vertical}summary{cursor:pointer;display:list-item}details summary::-webkit-details-marker{display:none}:focus{outline:2px solid #0000;outline-offset:2px}:focus:not(:focus-visible){outline:none}@media (prefers-contrast:high){a{text-decoration:underline}button,input,select,textarea{border:2px solid}}@media print{*,:after,:before{background:#0000!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}img{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{margin:.5in}}::selection{background:var(--color-primary);color:#fff;text-shadow:none}::-moz-selection{background:var(--color-primary);color:#fff;text-shadow:none}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}*{scrollbar-color:var(--color-gray-400) var(--color-gray-100);scrollbar-width:thin}@media (prefers-color-scheme:dark){::-webkit-scrollbar-track{background:var(--color-gray-800)}::-webkit-scrollbar-thumb{background:var(--color-gray-600)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}*{scrollbar-color:var(--color-gray-600) var(--color-gray-800)}}body{font-feature-settings:"kern" 1,"liga" 1;color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);text-rendering:optimizeLegibility}.h1,.heading-1{font-size:var(--text-5xl);font-weight:var(--weight-bold);letter-spacing:-.025em;line-height:var(--leading-tight);margin-bottom:var(--space-lg)}.h2,.heading-2{font-size:var(--text-4xl);letter-spacing:-.025em}.h2,.h3,.heading-2,.heading-3{font-weight:var(--weight-semibold);line-height:var(--leading-tight);margin-bottom:var(--space-md)}.h3,.heading-3{font-size:var(--text-3xl)}.h4,.heading-4{font-size:var(--text-2xl)}.h4,.h5,.heading-4,.heading-5{font-weight:var(--weight-semibold);line-height:var(--leading-normal);margin-bottom:var(--space-sm)}.h5,.heading-5{font-size:var(--text-xl)}.h6,.heading-6{font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-normal);margin-bottom:var(--space-sm)}.display-1{font-size:clamp(3rem,8vw,6rem);letter-spacing:-.05em}.display-1,.display-2{font-weight:var(--weight-bold);line-height:var(--leading-tight)}.display-2{font-size:clamp(2.5rem,6vw,5rem);letter-spacing:-.04em}.display-3{font-size:clamp(2rem,5vw,4rem);font-weight:var(--weight-bold);letter-spacing:-.03em;line-height:var(--leading-tight)}.heading-decorative{color:#fc8eac;font-family:var(--font-heading);font-size:var(--text-4xl);letter-spacing:1px;text-align:center;text-shadow:2px 2px 4px #0000004d}.text-xs{font-size:var(--text-xs)}.text-sm,.text-xs{line-height:var(--leading-normal)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base);line-height:var(--leading-normal)}.text-lg{font-size:var(--text-lg)}.text-lg,.text-xl{line-height:var(--leading-relaxed)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-2xl,.text-3xl{line-height:var(--leading-tight)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-4xl,.text-5xl{line-height:var(--leading-tight)}.text-5xl{font-size:var(--text-5xl)}.font-light{font-weight:300}.font-normal{font-weight:var(--weight-normal)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.italic{font-style:italic}.not-italic{font-style:normal}.leading-none{line-height:1}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-loose{line-height:var(--leading-loose)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-light{color:var(--color-text-light)}.text-white{color:#fff}.text-black{color:#000}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-info{color:var(--color-info)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.tracking-tighter{letter-spacing:-.05em}.tracking-tight{letter-spacing:-.025em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-gradient{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#0000}.text-shadow{text-shadow:2px 2px 4px #0000001a}.text-shadow-lg{text-shadow:2px 2px 8px #0000004d}.text-shadow-none{text-shadow:none}.font-mono{font-family:var(--font-mono)}.code{border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.875em;padding:.125rem .25rem}.code,.pre{background:var(--color-gray-100);font-family:var(--font-mono)}.pre{border:1px solid var(--border-color);border-radius:var(--radius-md);line-height:var(--leading-relaxed);overflow-x:auto;padding:var(--space-lg)}.list-none{list-style:none;padding-left:0}.list-disc{list-style-type:disc}.list-decimal,.list-disc{padding-left:var(--space-lg)}.list-decimal{list-style-type:decimal}.blockquote{border-left:4px solid var(--color-primary);color:var(--color-text-secondary);font-size:var(--text-lg);font-style:italic;margin:var(--space-xl) 0;padding-left:var(--space-lg)}.blockquote-footer{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-sm)}.blockquote-footer:before{content:"— "}.lead{color:var(--color-text-secondary);font-size:var(--text-xl);margin-bottom:var(--space-lg)}.lead,.prose{line-height:var(--leading-relaxed)}.prose{max-width:65ch}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{margin-bottom:var(--space-lg);margin-top:var(--space-2xl)}.prose h1:first-child,.prose h2:first-child,.prose h3:first-child{margin-top:0}.prose ol,.prose p,.prose ul{margin-bottom:var(--space-lg)}.prose li{margin-bottom:var(--space-sm)}@media print{body{font-size:12pt;line-height:1.5}.h1,.heading-1{font-size:24pt}.h2,.heading-2{font-size:20pt}.h3,.heading-3{font-size:16pt}.text-gradient{-webkit-text-fill-color:unset!important;background:none!important;color:var(--color-text-primary)!important}.text-shadow,.text-shadow-lg{text-shadow:none!important}}.container{max-width:1200px}.container--fluid{max-width:none}.container--sm{max-width:576px}.container--md{max-width:768px}.container--lg{max-width:992px}.container--xl{max-width:1200px}.container--2xl{max-width:1400px}.grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg)}.grid--1{grid-template-columns:1fr}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--5{grid-template-columns:repeat(5,1fr)}.grid--6{grid-template-columns:repeat(6,1fr)}.grid--12{grid-template-columns:repeat(12,1fr)}.grid--auto-fit-250{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid--auto-fit-280{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid--auto-fit-300{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid--auto-fill-200{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.grid--auto-fill-250{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.grid--auto-fill-300{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid--gap-none{gap:0}.grid--gap-xs{gap:var(--space-xs)}.grid--gap-sm{gap:var(--space-sm)}.grid--gap-md{gap:var(--space-md)}.grid--gap-lg{gap:var(--space-lg)}.grid--gap-xl{gap:var(--space-xl)}.grid--gap-2xl{gap:var(--space-2xl)}.grid-col-span-1{grid-column:span 1}.grid-col-span-2{grid-column:span 2}.grid-col-span-3{grid-column:span 3}.grid-col-span-4{grid-column:span 4}.grid-col-span-5{grid-column:span 5}.grid-col-span-6{grid-column:span 6}.grid-col-span-full{grid-column:1/-1}.grid-row-span-1{grid-row:span 1}.grid-row-span-2{grid-row:span 2}.grid-row-span-3{grid-row:span 3}.grid-row-span-4{grid-row:span 4}.grid-row-span-full{grid-row:1/-1}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-center{align-content:center}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.self-baseline{align-self:baseline}.flex-1{flex:1 1}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.grow{flex-grow:1}.grow-0{flex-grow:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.layout-holy-grail{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-areas:"header header header" "sidebar main aside" "footer footer footer";grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;min-height:100vh}.layout-header{grid-area:header}.layout-sidebar{grid-area:sidebar}.layout-main{grid-area:main}.layout-aside{grid-area:aside}.layout-footer{grid-area:footer}.layout-two-column{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:250px 1fr;min-height:100vh}.layout-two-column--reverse{grid-template-columns:1fr 250px}.layout-three-column{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:200px 1fr 200px}.layout-centered{align-items:center;display:flex;justify-content:center;min-height:100vh}.layout-with-sidebar{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.masonry{column-count:3;column-gap:var(--space-lg)}.masonry-item{break-inside:avoid;margin-bottom:var(--space-lg);page-break-inside:avoid}.masonry--2{column-count:2}.masonry--4{column-count:4}.masonry--5{column-count:5}.card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card-grid--sm{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card-grid--lg{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.friends-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.stats-grid{grid-gap:var(--space-xl);gap:var(--space-xl)}@media (max-width:1200px){.container{padding:0 var(--space-md)}.layout-holy-grail{grid-template-areas:"header" "sidebar" "main" "aside" "footer"}.layout-holy-grail,.layout-three-column,.layout-two-column{grid-template-columns:1fr}.masonry{column-count:2}}@media (max-width:768px){.container{padding:0 var(--space-sm)}.grid--2,.grid--3,.grid--4,.grid--5,.grid--6{grid-template-columns:1fr}.grid{gap:var(--space-md)}.layout-with-sidebar{grid-template-columns:1fr}.masonry{column-count:1}.action-grid,.card-grid,.friends-grid,.stats-grid{gap:var(--space-md);grid-template-columns:1fr}.flex-row{flex-direction:column}.flex-row--mobile-row{flex-direction:row}}@media (max-width:480px){.container{padding:0 var(--space-xs)}.action-grid,.card-grid,.friends-grid,.grid,.stats-grid{gap:var(--space-sm)}}.grid-square{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-square>*{aspect-ratio:1}.grid-video{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-video>*{aspect-ratio:16/9}.stack{gap:var(--space-md)}.stack--sm{gap:var(--space-sm)}.stack--lg{gap:var(--space-lg)}.stack--xl{gap:var(--space-xl)}.cluster{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md)}.cluster--center{justify-content:center}.cluster--end{justify-content:flex-end}.sidebar-layout{display:flex;flex-wrap:wrap;gap:var(--space-lg)}.sidebar-layout>:first-child{flex-basis:250px;flex-grow:1}.sidebar-layout>:last-child{flex-basis:0;flex-grow:999;min-width:60%}@media print{.flex,.grid,.layout-holy-grail,.layout-three-column,.layout-two-column{display:block}.flex>*,.grid>*{margin-bottom:var(--space-md)}.container{max-width:none;padding:0}}@supports (display:subgrid){.subgrid{display:grid;grid-template-columns:subgrid}}@supports (container-type:inline-size){.container-query{container-type:inline-size}@container (min-width: 400px){.container-query .grid{grid-template-columns:repeat(2,1fr)}}@container (min-width: 600px){.container-query .grid{grid-template-columns:repeat(3,1fr)}}}.m-xs{margin:var(--space-xs)!important}.m-sm{margin:var(--space-sm)!important}.m-md{margin:var(--space-md)!important}.m-lg{margin:var(--space-lg)!important}.m-xl{margin:var(--space-xl)!important}.m-2xl{margin:var(--space-2xl)!important}.m-3xl{margin:var(--space-3xl)!important}.m-4xl{margin:var(--space-4xl)!important}.mt-xs{margin-top:var(--space-xs)!important}.mt-sm{margin-top:var(--space-sm)!important}.mt-md{margin-top:var(--space-md)!important}.mt-lg{margin-top:var(--space-lg)!important}.mt-xl{margin-top:var(--space-xl)!important}.mt-2xl{margin-top:var(--space-2xl)!important}.mt-3xl{margin-top:var(--space-3xl)!important}.mt-4xl{margin-top:var(--space-4xl)!important}.mr-xs{margin-right:var(--space-xs)!important}.mr-sm{margin-right:var(--space-sm)!important}.mr-md{margin-right:var(--space-md)!important}.mr-lg{margin-right:var(--space-lg)!important}.mr-xl{margin-right:var(--space-xl)!important}.mr-2xl{margin-right:var(--space-2xl)!important}.mr-3xl{margin-right:var(--space-3xl)!important}.mr-4xl{margin-right:var(--space-4xl)!important}.mb-xs{margin-bottom:var(--space-xs)!important}.mb-sm{margin-bottom:var(--space-sm)!important}.mb-md{margin-bottom:var(--space-md)!important}.mb-lg{margin-bottom:var(--space-lg)!important}.mb-xl{margin-bottom:var(--space-xl)!important}.mb-2xl{margin-bottom:var(--space-2xl)!important}.mb-3xl{margin-bottom:var(--space-3xl)!important}.mb-4xl{margin-bottom:var(--space-4xl)!important}.ml-xs{margin-left:var(--space-xs)!important}.ml-sm{margin-left:var(--space-sm)!important}.ml-md{margin-left:var(--space-md)!important}.ml-lg{margin-left:var(--space-lg)!important}.ml-xl{margin-left:var(--space-xl)!important}.ml-2xl{margin-left:var(--space-2xl)!important}.ml-3xl{margin-left:var(--space-3xl)!important}.ml-4xl{margin-left:var(--space-4xl)!important}.mx-xs{margin-left:var(--space-xs)!important;margin-right:var(--space-xs)!important}.mx-sm{margin-left:var(--space-sm)!important;margin-right:var(--space-sm)!important}.mx-md{margin-left:var(--space-md)!important;margin-right:var(--space-md)!important}.mx-lg{margin-left:var(--space-lg)!important;margin-right:var(--space-lg)!important}.mx-xl{margin-left:var(--space-xl)!important;margin-right:var(--space-xl)!important}.mx-2xl{margin-left:var(--space-2xl)!important;margin-right:var(--space-2xl)!important}.mx-3xl{margin-left:var(--space-3xl)!important;margin-right:var(--space-3xl)!important}.mx-4xl{margin-left:var(--space-4xl)!important;margin-right:var(--space-4xl)!important}.my-xs{margin-bottom:var(--space-xs)!important;margin-top:var(--space-xs)!important}.my-sm{margin-bottom:var(--space-sm)!important;margin-top:var(--space-sm)!important}.my-md{margin-bottom:var(--space-md)!important;margin-top:var(--space-md)!important}.my-lg{margin-bottom:var(--space-lg)!important;margin-top:var(--space-lg)!important}.my-xl{margin-bottom:var(--space-xl)!important;margin-top:var(--space-xl)!important}.my-2xl{margin-bottom:var(--space-2xl)!important;margin-top:var(--space-2xl)!important}.my-3xl{margin-bottom:var(--space-3xl)!important;margin-top:var(--space-3xl)!important}.my-4xl{margin-bottom:var(--space-4xl)!important;margin-top:var(--space-4xl)!important}.p-xs{padding:var(--space-xs)!important}.p-sm{padding:var(--space-sm)!important}.p-md{padding:var(--space-md)!important}.p-lg{padding:var(--space-lg)!important}.p-xl{padding:var(--space-xl)!important}.p-2xl{padding:var(--space-2xl)!important}.p-3xl{padding:var(--space-3xl)!important}.p-4xl{padding:var(--space-4xl)!important}.pt-xs{padding-top:var(--space-xs)!important}.pt-sm{padding-top:var(--space-sm)!important}.pt-md{padding-top:var(--space-md)!important}.pt-lg{padding-top:var(--space-lg)!important}.pt-xl{padding-top:var(--space-xl)!important}.pt-2xl{padding-top:var(--space-2xl)!important}.pt-3xl{padding-top:var(--space-3xl)!important}.pt-4xl{padding-top:var(--space-4xl)!important}.pr-xs{padding-right:var(--space-xs)!important}.pr-sm{padding-right:var(--space-sm)!important}.pr-md{padding-right:var(--space-md)!important}.pr-lg{padding-right:var(--space-lg)!important}.pr-xl{padding-right:var(--space-xl)!important}.pr-2xl{padding-right:var(--space-2xl)!important}.pr-3xl{padding-right:var(--space-3xl)!important}.pr-4xl{padding-right:var(--space-4xl)!important}.pb-xs{padding-bottom:var(--space-xs)!important}.pb-sm{padding-bottom:var(--space-sm)!important}.pb-md{padding-bottom:var(--space-md)!important}.pb-lg{padding-bottom:var(--space-lg)!important}.pb-xl{padding-bottom:var(--space-xl)!important}.pb-2xl{padding-bottom:var(--space-2xl)!important}.pb-3xl{padding-bottom:var(--space-3xl)!important}.pb-4xl{padding-bottom:var(--space-4xl)!important}.pl-xs{padding-left:var(--space-xs)!important}.pl-sm{padding-left:var(--space-sm)!important}.pl-md{padding-left:var(--space-md)!important}.pl-lg{padding-left:var(--space-lg)!important}.pl-xl{padding-left:var(--space-xl)!important}.pl-2xl{padding-left:var(--space-2xl)!important}.pl-3xl{padding-left:var(--space-3xl)!important}.pl-4xl{padding-left:var(--space-4xl)!important}.px-xs{padding-left:var(--space-xs)!important;padding-right:var(--space-xs)!important}.px-sm{padding-left:var(--space-sm)!important;padding-right:var(--space-sm)!important}.px-md{padding-left:var(--space-md)!important;padding-right:var(--space-md)!important}.px-lg{padding-left:var(--space-lg)!important;padding-right:var(--space-lg)!important}.px-xl{padding-left:var(--space-xl)!important;padding-right:var(--space-xl)!important}.px-2xl{padding-left:var(--space-2xl)!important;padding-right:var(--space-2xl)!important}.px-3xl{padding-left:var(--space-3xl)!important;padding-right:var(--space-3xl)!important}.px-4xl{padding-left:var(--space-4xl)!important;padding-right:var(--space-4xl)!important}.py-xs{padding-bottom:var(--space-xs)!important;padding-top:var(--space-xs)!important}.py-sm{padding-bottom:var(--space-sm)!important;padding-top:var(--space-sm)!important}.py-md{padding-bottom:var(--space-md)!important;padding-top:var(--space-md)!important}.py-lg{padding-bottom:var(--space-lg)!important;padding-top:var(--space-lg)!important}.py-xl{padding-bottom:var(--space-xl)!important;padding-top:var(--space-xl)!important}.py-2xl{padding-bottom:var(--space-2xl)!important;padding-top:var(--space-2xl)!important}.py-3xl{padding-bottom:var(--space-3xl)!important;padding-top:var(--space-3xl)!important}.py-4xl{padding-bottom:var(--space-4xl)!important;padding-top:var(--space-4xl)!important}.-m-xs{margin:calc(var(--space-xs)*-1)!important}.-m-sm{margin:calc(var(--space-sm)*-1)!important}.-m-md{margin:calc(var(--space-md)*-1)!important}.-m-lg{margin:calc(var(--space-lg)*-1)!important}.-m-xl{margin:calc(var(--space-xl)*-1)!important}.-mt-xs{margin-top:calc(var(--space-xs)*-1)!important}.-mt-sm{margin-top:calc(var(--space-sm)*-1)!important}.-mt-md{margin-top:calc(var(--space-md)*-1)!important}.-mt-lg{margin-top:calc(var(--space-lg)*-1)!important}.-mt-xl{margin-top:calc(var(--space-xl)*-1)!important}.-mr-xs{margin-right:calc(var(--space-xs)*-1)!important}.-mr-sm{margin-right:calc(var(--space-sm)*-1)!important}.-mr-md{margin-right:calc(var(--space-md)*-1)!important}.-mr-lg{margin-right:calc(var(--space-lg)*-1)!important}.-mr-xl{margin-right:calc(var(--space-xl)*-1)!important}.-mb-xs{margin-bottom:calc(var(--space-xs)*-1)!important}.-mb-sm{margin-bottom:calc(var(--space-sm)*-1)!important}.-mb-md{margin-bottom:calc(var(--space-md)*-1)!important}.-mb-lg{margin-bottom:calc(var(--space-lg)*-1)!important}.-mb-xl{margin-bottom:calc(var(--space-xl)*-1)!important}.-ml-xs{margin-left:calc(var(--space-xs)*-1)!important}.-ml-sm{margin-left:calc(var(--space-sm)*-1)!important}.-ml-md{margin-left:calc(var(--space-md)*-1)!important}.-ml-lg{margin-left:calc(var(--space-lg)*-1)!important}.-ml-xl{margin-left:calc(var(--space-xl)*-1)!important}.gap-xs{gap:var(--space-xs)!important}.gap-sm{gap:var(--space-sm)!important}.gap-md{gap:var(--space-md)!important}.gap-lg{gap:var(--space-lg)!important}.gap-xl{gap:var(--space-xl)!important}.gap-2xl{gap:var(--space-2xl)!important}.gap-3xl{gap:var(--space-3xl)!important}.gap-4xl{gap:var(--space-4xl)!important}.gap-x-0{column-gap:0!important}.gap-x-xs{column-gap:var(--space-xs)!important}.gap-x-sm{column-gap:var(--space-sm)!important}.gap-x-md{column-gap:var(--space-md)!important}.gap-x-lg{column-gap:var(--space-lg)!important}.gap-x-xl{column-gap:var(--space-xl)!important}.gap-x-2xl{column-gap:var(--space-2xl)!important}.gap-y-0{row-gap:0!important}.gap-y-xs{row-gap:var(--space-xs)!important}.gap-y-sm{row-gap:var(--space-sm)!important}.gap-y-md{row-gap:var(--space-md)!important}.gap-y-lg{row-gap:var(--space-lg)!important}.gap-y-xl{row-gap:var(--space-xl)!important}.gap-y-2xl{row-gap:var(--space-2xl)!important}.space-x-0>*+*{margin-left:0!important}.space-x-xs>*+*{margin-left:var(--space-xs)!important}.space-x-sm>*+*{margin-left:var(--space-sm)!important}.space-x-md>*+*{margin-left:var(--space-md)!important}.space-x-lg>*+*{margin-left:var(--space-lg)!important}.space-x-xl>*+*{margin-left:var(--space-xl)!important}.space-y-0>*+*{margin-top:0!important}.space-y-xs>*+*{margin-top:var(--space-xs)!important}.space-y-sm>*+*{margin-top:var(--space-sm)!important}.space-y-md>*+*{margin-top:var(--space-md)!important}.space-y-lg>*+*{margin-top:var(--space-lg)!important}.space-y-xl>*+*{margin-top:var(--space-xl)!important}.section{padding:var(--space-4xl) 0}.section--sm{padding:var(--space-2xl) 0}.section--lg{padding:var(--space-4xl) 0}.section--xl{padding:6rem 0}.container-spacing{padding-left:var(--space-lg);padding-right:var(--space-lg)}.container-spacing--sm{padding-left:var(--space-md);padding-right:var(--space-md)}.container-spacing--lg{padding-left:var(--space-xl);padding-right:var(--space-xl)}.list-spaced>li{margin-bottom:var(--space-sm)}.list-spaced--lg>li{margin-bottom:var(--space-md)}.flow>*+*{margin-top:var(--space-md)}.flow--sm>*+*{margin-top:var(--space-sm)}.flow--lg>*+*{margin-top:var(--space-lg)}.stack{display:flex;flex-direction:column}.stack>*+*{margin-top:var(--space-md)}.stack--sm>*+*{margin-top:var(--space-sm)}.stack--lg>*+*{margin-top:var(--space-lg)}.stack--xl>*+*{margin-top:var(--space-xl)}@media (max-width:768px){.container-spacing{padding-left:var(--space-md);padding-right:var(--space-md)}.container-spacing--lg{padding-left:var(--space-lg);padding-right:var(--space-lg)}.section{padding:var(--space-2xl) 0}.section--lg{padding:var(--space-3xl) 0}.section--xl{padding:var(--space-4xl) 0}.mobile\:m-0{margin:0!important}.mobile\:mx-auto{margin-left:auto!important;margin-right:auto!important}.mobile\:my-lg{margin-bottom:var(--space-lg)!important;margin-top:var(--space-lg)!important}.mobile\:p-sm{padding:var(--space-sm)!important}.mobile\:px-md{padding-left:var(--space-md)!important;padding-right:var(--space-md)!important}.mobile\:py-lg{padding-bottom:var(--space-lg)!important;padding-top:var(--space-lg)!important}}@media (max-width:480px){.container-spacing{padding-left:var(--space-sm);padding-right:var(--space-sm)}.section{padding:var(--space-xl) 0}.xs\:p-xs{padding:var(--space-xs)!important}.xs\:m-sm{margin:var(--space-sm)!important}.xs\:gap-sm{gap:var(--space-sm)!important}}@media print{.section{padding:var(--space-lg) 0}.flow>*+*,.stack>*+*{margin-top:var(--space-sm)}.my-2xl,.my-3xl,.my-4xl,.my-xl{margin-bottom:var(--space-lg)!important;margin-top:var(--space-lg)!important}}.container{margin:0 auto;padding:0 var(--space-lg);width:100%}.page-container{background:#f9f9f9;background:var(--color-bg,#f9f9f9);flex:1 1;padding:var(--space-lg);width:100%}.content{align-items:flex-start;display:flex;flex:1 1 auto;justify-content:center;padding:var(--space-md)}.content-box{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin:var(--space-md) auto;max-width:600px;padding:var(--space-lg);width:100%}@media (max-width:768px){.content-box{margin:var(--space-sm);padding:var(--space-md)}}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}.container-fluid{padding:0 var(--space-lg);width:100%}.d-xs-none{display:none!important}.d-xs-block{display:block!important}.d-xs-inline{display:inline!important}.d-xs-inline-block{display:inline-block!important}.d-xs-flex{display:flex!important}.d-xs-inline-flex{display:inline-flex!important}.d-xs-grid{display:grid!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-block{display:block!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-grid{display:grid!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-block{display:block!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-grid{display:grid!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-block{display:block!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-grid{display:grid!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-block{display:block!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-grid{display:grid!important}}@media (min-width:576px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.justify-sm-start{justify-content:flex-start!important}.justify-sm-end{justify-content:flex-end!important}.justify-sm-center{justify-content:center!important}.justify-sm-between{justify-content:space-between!important}.justify-sm-around{justify-content:space-around!important}.align-sm-start{align-items:flex-start!important}.align-sm-end{align-items:flex-end!important}.align-sm-center{align-items:center!important}.align-sm-baseline{align-items:baseline!important}.align-sm-stretch{align-items:stretch!important}}@media (min-width:768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.justify-md-start{justify-content:flex-start!important}.justify-md-end{justify-content:flex-end!important}.justify-md-center{justify-content:center!important}.justify-md-between{justify-content:space-between!important}.justify-md-around{justify-content:space-around!important}.align-md-start{align-items:flex-start!important}.align-md-end{align-items:flex-end!important}.align-md-center{align-items:center!important}.align-md-baseline{align-items:baseline!important}.align-md-stretch{align-items:stretch!important}}@media (min-width:992px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.justify-lg-start{justify-content:flex-start!important}.justify-lg-end{justify-content:flex-end!important}.justify-lg-center{justify-content:center!important}.justify-lg-between{justify-content:space-between!important}.justify-lg-around{justify-content:space-around!important}.align-lg-start{align-items:flex-start!important}.align-lg-end{align-items:flex-end!important}.align-lg-center{align-items:center!important}.align-lg-baseline{align-items:baseline!important}.align-lg-stretch{align-items:stretch!important}}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:576px){.m-sm-0{margin:0!important}.m-sm-auto{margin:auto!important}.mx-sm-auto{margin-left:auto!important;margin-right:auto!important}.my-sm-0{margin-bottom:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0{margin-right:0!important}.mb-sm-0{margin-bottom:0!important}.ml-sm-0{margin-left:0!important}.p-sm-0{padding:0!important}.px-sm-0{padding-left:0!important;padding-right:0!important}.py-sm-0{padding-bottom:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0{padding-right:0!important}.pb-sm-0{padding-bottom:0!important}.pl-sm-0{padding-left:0!important}}@media (min-width:768px){.m-md-0{margin:0!important}.m-md-auto{margin:auto!important}.mx-md-auto{margin-left:auto!important;margin-right:auto!important}.my-md-0{margin-bottom:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0{margin-right:0!important}.mb-md-0{margin-bottom:0!important}.ml-md-0{margin-left:0!important}.p-md-0{padding:0!important}.px-md-0{padding-left:0!important;padding-right:0!important}.py-md-0{padding-bottom:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0{padding-right:0!important}.pb-md-0{padding-bottom:0!important}.pl-md-0{padding-left:0!important}}@media (min-width:576px){.grid-sm-1{grid-template-columns:1fr!important}.grid-sm-2{grid-template-columns:repeat(2,1fr)!important}.grid-sm-3{grid-template-columns:repeat(3,1fr)!important}.grid-sm-4{grid-template-columns:repeat(4,1fr)!important}.grid-sm-6{grid-template-columns:repeat(6,1fr)!important}.grid-sm-12{grid-template-columns:repeat(12,1fr)!important}}@media (min-width:768px){.grid-md-1{grid-template-columns:1fr!important}.grid-md-2{grid-template-columns:repeat(2,1fr)!important}.grid-md-3{grid-template-columns:repeat(3,1fr)!important}.grid-md-4{grid-template-columns:repeat(4,1fr)!important}.grid-md-6{grid-template-columns:repeat(6,1fr)!important}.grid-md-12{grid-template-columns:repeat(12,1fr)!important}}@media (min-width:992px){.grid-lg-1{grid-template-columns:1fr!important}.grid-lg-2{grid-template-columns:repeat(2,1fr)!important}.grid-lg-3{grid-template-columns:repeat(3,1fr)!important}.grid-lg-4{grid-template-columns:repeat(4,1fr)!important}.grid-lg-6{grid-template-columns:repeat(6,1fr)!important}.grid-lg-12{grid-template-columns:repeat(12,1fr)!important}}@media (max-width:768px){.header{padding:var(--space-md) var(--space-sm)}.header-title{font-size:var(--text-3xl);line-height:var(--leading-tight)}.header-search{margin:var(--space-md) 0 var(--space-sm) 0;max-width:100%}.header-links{gap:var(--space-sm);margin-top:var(--space-sm)}}@media (max-width:480px){.header{padding:var(--space-sm)}.header-title{font-size:var(--text-2xl)}}@media (min-width:769px){.sidebar{height:calc(100vh - 60px);left:0;position:fixed;top:60px;transform:translateX(0);width:250px}.main-content{margin-left:250px}}@media (max-width:768px){.sidebar{height:100vh;left:0;max-width:320px;position:fixed;top:0;transform:translateX(-100%);width:80vw}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}}@media (max-width:480px){.sidebar{width:100vw}}@media (max-width:768px){.admin-page,.friends-container,.news-page,.notifications-container,.page-container,.reports-page{padding:var(--space-md)}.page-container{margin:var(--space-sm) 0}}@media (max-width:480px){.admin-page,.friends-container,.news-page,.notifications-container,.page-container,.reports-page{padding:var(--space-sm)}.page-container{margin:var(--space-xs) 0}}@media (max-width:768px){.action-grid,.card-grid,.friends-grid,.grid--auto-fit-250,.grid--auto-fit-280,.grid--auto-fit-300,.stats-grid{gap:var(--space-md);grid-template-columns:1fr}.grid--2,.grid--3,.grid--4,.grid--5,.grid--6{grid-template-columns:1fr}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.table{font-size:var(--text-xs);min-width:600px}}@media (max-width:600px){.table--responsive,.table--responsive tbody,.table--responsive td,.table--responsive th,.table--responsive thead,.table--responsive tr{display:block}.table--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.table--responsive tr{background:var(--color-bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-sm);padding:var(--space-sm)}.table--responsive td{border:none;border-bottom:1px solid var(--color-gray-100);padding-left:50%!important;position:relative;text-align:left;white-space:normal}.table--responsive td:before{color:var(--color-text-muted);content:attr(data-label) ": ";font-weight:var(--weight-semibold);left:var(--space-sm);padding-right:var(--space-sm);position:absolute;white-space:nowrap;width:45%}}.hide-mobile{display:block}@media (max-width:768px){.hide-mobile{display:none!important}}.show-mobile{display:none}@media (max-width:768px){.show-mobile{display:block!important}}.hide-desktop{display:block}@media (min-width:769px){.hide-desktop{display:none!important}}.show-desktop{display:none}@media (min-width:769px){.show-desktop{display:block!important}}@media (max-width:768px){.h1,.heading-1{font-size:var(--text-3xl)}.h2,.heading-2{font-size:var(--text-2xl)}.h3,.heading-3{font-size:var(--text-xl)}.heading-decorative{font-size:var(--text-2xl)}.lead{font-size:var(--text-lg)}}@media (max-width:480px){.h1,.heading-1{font-size:var(--text-2xl)}.h2,.heading-2,.heading-decorative{font-size:var(--text-xl)}}@media print{.hide-print{display:none!important}.show-print{display:block!important}.container{max-width:none!important;padding:0!important}.main-content{margin-left:0!important}}@media (orientation:landscape) and (max-height:500px){.header{padding:var(--space-sm) var(--space-md)}.header-title{font-size:var(--text-xl)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.img-high-dpi{image-rendering:-webkit-optimize-contrast}}@media (prefers-reduced-data:reduce){.reduce-data-hide{display:none!important}}@supports (container-type:inline-size){.container-responsive{container-type:inline-size}@container (min-width: 400px){.container-responsive .grid{grid-template-columns:repeat(2,1fr)}}@container (min-width: 600px){.container-responsive .grid{grid-template-columns:repeat(3,1fr)}}@container (min-width: 800px){.container-responsive .grid{grid-template-columns:repeat(4,1fr)}}}.sidebar .page-wrapper,.sidebar .search-form,.sidebar .search-users-container{all:unset;display:block;width:100%}.page-wrapper{box-sizing:border-box;min-height:100vh;width:100%}@media (min-width:769px){.page-wrapper{margin-left:250px;padding-left:20px}}.admin-page,.home-page,.news-page,.page-container,.profile-container,.profile-page,.reports-page,.search-results-page{box-sizing:border-box;padding:20px;width:100%}@media (max-width:768px){.page-wrapper{margin-left:0!important;padding-left:0!important}.admin-page,.home-page,.news-page,.page-container,.profile-container,.profile-page,.reports-page,.search-results-page{margin-left:0!important;margin-right:0!important;max-width:100%!important;padding:15px!important}}@media (min-width:769px) and (max-width:1200px){.admin-page,.home-page,.news-page,.page-container,.profile-container,.profile-page,.reports-page,.search-results-page{margin-left:270px!important;margin-right:20px!important;max-width:calc(100% - 290px)!important;padding:30px!important}}@media (min-width:1201px){.admin-page,.home-page,.news-page,.page-container,.profile-container,.profile-page,.reports-page,.search-results-page{margin-left:270px!important;margin-right:auto!important;max-width:1200px!important;padding:40px 60px!important}.news-page{margin:0 auto 0 calc(-365px + 50vw)!important;max-width:1000px!important;padding:40px 60px!important}}@media (min-width:1600px){.admin-page,.home-page,.news-page,.page-container,.profile-container,.profile-page,.reports-page,.search-results-page{max-width:1400px!important}}.btn{align-items:center;border:none;border-radius:var(--radius-lg);box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--weight-semibold);gap:var(--space-sm);justify-content:center;line-height:1;padding:var(--space-md) var(--space-xl);text-align:center;text-decoration:none;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.btn--primary{background:var(--gradient-primary);box-shadow:var(--shadow-button);color:#fff}.btn--primary:hover:not(:disabled){box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.btn--primary:active{transform:translateY(0)}.btn--secondary{background:linear-gradient(135deg,#20c997,#28a745);box-shadow:0 4px 15px #20c9974d;color:#fff}.btn--secondary:hover:not(:disabled){box-shadow:0 6px 20px #20c99766;transform:translateY(-2px)}.btn--inline{display:inline-block!important;width:auto!important}.btn--success{background:var(--gradient-success);box-shadow:0 4px 15px #28a7454d;color:#fff}.btn--success:hover:not(:disabled){box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.btn--compact{display:inline-block!important;max-width:250px;min-width:120px;width:auto!important}.btn--danger{background:var(--gradient-danger);box-shadow:0 4px 15px #dc35454d;color:#fff}.btn--danger:hover:not(:disabled){box-shadow:0 6px 20px #dc354566;transform:translateY(-2px)}.btn--warning{background:var(--color-warning);box-shadow:0 4px 15px #ffc1074d;color:var(--color-gray-800)}.btn--warning:hover:not(:disabled){background:var(--color-warning-dark);box-shadow:0 6px 20px #ffc10766;transform:translateY(-2px)}.btn--info{background:var(--color-info);box-shadow:0 4px 15px #17a2b84d;color:#fff}.btn--info:hover:not(:disabled){background:var(--color-info-dark);box-shadow:0 6px 20px #17a2b866;transform:translateY(-2px)}.btn--outline{background:#0000;border:2px solid var(--color-primary);box-shadow:none;color:var(--color-primary)}.btn--outline:hover:not(:disabled){background:var(--color-primary);box-shadow:var(--shadow-button);color:#fff;transform:translateY(-2px)}.btn--outline-secondary{background:#0000;border:2px solid var(--color-gray-500);color:var(--color-gray-700)}.btn--outline-secondary:hover:not(:disabled){background:var(--color-gray-500);color:#fff}.btn--ghost{background:#0000;box-shadow:none;color:var(--color-primary)}.btn--ghost:hover:not(:disabled){background:rgba(var(--color-primary-rgb),.1);transform:translateY(-1px)}.btn--xs{border-radius:var(--radius-sm);font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm)}.btn--sm{border-radius:var(--radius-md);font-size:var(--text-sm);padding:var(--space-sm) var(--space-md)}.btn--lg{border-radius:var(--radius-xl);font-size:var(--text-lg);padding:var(--space-lg) var(--space-2xl)}.btn--xl{border-radius:var(--radius-2xl);font-size:var(--text-xl);padding:var(--space-xl) var(--space-3xl)}.btn--pill{border-radius:var(--radius-full)}.btn--square{border-radius:0}.btn--circle{border-radius:var(--radius-full);height:48px;padding:var(--space-md);width:48px}.btn--block{display:flex;width:100%}.btn--icon{gap:var(--space-sm)}.btn--icon-only{padding:var(--space-md)}.btn--loading{color:#0000;pointer-events:none;position:relative}.btn--loading:after{animation:spin .6s linear infinite;border:2px solid #fff;border-radius:var(--radius-full);border-top-color:#0000;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}.btn-group{display:inline-flex;gap:var(--space-sm)}.btn-group--attached .btn{border-radius:0}.btn-group--attached .btn:first-child{border-bottom-left-radius:var(--radius-lg);border-top-left-radius:var(--radius-lg)}.btn-group--attached .btn:last-child{border-bottom-right-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}@media (max-width:768px){.btn{font-size:var(--text-sm);padding:var(--space-sm) var(--space-lg)}.btn--lg{font-size:var(--text-base);padding:var(--space-md) var(--space-xl)}.btn--xl{font-size:var(--text-lg);padding:var(--space-lg) var(--space-2xl)}}@media (prefers-reduced-motion:reduce){.btn{transition:none!important}.btn:hover{transform:none!important}}.like-button{align-items:center;background:#0000;border:none;color:var(--color-text-muted);cursor:pointer;display:inline-flex;font-size:var(--text-base);gap:var(--space-xs);padding:var(--space-xs);transition:all var(--transition-base)}.like-button:hover{transform:scale(1.1)}.like-button:active{transform:scale(.95)}.like-icon{display:inline-block;font-size:var(--text-xl);transition:all var(--transition-base)}.like-count{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.like-button.liked .like-icon{filter:hue-rotate(320deg) saturate(3)}.like-button.liked .like-count{color:var(--color-danger);font-weight:var(--weight-semibold)}.like-button:hover .like-icon{animation:heartBeat .3s ease-in-out}.form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-group{gap:var(--space-sm)}.form-group label{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.form-input,.form-select,.form-textarea{background:var(--color-bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-text-primary);font-family:inherit;font-size:var(--text-base);padding:var(--space-md) var(--space-lg);transition:all var(--transition-base);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1);outline:none;transform:translateY(-1px)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-textarea{line-height:var(--leading-normal);min-height:100px}.form-input--sm{font-size:var(--text-sm);padding:var(--space-sm) var(--space-md)}.form-input--lg{font-size:var(--text-lg);padding:var(--space-lg) var(--space-xl)}.form-input--error{background:#dc35450d;border-color:var(--color-danger)}.form-input--success{background:#28a7450d;border-color:var(--color-success)}.search-users-container{max-width:300px}.search-input-container{display:flex;position:relative}.search-input{background:var(--color-bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-full);color:var(--color-text-primary);flex:1 1;font-size:var(--text-sm);padding:var(--space-sm) var(--space-md);padding-right:40px;transition:all var(--transition-base)}.sidebar .search-input-container{max-width:100%}.sidebar .search-input{font-size:var(--text-sm);padding:var(--space-sm) var(--space-sm);padding-right:px;width:100%}.sidebar .search-button{font-size:var(--text-sm);height:28px;right:3px;width:28px}.search-input:focus{background:var(--color-bg-primary);border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1);color:var(--color-text-primary);outline:none}.search-input::placeholder{color:var(--color-text-muted)}.sidebar .search-input{background:var(--color-bg-primary)!important;color:var(--color-text-primary)!important}.sidebar .search-input::placeholder{color:var(--color-text-muted)!important}.search-button{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;display:flex;font-size:var(--text-base);height:30px;justify-content:center;padding:var(--space-xs);position:absolute;right:5px;top:50%;transform:translateY(-50%);transition:background var(--transition-base);width:30px}.search-button:hover:not(:disabled){background:#0000001a}.search-button:disabled{cursor:not-allowed;opacity:.5}.suggestions-dropdown{background:var(--color-bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:var(--space-xs);top:100%;z-index:var(--z-dropdown)}.suggestion-item{border-bottom:1px solid var(--color-gray-100);padding:var(--space-md) var(--space-lg);transition:background var(--transition-base)}.suggestion-item:hover{background:var(--color-gray-50)}.suggestion-name{color:var(--color-text-primary);font-weight:var(--weight-medium);margin-bottom:2px}.suggestion-note{font-size:var(--text-xs)}.no-suggestions,.suggestion-note{color:var(--color-text-muted);font-style:italic}.no-suggestions{padding:var(--space-md) var(--space-lg)}.search-error{color:var(--color-danger)}.search-error,.search-loading{font-size:var(--text-xs);margin-top:var(--space-xs)}.search-loading{color:var(--color-text-muted)}.file-input{background:var(--color-gray-50);border:2px dashed var(--border-color-dark);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-base);padding:var(--space-md);transition:all var(--transition-base)}.file-input:hover{background:rgba(var(--color-primary-rgb),.05);border-color:var(--color-primary)}.file-input::-webkit-file-upload-button{background:var(--color-primary);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);margin-right:var(--space-md);padding:var(--space-sm) var(--space-lg);-webkit-transition:background var(--transition-base);transition:background var(--transition-base)}.file-input::-webkit-file-upload-button:hover{background:var(--color-primary-dark)}.hidden-file-input,.image-upload-input{display:none}.form-checkbox,.form-radio{align-items:center;cursor:pointer;display:flex;gap:var(--space-sm)}.form-checkbox input[type=checkbox],.form-radio input[type=radio]{accent-color:var(--color-primary);cursor:pointer;height:18px;width:18px}.form-checkbox label,.form-radio label{color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-sm);margin:0}.form-error{color:var(--color-danger)}.form-error,.form-success{align-items:center;display:flex;font-size:var(--text-xs);gap:var(--space-xs);margin-top:var(--space-xs)}.form-success{color:var(--color-success)}.form-help{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-normal);margin-top:var(--space-xs)}.form-grid{grid-gap:var(--space-lg);gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.form-grid--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-grid--3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.input-group{align-items:stretch;display:flex}.input-group .form-input{border-radius:0;border-right-width:0}.input-group .form-input:first-child{border-bottom-left-radius:var(--radius-md);border-top-left-radius:var(--radius-md)}.input-group .form-input:last-child{border-bottom-right-radius:var(--radius-md);border-right-width:2px;border-top-right-radius:var(--radius-md)}.input-group-text{align-items:center;background:var(--color-gray-100);border:2px solid var(--border-color);border-right-width:0;color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);padding:var(--space-md) var(--space-lg)}.input-group-text:last-child{border-bottom-right-radius:var(--radius-md);border-right-width:2px;border-top-right-radius:var(--radius-md)}.form-floating{position:relative}.form-floating .form-input{padding-bottom:var(--space-sm);padding-top:calc(var(--space-lg) + var(--space-sm))}.form-floating label{border:1px solid #0000;color:var(--color-text-muted);height:100%;left:var(--space-lg);padding:var(--space-lg) 0 0 0;pointer-events:none;position:absolute;top:0;transform-origin:0 0;transition:all var(--transition-base)}.form-floating .form-input:focus~label,.form-floating .form-input:not(:placeholder-shown)~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}@media (max-width:768px){.search-users-container{max-width:100%}.search-input{font-size:var(--text-base)}.suggestions-dropdown{max-height:200px}.form-grid{grid-template-columns:1fr}.file-input,.form-input,.form-select,.form-textarea{font-size:var(--text-base);min-height:44px}.input-group{flex-direction:column}.input-group .form-input{border-bottom-width:0;border-radius:var(--radius-md);border-right-width:2px}.input-group .form-input:last-child{border-bottom-width:2px}}.form-input:focus,.form-select:focus,.form-textarea:focus,.search-input:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast:high){.form-input,.form-select,.form-textarea,.search-input{border-width:2px}}@media (prefers-color-scheme:dark){.suggestions-dropdown{background:var(--color-bg-primary);border-color:var(--border-color-dark)}.file-input{background:var(--color-bg-secondary)}}.file-selected{color:var(--color-success);font-size:var(--text-sm);font-weight:var(--weight-medium);margin-top:var(--space-sm)}.report-form .form-grid{gap:var(--space-md) var(--space-lg);grid-template-columns:repeat(2,1fr)}.report-form .form-input,.report-form .form-select{font-size:var(--text-sm);padding:var(--space-sm) var(--space-md)}.report-form .form-textarea{font-size:var(--text-base);grid-column:1/-1;padding:var(--space-md) var(--space-lg)}.card{background:var(--color-bg-primary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);display:flex;flex-direction:column;margin:var(--space-md) 0;padding:var(--space-lg);transition:all var(--transition-base);&:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}}.card--elevated{box-shadow:var(--shadow-lg);&:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}}.card--flat{border:var(--border-width-thick) solid var(--border-color);box-shadow:none;&:hover{border-color:var(--color-primary);transform:translateY(-1px)}}.card--glass{-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);background:var(--glass-bg);border-color:var(--glass-border);&:hover{background:#ffffff4d;border-color:#ffffff80}}.card--outlined{background:#0000;border:var(--border-width-thick) solid var(--color-primary);box-shadow:none;&:hover{background:rgba(var(--color-primary-rgb),.05);box-shadow:var(--shadow-md)}}.card--xs{border-radius:var(--radius-md);padding:var(--space-sm)}.card--sm{border-radius:var(--radius-lg);padding:var(--space-md)}.card--lg{padding:var(--space-xl)}.card--lg,.card--xl{border-radius:var(--radius-2xl)}.card--xl{padding:var(--space-2xl)}.card--primary{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.1),rgba(var(--color-primary-rgb),.05));border-left:4px solid var(--color-primary)}.card--success{background:linear-gradient(135deg,#28a7451a,#28a7450d);border-left:4px solid var(--color-success)}.card--warning{background:linear-gradient(135deg,#ffc1071a,#ffc1070d);border-left:4px solid var(--color-warning)}.card--danger{background:linear-gradient(135deg,#dc35451a,#dc35450d);border-left:4px solid var(--color-danger)}.card--info{background:linear-gradient(135deg,#17a2b81a,#17a2b80d);border-left:4px solid var(--color-info)}.card--clickable{cursor:pointer;&:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}&:active{transform:translateY(-1px)}}.card--link{cursor:pointer}.card--link,.card--link:hover{color:inherit;text-decoration:none}.card--link:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}.card--link:active{transform:translateY(-1px)}.card__header{border-bottom:var(--border-width) solid var(--border-color);margin-bottom:var(--space-md);padding-bottom:var(--space-md);&:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}}.card__body{flex:1 1;padding:0}.card__footer{border-top:var(--border-width) solid var(--border-color);margin-top:var(--space-md);padding-top:var(--space-md);&:first-child{border-top:none;margin-top:0;padding-top:0}}.card__title{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);margin:0 0 var(--space-sm) 0}.card__subtitle{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-normal)}.card__subtitle,.card__text{margin:0 0 var(--space-md) 0}.card__text{color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-normal);&:last-child{margin-bottom:0}}.card__image{border-radius:var(--radius-lg);height:auto;margin-bottom:var(--space-md);object-fit:cover;width:100%;&:last-child{margin-bottom:0}}.card__actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md);&:first-child{margin-top:0}}.card--profile{text-align:center;.profile-avatar{border:3px solid var(--border-color);border-radius:var(--radius-full);height:80px;margin:0 auto var(--space-md);object-fit:cover;width:80px}.profile-name{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-xs)}.profile-title{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-md)}}.card--stats{text-align:center;.stat-number{color:var(--color-primary);display:block;font-size:var(--text-4xl);font-weight:var(--weight-bold);margin-bottom:var(--space-sm)}.stat-label{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:.5px;text-transform:uppercase}}.card--article{overflow:hidden;.article-image{border-radius:0;height:250px;margin:calc(var(--space-lg)*-1) calc(var(--space-lg)*-1) var(--space-md);object-fit:cover;width:100%}.article-meta{align-items:center;color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:var(--space-md);margin-bottom:var(--space-md)}.article-author{color:var(--color-primary);font-weight:var(--weight-semibold)}.article-date{color:var(--color-text-light)}}.card--friend{text-align:center;.friend-avatar{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-full);color:#fff;display:flex;font-size:var(--text-xl);font-weight:var(--weight-bold);height:60px;justify-content:center;margin:0 auto var(--space-md);width:60px}.friend-name{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-xs)}.friend-real-name{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-sm)}.friend-since{color:var(--color-text-light);font-size:var(--text-xs)}}.card--request{padding:var(--space-md);.request-content{justify-content:space-between}.request-content,.request-user{align-items:center;display:flex;gap:var(--space-md)}.request-user{flex:1 1}.request-info h3{color:var(--color-text-primary);font-size:var(--text-base);margin:0 0 var(--space-xs) 0}.request-info p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.request-actions{display:flex;gap:var(--space-sm)}}.card--notification{cursor:pointer;padding:var(--space-md);&.unread{background:rgba(var(--color-primary-rgb),.05);border-left:4px solid var(--color-primary)}&.read{opacity:.8}.notification-content{align-items:center;display:flex;justify-content:space-between}.notification-message{color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--weight-medium);margin-bottom:var(--space-xs)}.notification-meta{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--text-sm);justify-content:space-between}.notification-dot{background:var(--color-danger);border-radius:var(--radius-full);height:12px;margin-left:var(--space-md);width:12px}}.card-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);margin:var(--space-xl) 0}.card-grid--1{grid-template-columns:1fr}.card-grid--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card-grid--3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card-grid--4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width:768px){.card{margin:var(--space-sm) 0;padding:var(--space-md)}.card--xs{padding:var(--space-xs)}.card--sm{padding:var(--space-sm)}.card--lg{padding:var(--space-lg)}.card--xl{padding:var(--space-xl)}.card-grid{gap:var(--space-md);grid-template-columns:1fr}.card--request .request-content{align-items:stretch;flex-direction:column;gap:var(--space-md)}.card--request .request-user{justify-content:center;text-align:center}.card--request .request-actions{justify-content:center}.card--article .article-image{height:200px}.card--article .article-meta{align-items:flex-start;flex-direction:column;gap:var(--space-xs)}}@media (max-width:480px){.card{padding:var(--space-sm)}.card__title{font-size:var(--text-lg)}.card--stats .stat-number{font-size:var(--text-3xl)}.card--article .article-image{height:150px}.card--friend .friend-avatar{font-size:var(--text-lg);height:50px;width:50px}}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card--animated{animation:cardSlideIn .5s ease-out}@media print{.card{border:1px solid var(--color-gray-300);box-shadow:none;break-inside:avoid;page-break-inside:avoid}.card:hover{box-shadow:none;transform:none}}.table{border-collapse:collapse;font-size:var(--text-sm);width:100%}.table,.table-container{background:var(--color-bg-primary);margin:var(--space-lg) 0}.table-container{border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden}.table-container--scrollable{overflow-x:auto}.table thead{background:var(--gradient-primary);color:#fff}.table th{font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:.5px;padding:var(--space-lg) var(--space-md);position:relative;text-align:left;white-space:nowrap}.table th:first-child{padding-left:var(--space-lg)}.table th:last-child{padding-right:var(--space-lg)}.table tbody tr{border-bottom:1px solid var(--color-gray-100);transition:background-color var(--transition-base)}.table tbody tr:hover{background-color:var(--color-gray-50)}.table tbody tr:last-child{border-bottom:none}.table td{color:var(--color-text-secondary);padding:var(--space-md);vertical-align:middle}.table td:first-child{padding-left:var(--space-lg)}.table td:last-child{padding-right:var(--space-lg)}.table--striped tbody tr:nth-child(2n){background:var(--color-gray-50)}.table--striped tbody tr:nth-child(2n):hover{background:var(--color-gray-100)}.table--bordered,.table--bordered td,.table--bordered th{border:1px solid var(--border-color)}.table--borderless,.table--borderless td,.table--borderless th{border:none}.table--borderless tbody tr{border-bottom:none}.table--sm td,.table--sm th{font-size:var(--text-xs);padding:var(--space-sm) var(--space-md)}.table--lg td,.table--lg th{font-size:var(--text-base);padding:var(--space-lg) var(--space-xl)}.table--dark{background:var(--color-gray-800);color:#fff}.table--dark thead{background:var(--color-gray-900)}.table--dark tbody tr{border-bottom-color:var(--color-gray-700)}.table--dark tbody tr:hover{background:var(--color-gray-700)}.table--primary thead{background:var(--gradient-primary)}.table--success thead{background:var(--color-success)}.table--warning thead{background:var(--color-warning);color:var(--color-gray-800)}.table--danger thead{background:var(--color-danger)}.table .text-left{text-align:left}.table .text-center{text-align:center}.table .text-right{text-align:right}.table .cell-success{background:#28a7451a;color:var(--color-success)}.table .cell-warning{background:#ffc1071a;color:var(--color-warning-dark)}.table .cell-danger{background:#dc35451a;color:var(--color-danger)}.table .cell-info{background:#17a2b81a;color:var(--color-info)}.table th.sortable{cursor:pointer;padding-right:calc(var(--space-md) + var(--space-lg));position:relative;-webkit-user-select:none;user-select:none}.table th.sortable:hover{background:#ffffff1a}.table th.sortable:after{border-bottom:4px solid #ffffff80;border-left:4px solid #0000;border-right:4px solid #0000;content:"";height:0;position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);transition:all var(--transition-base);width:0}.table th.sortable.sort-asc:after{border-bottom:4px solid #fff;border-top:none}.table th.sortable.sort-desc:after{border-bottom:none;border-top:4px solid #fff}.table .actions-cell{text-align:center;white-space:nowrap}.table .actions-cell .btn{margin:0 var(--space-xs)}.table .status-indicator{align-items:center;display:inline-flex;gap:var(--space-sm)}.table .status-dot{border-radius:var(--radius-full);flex-shrink:0;height:8px;width:8px}.table .status-dot--success{background:var(--color-success)}.table .status-dot--warning{background:var(--color-warning)}.table .status-dot--danger{background:var(--color-danger)}.table .status-dot--info{background:var(--color-info)}.table .status-dot--gray{background:var(--color-gray-400)}.table .table-image{border:1px solid var(--border-color);border-radius:var(--radius-sm);height:40px;object-fit:cover;width:40px}.table .table-image--lg{height:60px;width:60px}.table .table-image--sm{height:30px;width:30px}.table .table-avatar{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-full);color:#fff;display:inline-flex;font-size:var(--text-sm);font-weight:var(--weight-semibold);height:32px;justify-content:center;width:32px}@media (max-width:768px){.table-container--scrollable{-webkit-overflow-scrolling:touch;overflow-x:auto}.table{font-size:var(--text-xs);min-width:600px}.table td,.table th{padding:var(--space-sm) var(--space-xs)}.table td:first-child,.table th:first-child{padding-left:var(--space-sm)}.table td:last-child,.table th:last-child{padding-right:var(--space-sm)}}@media (max-width:600px){.table--responsive,.table--responsive tbody,.table--responsive td,.table--responsive th,.table--responsive thead,.table--responsive tr{display:block}.table--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.table--responsive tr{background:var(--color-bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-sm);padding:var(--space-sm)}.table--responsive td{border:none;border-bottom:1px solid var(--color-gray-100);padding-bottom:var(--space-sm);padding-left:50%!important;padding-top:var(--space-sm);position:relative;text-align:left;white-space:normal}.table--responsive td:before{color:var(--color-text-muted);content:attr(data-label) ": ";font-weight:var(--weight-semibold);left:var(--space-sm);padding-right:var(--space-sm);position:absolute;white-space:nowrap;width:45%}.table--responsive td:last-child{border-bottom:0}}.table--loading{overflow:hidden;position:relative}.table--loading:after{animation:tableLoading 2s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes tableLoading{0%{left:-100%}to{left:100%}}.table-empty{color:var(--color-text-muted);font-style:italic;padding:var(--space-3xl);text-align:center}.table-empty-icon{font-size:var(--text-4xl);margin-bottom:var(--space-md);opacity:.5}.table-pagination{align-items:center;background:var(--color-gray-50);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-lg)}.table-pagination-info{color:var(--color-text-muted);font-size:var(--text-sm)}.table-pagination-controls{display:flex;gap:var(--space-sm)}.table--sticky-header{position:relative}.table--sticky-header thead th{position:-webkit-sticky;position:sticky;top:0;z-index:10}@media print{.table-container{border:1px solid var(--color-gray-300);box-shadow:none}.table{font-size:10pt}.table td,.table th{padding:4pt}.table thead{color:#000!important}.table tbody tr:hover,.table thead{background:none!important}.actions-cell{display:none!important}}.badge{align-items:center;border:1px solid #0000;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:var(--weight-semibold);gap:var(--space-xs);justify-content:center;letter-spacing:.5px;padding:var(--space-xs) var(--space-sm);text-transform:uppercase;transition:all var(--transition-base);white-space:nowrap}.badge--xs{font-size:10px;line-height:1;padding:2px var(--space-xs)}.badge--sm{font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm)}.badge--md{font-size:var(--text-sm);padding:var(--space-sm) var(--space-md)}.badge--lg{font-size:var(--text-base);padding:var(--space-sm) var(--space-lg)}.badge--primary{background:var(--color-primary);color:#fff}.badge--primary-soft{background:rgba(var(--color-primary-rgb),.1);border-color:rgba(var(--color-primary-rgb),.2);color:var(--color-primary)}.badge--secondary{background:var(--color-gray-500);color:#fff}.badge--secondary-soft{background:var(--color-gray-100);border-color:var(--color-gray-200);color:var(--color-gray-700)}.badge--success{background:var(--color-success);color:#fff}.badge--success-soft{background:#28a7451a;border-color:#28a74533;color:var(--color-success)}.badge--warning{background:var(--color-warning);color:var(--color-gray-800)}.badge--warning-soft{background:#ffc1071a;border-color:#ffc10733;color:var(--color-warning-dark)}.badge--danger{background:var(--color-danger);color:#fff}.badge--danger-soft{background:#dc35451a;border-color:#dc354533;color:var(--color-danger)}.badge--info{background:var(--color-info);color:#fff}.badge--info-soft{background:#17a2b81a;border-color:#17a2b833;color:var(--color-info)}.badge--light{background:var(--color-gray-100);border-color:var(--color-gray-200);color:var(--color-gray-800)}.badge--dark{background:var(--color-gray-800);color:#fff}.badge--square{border-radius:var(--radius-sm)}.badge--rounded{border-radius:var(--radius-md)}.badge--icon{padding-left:var(--space-xs)}.badge--icon .badge-icon{font-size:1em;margin-right:var(--space-xs)}.badge--icon-only{border-radius:var(--radius-full);height:20px;padding:var(--space-xs);width:20px}.badge--outlined{background:#0000;border-width:1px}.badge--outlined.badge--primary{border-color:var(--color-primary);color:var(--color-primary)}.badge--outlined.badge--success{border-color:var(--color-success);color:var(--color-success)}.badge--outlined.badge--warning{border-color:var(--color-warning);color:var(--color-warning-dark)}.badge--outlined.badge--danger{border-color:var(--color-danger);color:var(--color-danger)}.badge--outlined.badge--info{border-color:var(--color-info);color:var(--color-info)}.badge--clickable{cursor:pointer;transition:all var(--transition-base)}.badge--clickable:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.badge--clickable:active{transform:translateY(0)}.badge--removable{padding-right:var(--space-xs)}.badge--removable .badge-remove{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:inherit;cursor:pointer;display:flex;font-size:12px;height:16px;justify-content:center;margin-left:var(--space-xs);opacity:.7;padding:0;transition:all var(--transition-base);width:16px}.badge--removable .badge-remove:hover{background:#0000001a;opacity:1}.badge--notification{animation:pulse 2s infinite;background:var(--color-danger);border:2px solid var(--color-bg-primary);color:#fff;font-size:11px;height:18px;min-width:18px;padding:0 var(--space-xs);position:absolute;right:-8px;top:-8px}.status{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.5px;padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.status.published{background:#28a7451a;border:1px solid #28a74533;color:var(--color-success)}.status.draft{background:#ffc1071a;border:1px solid #ffc10733;color:var(--color-warning-dark)}.status.archived{background:var(--color-gray-100);border:1px solid var(--color-gray-200);color:var(--color-gray-600)}.anonymous-tag{background:var(--color-warning);color:var(--color-gray-800);font-weight:var(--weight-medium)}.anonymous-tag,.notification-unread-indicator{border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.5px;padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.notification-unread-indicator{background:var(--color-primary);color:#fff;font-weight:var(--weight-semibold)}.badge-group{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-xs)}.badge-group--stack{align-items:flex-start;flex-direction:column}.badge--dot{padding-left:calc(var(--space-sm) + 10px);position:relative}.badge--dot:before{background:currentColor;border-radius:var(--radius-full);content:"";height:6px;left:var(--space-sm);position:absolute;top:50%;transform:translateY(-50%);width:6px}.badge--gradient{background:var(--gradient-primary);border:none;color:#fff}.badge--gradient-success{background:linear-gradient(45deg,var(--color-success),var(--color-success-light));color:#fff}.badge--gradient-warning{background:linear-gradient(45deg,var(--color-warning),#ffeb3b);color:var(--color-gray-800)}.badge--gradient-danger{background:linear-gradient(45deg,var(--color-danger),#e57373);color:#fff}.badge--glass{-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff}.badge--pulse{animation:badgePulse 2s infinite}@keyframes badgePulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.badge--bounce{animation:badgeBounce 1s infinite}@keyframes badgeBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-2px)}}@media (max-width:768px){.badge{font-size:10px;padding:2px var(--space-xs)}.badge--sm{font-size:9px}.badge--md{font-size:11px;padding:var(--space-xs) var(--space-sm)}.badge--lg{font-size:var(--text-xs);padding:var(--space-sm) var(--space-md)}.badge--notification{font-size:10px;height:16px;min-width:16px}}.badge--clickable:focus,.badge:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast:high){.badge{border-width:1px}.badge--soft{border-width:2px}}@media print{.badge{background:none!important;border:1px solid #000!important;color:#000!important;font-size:10pt}.badge--notification{display:none!important}}.modal{align-items:center;display:flex;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:all var(--transition-base);visibility:hidden;width:100vw;z-index:var(--z-modal)}.modal.show{opacity:1;visibility:visible}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);height:100%;left:0;position:absolute;top:0;transition:all var(--transition-base);width:100%;z-index:-1}.modal-backdrop--light{background:#fffc}.modal-backdrop--dark{background:#000000e6}.modal-content{transform:scale(.9);transition:transform var(--transition-base)}.modal.show .modal-content{transform:scale(1)}.modal--sm .modal-content{max-width:400px}.modal--md .modal-content{max-width:600px}.modal--lg .modal-content{max-width:900px}.modal--xl .modal-content{max-width:1200px}.modal--fullscreen .modal-content{border-radius:0;margin:0;max-height:100vh;max-width:100vw}.modal-header{align-items:center;background:var(--color-gray-50);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-lg) var(--space-xl)}.modal-title{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--weight-semibold);margin:0}.modal-close{background:none;border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-2xl);height:40px;padding:var(--space-sm);transition:all var(--transition-base);width:40px}.modal-close:hover{background:var(--color-gray-200);color:var(--color-text-primary)}.modal-close:focus{outline:2px solid var(--color-primary);outline-offset:2px}.modal-body{max-height:calc(90vh - 140px);overflow-y:auto;padding:var(--space-xl)}.modal-body--no-padding{padding:0}.modal-body--sm{padding:var(--space-lg)}.modal-body--lg{padding:var(--space-2xl)}.modal-footer{align-items:center;background:var(--color-gray-50);border-top:1px solid var(--border-color);display:flex;gap:var(--space-md);justify-content:flex-end;padding:var(--space-lg) var(--space-xl)}.modal-footer--center{justify-content:center}.modal-footer--between{justify-content:space-between}.modal-footer--start{justify-content:flex-start}.modal--confirm .modal-content{max-width:500px}.modal--confirm .modal-body{padding:var(--space-2xl);text-align:center}.modal--confirm .modal-icon{font-size:var(--text-5xl);margin-bottom:var(--space-lg)}.modal--confirm .modal-icon--warning{color:var(--color-warning)}.modal--confirm .modal-icon--danger{color:var(--color-danger)}.modal--confirm .modal-icon--success{color:var(--color-success)}.modal--confirm .modal-icon--info{color:var(--color-info)}.modal--alert .modal-content{max-width:400px}.modal--alert .modal-header{background:var(--color-danger);color:#fff}.modal--alert .modal-close{color:#fff}.modal--alert .modal-close:hover{background:#fff3}.modal--success .modal-header{background:var(--color-success);color:#fff}.modal--success .modal-close{color:#fff}.modal--success .modal-close:hover{background:#fff3}.image-modal .modal-content{background:#0000;box-shadow:none;max-height:95vh;max-width:95vw}.image-modal .modal-image{border-radius:var(--radius-lg);height:auto;max-height:95vh;object-fit:contain;width:100%}.image-modal .modal-close{background:#000000b3;border-radius:var(--radius-full);color:#fff;position:absolute;right:var(--space-md);top:var(--space-md);z-index:1}.image-modal .modal-close:hover{background:#000000e6}.modal--drawer{align-items:stretch;justify-content:flex-start}.modal--drawer .modal-content{border-radius:0;height:100vh;max-width:80vw;transform:translateX(-100%);width:400px}.modal--drawer.show .modal-content{transform:translateX(0)}.modal--drawer-right{justify-content:flex-end}.modal--drawer-right .modal-content{transform:translateX(100%)}.modal--drawer-right.show .modal-content{transform:translateX(0)}.modal--bottom-sheet{align-items:flex-end;justify-content:center}.modal--bottom-sheet .modal-content{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:none;transform:translateY(100%);width:100%}.modal--bottom-sheet.show .modal-content{transform:translateY(0)}.modal--loading .modal-content{background:#0000;box-shadow:none;max-width:200px;text-align:center}.modal--loading .modal-spinner{animation:spin 1s linear infinite;border:4px solid var(--color-gray-200);border-radius:var(--radius-full);border-top-color:var(--color-primary);height:50px;margin:0 auto var(--space-lg);width:50px}.modal--loading .modal-text{color:#fff;font-weight:var(--weight-medium)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes modalSlideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal--fade-in .modal-content{animation:modalFadeIn .3s ease-out}.modal--slide-down .modal-content{animation:modalSlideDown .3s ease-out}.modal--slide-up .modal-content{animation:modalSlideUp .3s ease-out}.overlay{background:#00000080;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:all var(--transition-base);visibility:hidden;width:100vw;z-index:var(--z-modal-backdrop)}.overlay.show{opacity:1;visibility:visible}.tooltip{display:inline-block}.tooltip-content{background:var(--color-gray-800);border-radius:var(--radius-md);color:#fff;font-size:var(--text-sm);opacity:0;padding:var(--space-sm) var(--space-md);pointer-events:none;position:absolute;transition:all var(--transition-base);visibility:hidden;white-space:nowrap;z-index:var(--z-tooltip)}.tooltip:focus .tooltip-content,.tooltip:hover .tooltip-content{opacity:1;visibility:visible}.tooltip--top .tooltip-content{bottom:100%;left:50%;transform:translateX(-50%) translateY(-8px)}.tooltip--bottom .tooltip-content{left:50%;top:100%;transform:translateX(-50%) translateY(8px)}.tooltip--left .tooltip-content{right:100%;top:50%;transform:translateY(-50%) translateX(-8px)}.tooltip--right .tooltip-content{left:100%;top:50%;transform:translateY(-50%) translateX(8px)}.tooltip-content:before{border:4px solid #0000;content:"";position:absolute}.tooltip--top .tooltip-content:before{border-top-color:var(--color-gray-800);left:50%;top:100%;transform:translateX(-50%)}.tooltip--bottom .tooltip-content:before{border-bottom-color:var(--color-gray-800);bottom:100%;left:50%;transform:translateX(-50%)}.tooltip--left .tooltip-content:before{border-left-color:var(--color-gray-800);left:100%;top:50%;transform:translateY(-50%)}.tooltip--right .tooltip-content:before{border-right-color:var(--color-gray-800);right:100%;top:50%;transform:translateY(-50%)}.popover{display:inline-block;position:relative}.popover-content{background:var(--color-bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:200px;opacity:0;padding:var(--space-lg);position:absolute;transform:scale(.9);transition:all var(--transition-base);visibility:hidden;z-index:var(--z-popover)}.popover.show .popover-content{opacity:1;transform:scale(1);visibility:visible}.popover-header{border-bottom:1px solid var(--border-color);font-weight:var(--weight-semibold);margin-bottom:var(--space-sm);padding-bottom:var(--space-sm)}.popover-body{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal)}.dropdown{display:inline-block;position:relative}.dropdown-content{background:var(--color-bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:160px;opacity:0;position:absolute;transform:translateY(-8px);transition:all var(--transition-base);visibility:hidden;z-index:var(--z-dropdown)}.dropdown.show .dropdown-content{opacity:1;transform:translateY(0);visibility:visible}.dropdown-item{color:var(--color-text-secondary);cursor:pointer;display:block;padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all var(--transition-base)}.dropdown-item:hover{background:var(--color-gray-50);color:var(--color-text-primary);text-decoration:none}.dropdown-item:focus{background:var(--color-primary);color:#fff;outline:none}.dropdown-divider{background:var(--border-color);height:1px;margin:var(--space-xs) 0}@media (max-width:768px){.modal-content{margin:var(--space-md);max-width:95vw}.modal-body,.modal-footer,.modal-header{padding:var(--space-md)}.modal-body{max-height:calc(90vh - 120px)}.modal--drawer .modal-content{width:90vw}.tooltip-content{font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm)}.popover-content{max-width:90vw;min-width:250px}}@media (max-width:480px){.modal--fullscreen .modal-content,.modal-content{border-radius:0;margin:0;max-height:100vh;max-width:100vw}.modal-footer{flex-direction:column;gap:var(--space-sm)}.modal-footer .btn{width:100%}}.modal[aria-hidden=true]{display:none}.modal-content [tabindex="-1"]:focus,.modal-content:focus{outline:none}@media print{.dropdown-content,.modal,.overlay,.popover-content,.tooltip-content{display:none!important}}@media (prefers-reduced-motion:reduce){.dropdown-content,.modal,.modal-content,.popover-content,.tooltip-content{animation:none!important;transition:none!important}.modal.show .modal-content{transform:none!important}}.header{align-items:center;background:var(--gradient-glass);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;min-height:120px;overflow:hidden;padding:var(--space-xl) var(--space-2xl);position:relative;top:0;width:100%;z-index:var(--z-sticky)}.header-title{color:#fc8eac;cursor:default;font-family:var(--font-heading);font-size:var(--text-5xl);letter-spacing:1px;margin:0;position:relative;text-align:center;text-shadow:2px 2px 4px #0000004d;transition:all var(--transition-base);z-index:2}.header-title:hover{text-shadow:2px 2px 8px #0006;transform:scale(1.02)}.header-links{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;margin-top:var(--space-lg);position:relative;z-index:1}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#667eeae6,#764ba2e6)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.notification-container{display:inline-block;position:relative}.notification-badge{align-items:center;animation:pulse 2s infinite;background:var(--color-danger);border:2px solid #fff;border-radius:var(--radius-full);color:#fff;display:flex;font-size:var(--text-xs);font-weight:var(--weight-bold);height:20px;justify-content:center;position:absolute;right:-5px;top:-5px;width:20px}@media (max-width:1024px){.header{padding:var(--space-md) var(--space-lg)}.header-title{font-size:var(--text-4xl)}}@media (max-width:768px){.header{padding:var(--space-md) var(--space-sm)}.header-title{font-size:var(--text-3xl);line-height:var(--leading-tight)}.header-search{margin:var(--space-md) 0 var(--space-sm) 0;max-width:100%}.header-search input{font-size:var(--text-sm);padding:var(--space-sm) var(--space-md)}.header-search button{font-size:var(--text-sm);padding:var(--space-sm) var(--space-lg)}.header-links{gap:var(--space-sm);margin-top:var(--space-sm)}.notification-badge{font-size:11px;height:18px;width:18px}}@media (max-width:480px){.header{padding:var(--space-sm)}.header-title{font-size:var(--text-2xl);letter-spacing:.5px}.header-links{flex-wrap:wrap;gap:var(--space-xs);justify-content:center}}@media (max-width:360px){.header-title{font-size:var(--text-xl)}}.header-links a,.header-links button{align-items:center;background:#ffffffe6;border:2px solid #ffffff4d;border-radius:var(--radius-full);box-shadow:0 2px 8px #0000001a;color:var(--color-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);justify-content:center;padding:var(--space-sm) var(--space-lg);text-decoration:none;transition:all var(--transition-base);white-space:nowrap}.header-links a:hover,.header-links button:hover{background:#fff;border-color:#ffffff80;box-shadow:0 4px 12px #00000026;color:var(--color-primary-dark);text-decoration:none;transform:translateY(-2px)}.header-links button{background:#dc3545e6;border-color:#dc35454d;color:#fff}.header-links button:hover{background:var(--color-danger);color:#fff}.header-menu-icon{display:none}@media (min-width:1025px){.header-menu-icon{animation:slideDown .5s ease-out;border-radius:var(--radius-full);cursor:pointer;display:block;height:90px;left:80px;opacity:.6;position:fixed;top:50%;transform:translateY(-50%);transition:all var(--transition-base);width:80px;z-index:calc(var(--z-sticky) + 1)}.header-menu-icon:hover{opacity:1;transform:translateY(-50%) scale(1.4)}}@media (max-width:768px){.header{overflow-x:hidden!important;overflow-y:visible;position:relative}.moving-fish{max-width:65px;position:absolute}.swim-left{animation-duration:40s}.logo-fish{max-width:80px}.header{min-height:120px;overflow:hidden;position:relative}.moving-fish{max-width:65px!important;position:absolute;z-index:0}.logo-fish{max-width:80px!important}.header-links{gap:var(--space-xs);position:relative;z-index:2}.header-links a,.header-links button{min-width:auto;padding:var(--space-sm) var(--space-md)}.header-links .show-mobile{font-size:18px}.notification-btn{background:#0000;border:none;font-size:20px;padding:var(--space-sm)}}@media (max-width:480px){.moving-fish{max-width:40px!important;position:absolute;top:45%}.logo-fish{max-width:60px!important}}.moving-fish{pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;will-change:transform}.swim-left{animation-iteration-count:infinite;animation-name:swimLeft;animation-timing-function:linear}@keyframes swimLeftLogo{0%{transform:translateX(0)}to{transform:translateX(-120vw)}}@keyframes swimLeft{0%{transform:translateX(0)}to{transform:translateX(-120vw)}}.logo-fish{filter:drop-shadow(0 8px 18px rgba(0,0,0,.35));opacity:1;z-index:2}.bubbles{height:100%;left:0;overflow:hidden;pointer-events:none;top:0;width:100%;z-index:1}.bubble,.bubbles{position:absolute}.bubble{animation:rise linear infinite;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(circle at 30% 30%,#ffffff4d,#ffffff0d);border-radius:50%;bottom:-100px;box-shadow:inset -5px -5px 15px #ffffff4d,0 0 20px #ffffff1a;opacity:0}@keyframes rise{0%{bottom:-100px;opacity:0;transform:translateX(0) scale(.8)}10%{opacity:.6}25%{transform:translateX(-15px) scale(.9)}50%{transform:translateX(15px) scale(1)}75%{opacity:.5;transform:translateX(-10px) scale(.85)}90%{opacity:.3}to{bottom:110%;opacity:0;transform:translateX(5px) scale(.6)}}@media (max-width:768px){.bubble{max-height:40px!important;max-width:40px!important}}@media (max-width:480px){.bubble:nth-child(n+6){display:none}}.flamingo-icon{background:#fff;border:2px solid var(--color-primary);border-radius:50%;box-shadow:var(--shadow-lg);cursor:pointer;height:50px!important;left:var(--space-md);object-fit:cover;padding:5px;position:fixed;top:var(--space-md);transition:transform var(--transition-base);width:50px!important;z-index:calc(var(--z-fixed) + 1)}.flamingo-icon:hover{box-shadow:var(--shadow-xl);transform:scale(1.15)}.sidebar-overlay{background:#00000080;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:all var(--transition-base);visibility:hidden;width:100vw;z-index:calc(var(--z-modal-backdrop) - 10)}.sidebar-overlay.visible{opacity:1;visibility:visible}.sidebar{background:var(--gradient-primary);box-shadow:var(--shadow-xl);color:#fff;overflow-y:auto;padding:var(--space-lg) 0;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin;transition:transform var(--transition-base);z-index:var(--z-fixed)}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:var(--radius-sm)}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff80}.sidebar-search{border-bottom:1px solid #fff3;display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:0 var(--space-lg) var(--space-lg) var(--space-lg)}.sidebar-search input{background:#ffffffe6;border:none;border-radius:var(--radius-full);box-sizing:border-box;color:var(--color-text-primary);font-size:var(--text-sm);outline:none;padding:var(--space-md);transition:all var(--transition-base);width:100%}.sidebar-search input::placeholder{color:var(--color-text-muted)}.sidebar-search input:focus{background:#fff;box-shadow:0 0 0 3px #ffffff4d}.sidebar-search button{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-sm);transition:all var(--transition-base);width:100%}.sidebar-search button:hover{background:#ffffff4d;transform:translateY(-1px)}.sidebar-section{margin-bottom:var(--space-xl);padding:0 var(--space-xl)}.sidebar-section h3{color:#fffc;font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:1px;margin-bottom:var(--space-md);text-transform:uppercase}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar li{border-bottom:1px solid #ffffff1a;margin:0}.sidebar li:last-child{border-bottom:none}.sidebar a{border:1px solid #0000;color:#fff;display:block;font-size:var(--text-base);font-weight:var(--weight-medium);padding:var(--space-lg) var(--space-2xl);position:relative;text-decoration:none;transition:all var(--transition-base)}.sidebar a:focus,.sidebar a:hover{background:#ffffff1a;border-color:#fff3;color:#fff;padding-left:calc(var(--space-2xl) + var(--space-sm));text-decoration:none}.external-link{position:relative}.external-link:after{content:" ↗";font-size:.8em;opacity:.7;transition:opacity var(--transition-base)}.external-link:hover:after{opacity:1}@media (min-width:1025px){.flamingo-icon,.sidebar-overlay{display:none}.sidebar{animation:slideDown 1s ease-out;height:calc(100vh - 189px);height:calc(100vh - var(--header-height));left:0;padding-top:var(--space-lg);position:fixed;top:189px;top:var(--header-height);transform:translateX(0);width:250px}.admin-container,.admin-page,.friends-container,.home-page,.main-content,.news-page,.notifications-container,.page-container,.profile-container,.profile-page,.profilepage-container,.reports-page{margin-left:270px;margin-right:var(--space-lg);transition:margin-left var(--transition-base)}}@media (min-width:769px) and (max-width:1024px){.flamingo-icon{height:40px;left:var(--space-md);top:var(--space-md);width:40px}.sidebar{animation:none!important;height:100vh;left:0;padding-top:calc(var(--space-4xl) + var(--space-lg));position:fixed;top:0;transform:translateX(-100%);width:280px}.sidebar:not(.open){transform:translateX(-100%);visibility:hidden}.sidebar.open{transform:translateX(0)}.sidebar.closed{transform:translateX(-100%)}.sidebar-search{padding:0 var(--space-md) var(--space-md) var(--space-md)}.sidebar a{font-size:var(--text-sm);padding:var(--space-md) var(--space-lg)}.sidebar a:hover{padding-left:calc(var(--space-lg) + var(--space-sm))}.admin-container,.admin-page,.friends-container,.home-page,.main-content,.news-page,.notifications-container,.page-container,.profile-container,.profile-page,.profilepage-container,.reports-page{margin-left:0}}@media (max-width:768px){.flamingo-icon{height:40px;left:var(--space-md);top:var(--space-md);width:40px}.sidebar{height:100vh;left:0;max-width:320px;padding-top:calc(var(--space-4xl) + var(--space-lg));position:fixed;top:0;transform:translateX(-100%);width:80vw}.sidebar.open{transform:translateX(0)}.sidebar.closed{transform:translateX(-100%)}.sidebar-search{padding:0 var(--space-md) var(--space-md) var(--space-md)}.sidebar a{font-size:var(--text-sm);padding:var(--space-md) var(--space-lg)}.sidebar a:hover{padding-left:calc(var(--space-lg) + var(--space-sm))}.main-content{margin-left:0}}@media (max-width:480px){.flamingo-icon{height:45px!important;left:var(--space-sm);top:var(--space-sm);width:45px!important}.sidebar{padding-top:var(--space-4xl);width:100vw}.sidebar-search button,.sidebar-search input{font-size:var(--text-xs);padding:var(--space-sm)}.sidebar a{font-size:var(--text-sm);padding:var(--space-sm) var(--space-md)}.sidebar a:hover{padding-left:calc(var(--space-md) + var(--space-sm))}}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#667eeae6,#764ba2e6)}}.sidebar a:focus,.sidebar-search button:focus,.sidebar-search input:focus{outline:2px solid #fffc;outline-offset:2px}@media print{.flamingo-icon,.sidebar,.sidebar-overlay{display:none!important}.main-content{margin-left:0!important}}:root{--header-height:189px}body.logged-in{--header-height:192px}.sidebar .page-wrapper{max-width:none!important}.sidebar .page-wrapper,.sidebar .search-users-container{margin:0!important;padding:0!important}.sidebar .search-form{width:100%}.sidebar .search-input-container{display:flex!important;gap:8px;width:100%}.sidebar .search-input{background:#ffffffe6;border:none;border-radius:20px;flex:1 1;min-width:0;padding:10px 15px}.sidebar .search-button{background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;flex:0 0 auto;min-width:44px;padding:10px;width:44px}@media (max-width:768px){.sidebar .search-input-container{display:flex!important;gap:6px}.sidebar .search-input{flex:1 1 auto;min-width:0;width:calc(100% - 50px)}.sidebar .search-button{flex:0 0 44px;max-width:44px;width:44px}}.home-page{box-sizing:border-box;max-width:900px;padding:0 var(--space-lg);width:100%}@media (min-width:1025px){.home-page{margin-left:auto;margin-right:auto}}.hero{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:var(--radius-2xl);box-sizing:border-box;display:flex;justify-content:space-between;margin:var(--space-lg) 0;max-width:100%;overflow:hidden;padding:var(--space-4xl) var(--space-2xl);position:relative}.hero-content{flex:1 1;padding:0 var(--space-3xl)}.hero-title{color:#1565c0;font-size:var(--text-5xl);font-weight:var(--weight-bold);margin-bottom:var(--space-sm);text-shadow:2px 2px 4px #0000001a}.hero-subtitle{color:var(--color-gray-700);font-size:var(--text-xl);font-style:italic}.hero-stats,.hero-subtitle{margin-bottom:var(--space-2xl)}.hero-stats{display:flex;gap:var(--space-2xl)}.stat{text-align:center}.stat-number{align-items:center;color:#1565c0;display:block;display:flex;font-size:var(--text-3xl);font-weight:var(--weight-bold);justify-content:center;min-height:2.5rem}.stat-label{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:1px;text-transform:uppercase}.hero-fish{flex:0 0 auto;padding:0 var(--space-3xl)}.fish-ascii{color:#1565c0;font-family:var(--font-mono);font-size:var(--text-lg);line-height:var(--leading-tight);transform:scale(1.2)}.welcome{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);box-sizing:border-box;margin:var(--space-3xl) 0;max-width:100%;padding:var(--space-4xl) var(--space-2xl);text-align:center}.welcome h2{color:var(--color-text-primary);font-size:var(--text-4xl);margin-bottom:var(--space-2xl)}.welcome p{color:var(--color-text-secondary);font-size:var(--text-lg);line-height:var(--leading-relaxed);margin:0 auto var(--space-lg);max-width:800px}.quick-actions{box-sizing:border-box;max-width:100%;padding:var(--space-4xl) var(--space-2xl);text-align:center}.quick-actions h2{color:var(--color-text-primary);font-size:var(--text-3xl);margin-bottom:var(--space-3xl)}.action-grid{grid-gap:var(--space-2xl);display:grid;gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:var(--space-3xl)}.dynamic-stats h2{color:var(--color-text-primary);font-size:var(--text-3xl);margin-bottom:var(--space-3xl);text-align:center}.stats-grid{grid-gap:var(--space-2xl);display:grid;gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1000px;padding:0 var(--space-lg)}.dynamic-stats{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);box-sizing:border-box;margin:var(--space-3xl) 0;max-width:100%;padding:var(--space-4xl) var(--space-2xl)}.recent-catches h2{color:var(--color-text-primary);font-size:var(--text-3xl);margin-bottom:var(--space-3xl);text-align:center}.catches-list{-webkit-overflow-scrolling:touch;display:flex;gap:var(--space-lg);overflow-x:auto;padding:var(--space-xl) var(--space-lg);scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-color:var(--color-primary) var(--color-gray-100);scrollbar-width:thin}.catches-list::-webkit-scrollbar{height:8px}.catches-list::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-full)}.catches-list::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-full)}.catches-list::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}.catch-item{background:#fff;border-left:4px solid var(--color-success);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-xs);max-width:200px;min-width:200px;padding:var(--space-lg);scroll-snap-align:center;transition:all var(--transition-base)}.catch-item:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px) scale(1.02)}.catch-weight{margin:var(--space-xs) 0}.catch-angler{color:var(--color-text-muted);font-size:var(--text-xs);font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catch-date{border-top:1px solid var(--color-gray-100);color:var(--color-text-light);font-size:var(--text-xs);padding-top:var(--space-xs)}.no-data{font-size:var(--text-lg);padding:var(--space-3xl);width:100%}.no-data,.recent-catches:after{color:var(--color-text-muted);font-style:italic;text-align:center}.recent-catches:after{content:"← Scrolla för att se fler fångster";display:block;font-size:var(--text-sm);margin-top:var(--space-md)}@media (max-width:768px){.recent-catches{margin:var(--space-lg) 0;padding:var(--space-xl) 0}.catches-list{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;flex-direction:row;gap:var(--space-md);overflow-x:auto;padding:var(--space-md) var(--space-lg);scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.catches-list::-webkit-scrollbar{display:none}.catch-item{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);flex:0 0 250px;min-width:250px;padding:var(--space-lg);scroll-snap-align:center;text-align:center}.catch-fish{font-size:var(--text-3xl);margin-bottom:var(--space-sm)}.catch-weight{color:var(--color-primary);font-size:var(--text-xl);font-weight:var(--weight-bold)}.catch-angler,.catch-weight{margin-bottom:var(--space-xs)}.catch-angler{color:var(--color-text-secondary);font-size:var(--text-sm)}.catch-date{color:var(--color-text-muted);font-size:var(--text-xs)}.catches-list:after{color:var(--color-primary);content:"→";font-size:var(--text-2xl);opacity:.6;pointer-events:none;position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%)}}@media (max-width:480px){.catch-item{flex:0 0 200px;min-width:200px}}.fun-facts{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-radius:var(--radius-2xl);box-sizing:border-box;margin:var(--space-3xl) 0;max-width:100%;padding:var(--space-4xl) var(--space-2xl)}.fun-facts h2{color:var(--color-text-primary);font-size:var(--text-3xl);margin-bottom:var(--space-3xl);text-align:center}.facts-grid{grid-gap:var(--space-2xl);display:grid;gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.fact{align-items:flex-start;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-md);padding:var(--space-lg)}.fact-icon{flex-shrink:0;font-size:var(--text-3xl)}.fact p{color:var(--color-text-secondary);line-height:var(--leading-normal);margin:0}.home-page.mobile{max-width:100vw;overflow-x:hidden;padding:0 var(--space-sm)}.mobile-hero{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:var(--radius-xl);margin:var(--space-sm) 0;padding:var(--space-lg) var(--space-md);text-align:center}.mobile-hero .hero-title{color:#1565c0;font-size:var(--text-3xl);margin-bottom:var(--space-sm)}.mobile-hero .hero-subtitle{color:var(--color-gray-700);font-size:var(--text-base);margin-bottom:var(--space-lg)}.mobile-stats{display:flex;gap:var(--space-sm);justify-content:space-around;margin:var(--space-lg) 0}.mobile-stat{background:#fffc;border-radius:var(--radius-md);flex:1 1;max-width:80px;padding:var(--space-sm);text-align:center}.mobile-stat .number{color:#1565c0;display:block;font-size:var(--text-xl);font-weight:var(--weight-bold)}.mobile-highlights{margin:var(--space-lg) 0;padding:var(--space-xl) var(--space-md)}.mobile-highlights h2{color:var(--color-text-primary);font-size:var(--text-2xl);margin-bottom:var(--space-lg);text-align:center}.highlight-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:1fr}.highlight-number{color:var(--color-primary);font-size:var(--text-3xl);font-weight:var(--weight-bold)}.highlight-detail{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-top:var(--space-xs)}.highlight-angler{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-xs)}.mobile-recent{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-card);margin:var(--space-lg) 0;padding:var(--space-xl) var(--space-md)}.mobile-recent h2{color:var(--color-text-primary);font-size:var(--text-2xl);margin-bottom:var(--space-lg);text-align:center}.mobile-catches{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:1fr}.mobile-catch{background:var(--color-bg-secondary);border-left:4px solid var(--color-success);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-md);transition:all var(--transition-base)}.mobile-catch:hover{box-shadow:var(--shadow-md);transform:translateX(4px)}.catch-main{align-items:center;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;margin-bottom:var(--space-sm);padding-bottom:var(--space-sm)}.catch-fish{color:var(--color-text-primary);flex:1 1;font-size:var(--text-lg);overflow:hidden;text-overflow:ellipsis}.catch-fish,.catch-weight{font-weight:var(--weight-bold);white-space:nowrap}.catch-weight{background:#4caf501a;border-radius:var(--radius-full);color:var(--color-success);font-size:var(--text-xl);padding:4px 12px}.catch-meta{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--text-sm);gap:var(--space-sm);justify-content:space-between}.catch-meta span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catch-meta span:first-child{color:var(--color-text-secondary);font-weight:var(--weight-medium)}.catch-meta span:last-child{color:var(--color-text-light);font-size:var(--text-xs);text-align:right}.mobile-actions{margin:var(--space-lg) 0;padding:var(--space-xl) var(--space-md)}.mobile-actions h2{color:var(--color-text-primary);font-size:var(--text-2xl);margin-bottom:var(--space-lg);text-align:center}.mobile-action-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.mobile-action{align-items:center;background:#fff;border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:var(--color-text-primary);display:flex;flex-direction:column;gap:var(--space-sm);justify-content:center;min-height:100px;padding:var(--space-xl) var(--space-md);text-decoration:none;transition:all var(--transition-base)}.mobile-action:active,.mobile-action:hover{background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border-color:var(--color-primary);box-shadow:var(--shadow-lg);text-decoration:none;transform:translateY(-4px)}.action-icon{display:block;font-size:32px;margin-bottom:var(--space-xs)}.mobile-action span:last-child{color:var(--color-text-primary);display:block;font-size:var(--text-base);font-weight:var(--weight-semibold);text-align:center}@media (max-width:380px){.mobile-actions,.mobile-recent{padding:var(--space-lg) var(--space-sm)}.mobile-actions h2,.mobile-recent h2{font-size:var(--text-xl)}.catch-fish{font-size:var(--text-base)}.catch-weight{font-size:var(--text-lg)}.mobile-action{min-height:90px;padding:var(--space-lg) var(--space-sm)}.action-icon{font-size:28px}.mobile-action span:last-child{font-size:var(--text-sm)}}@media (prefers-color-scheme:dark){.mobile-actions,.mobile-recent{background:var(--color-gray-800)}.mobile-catch{background:var(--color-gray-700)}.mobile-action{background:var(--color-gray-800);border-color:var(--color-gray-600)}.mobile-action:hover{background:var(--color-gray-700)}}@media (max-width:768px){.home-page.mobile{display:block}.home-page.desktop{display:none}}@media (min-width:769px){.home-page.mobile{display:none}.home-page.desktop{display:block}}.mobile-stat .label{color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase}@media (max-width:768px){.home-page{padding:0 var(--space-sm)}.hero{flex-direction:column;margin:var(--space-sm) 0;padding:var(--space-2xl) var(--space-md);text-align:center}.hero-content{padding:0 var(--space-sm)}.hero-title{font-size:var(--text-3xl)}.hero-subtitle{font-size:var(--text-base)}.hero-stats{flex-wrap:wrap;gap:var(--space-md);justify-content:center;margin:var(--space-lg) 0}.hero-fish{padding:var(--space-md) 0 0 0}.fish-ascii{font-size:var(--text-base);transform:scale(.8)}.stats-grid{gap:var(--space-lg);grid-template-columns:1fr;padding:0 var(--space-sm)}.action-grid,.catches-list{gap:var(--space-md);grid-template-columns:1fr;padding:0 var(--space-sm)}.welcome{margin:var(--space-lg) 0;padding:var(--space-2xl) var(--space-md)}.dynamic-stats,.recent-catches{margin:var(--space-lg) 0;padding:var(--space-2xl) 0}}@media (max-width:480px){.hero-title{font-size:var(--text-2xl)}.hero-subtitle{font-size:var(--text-sm)}.hero-stats{flex-direction:column;gap:var(--space-sm)}.stat{align-items:center;background:#ffffff1a;border-radius:var(--radius-md);display:flex;justify-content:space-between;max-width:200px;padding:var(--space-sm) var(--space-md);width:100%}.stat-number{font-size:var(--text-xl)}.dynamic-stats h2,.quick-actions h2,.recent-catches h2,.welcome h2{font-size:var(--text-2xl)}}.news-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:space-between;margin-bottom:var(--space-3xl)}.news-header h1{color:var(--color-text-primary);font-size:var(--text-4xl);font-weight:var(--weight-semibold);margin:0}.news-editor{background:var(--color-bg-primary);border-left:5px solid var(--color-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);margin-bottom:var(--space-3xl);padding:var(--space-2xl)}.news-editor h2{color:var(--color-text-primary);font-size:var(--text-2xl);font-weight:var(--weight-semibold);margin-bottom:var(--space-xl)}.news-form{display:flex;flex-direction:column;gap:var(--space-lg)}.news-title-input{border:2px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;font-size:var(--text-lg);font-weight:var(--weight-semibold);padding:var(--space-md);transition:border-color var(--transition-base);width:100%}.news-title-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1);outline:none}.news-content-input{border:2px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;font-family:inherit;font-size:var(--text-base);line-height:var(--leading-normal);min-height:200px;padding:var(--space-md);resize:vertical;transition:border-color var(--transition-base);width:100%}.news-content-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1);outline:none}.image-upload-section{border:2px dashed var(--border-color-dark);border-radius:var(--radius-md);margin:var(--space-xl) 0;padding:var(--space-lg);text-align:center;transition:border-color var(--transition-base)}.image-upload-section:hover{border-color:var(--color-primary)}.image-preview{display:inline-block;margin-top:var(--space-md);position:relative}.image-preview img{border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:200px;max-width:300px}.remove-image-btn{align-items:center;background:var(--color-danger);border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;font-size:var(--text-lg);font-weight:var(--weight-bold);height:30px;justify-content:center;position:absolute;right:-10px;top:-10px;width:30px}.remove-image-btn:hover{background:var(--color-danger-dark)}.checkbox-label{align-items:center;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--text-base);font-weight:var(--weight-medium);gap:var(--space-sm);margin:var(--space-lg) 0}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.news-list{grid-gap:var(--space-2xl);display:grid;gap:var(--space-2xl);margin-top:var(--space-2xl)}.news-article{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);cursor:pointer;overflow:hidden;transition:all var(--transition-base)}.news-article:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-5px)}.article-image{height:250px;overflow:hidden;position:relative;width:100%}.news-image{cursor:pointer;height:100%;object-fit:cover;transition:transform var(--transition-base);width:100%}.news-image:hover{transform:scale(1.05)}.news-image.top{object-position:top}.news-image.center{object-position:center}.news-image.bottom{object-position:bottom}.article-header{padding:var(--space-xl) var(--space-xl) var(--space-md) var(--space-xl)}.article-title{color:var(--color-text-primary);cursor:pointer;font-size:var(--text-2xl);font-weight:var(--weight-bold);margin:0 0 var(--space-lg) 0;transition:color var(--transition-base)}.article-title:hover{color:var(--color-primary)}.article-meta{align-items:center;color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:var(--space-lg)}.article-meta .author{color:var(--color-primary);font-weight:var(--weight-semibold)}.article-meta .date{color:var(--color-text-light)}.article-content{color:var(--color-text-secondary);line-height:var(--leading-normal);padding:0 var(--space-xl) var(--space-xl) var(--space-xl)}.article-content p{margin:0 0 var(--space-lg) 0}.collapse-btn,.expand-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:var(--space-sm) 0;transition:color var(--transition-base)}.collapse-btn:hover,.expand-btn:hover{color:var(--color-primary-dark);text-decoration:underline}.article-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--space-lg);margin-top:var(--space-lg);padding:0 var(--space-xl) var(--space-xl) var(--space-xl);padding-top:var(--space-lg)}.image-modal{align-items:center;animation:fadeIn var(--transition-base) ease;background:#000000e6;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:var(--z-modal)}.modal-content{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:90vw;overflow:hidden}.modal-image{height:auto}.close-modal{align-items:center;background:var(--color-bg-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:var(--color-text-muted);cursor:pointer;display:flex;font-size:var(--text-2xl);font-weight:var(--weight-bold);height:40px;justify-content:center;position:absolute;right:var(--space-lg);top:var(--space-md);transition:all var(--transition-base);width:40px}.close-modal:hover{color:var(--color-text-primary);transform:scale(1.1)}.upload-button{align-items:center;background:linear-gradient(135deg,#6c63ff,#3f3d9d);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--text-base);font-weight:var(--weight-medium);gap:var(--space-sm);justify-content:center;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.upload-button:hover{background:linear-gradient(135deg,#7d75ff,#4b48b8);transform:translateY(-2px)}.upload-button:active{transform:translateY(0)}.upload-button.disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.youtube-link{border-bottom:1px solid #0000;color:red;font-weight:var(--weight-semibold);text-decoration:none;transition:all var(--transition-base)}.youtube-link:hover{border-bottom-color:red;color:#c00}.youtube-link:before{content:"📺 ";font-size:.9em}.no-news{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:var(--color-text-muted);font-size:var(--text-lg);padding:var(--space-4xl) var(--space-lg);text-align:center}@media (max-width:768px){.news-page{padding:var(--space-md)}.news-header{flex-direction:column;gap:var(--space-lg);text-align:center}.news-header h1{font-size:var(--text-3xl)}.news-editor{padding:var(--space-xl)}.article-header{padding:var(--space-lg) var(--space-lg) var(--space-md) var(--space-lg)}.article-title{font-size:var(--text-xl)}.article-actions,.article-content{padding:0 var(--space-lg) var(--space-lg) var(--space-lg)}.article-actions{flex-direction:column}.article-image{height:200px}.image-preview img{max-height:150px;max-width:250px}}@media (max-width:480px){.news-header h1{font-size:var(--text-2xl)}.article-title{font-size:var(--text-lg)}.article-meta{font-size:var(--text-xs)}.article-image{height:150px}.image-preview img{max-height:120px;max-width:200px}}.admin-container,.admin-page{background:var(--color-bg-secondary);box-sizing:border-box;max-width:1400px;min-height:100vh;padding:var(--space-lg);width:100%}@media (min-width:1025px){.admin-container,.admin-page{margin-left:270px;margin-right:auto;width:calc(100% - 270px)}}.admin-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:space-between;margin-bottom:var(--space-2xl)}.admin-header h1{color:var(--color-text-primary);font-size:var(--text-4xl);font-weight:var(--weight-semibold);margin:0}.admin-section{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);margin-bottom:var(--space-xl);padding:var(--space-xl)}.admin-section h2{border-bottom:2px solid var(--border-color);color:var(--color-text-primary);font-size:var(--text-2xl);margin-bottom:var(--space-lg);padding-bottom:var(--space-md)}@media (max-width:768px){.admin-container,.admin-page{padding:var(--space-md)}.admin-header{align-items:stretch;flex-direction:column;text-align:center}.admin-header h1{font-size:var(--text-3xl)}.admin-section{padding:var(--space-lg)}}@media (max-width:480px){.admin-header h1{font-size:var(--text-2xl)}.admin-section{padding:var(--space-md)}}body,html{max-width:100vw;overflow-x:hidden;width:100%}*{box-sizing:border-box}.page-container,.reports-page{max-width:100vw;overflow-x:hidden;width:100%}.page-container h1,.reports-header h1{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff!important;margin-bottom:.5rem;padding:15px 20px;text-shadow:2px 2px 4px #00000080!important}@media (min-width:769px){.admin-container,.admin-page,.page-container,.reports-page{padding:20px}.reports-header h1{font-size:2.5rem}}@media (max-width:768px){.page-container,.reports-page{padding:10px!important}.reports-header{align-items:stretch;flex-direction:column;margin-bottom:20px}.reports-header h1{font-size:1.8rem;text-align:center}.reports-table-container,.table-container{-webkit-overflow-scrolling:touch;border-radius:8px;overflow-x:auto}}@media (max-width:600px){.admin-container,.admin-page{padding:5px!important}.admin-page h1{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff!important;font-size:1.5rem!important;margin-bottom:15px;padding:12px 15px;text-align:center}.admin-container .table,.admin-page .table{display:block!important}.admin-container .table thead,.admin-page .table thead{display:none!important}.admin-container .table tbody,.admin-page .table tbody{display:block!important}.admin-container .table tr,.admin-page .table tr{background:#fff;border:2px solid #e0e0e0;border-radius:10px;display:block!important;margin-bottom:12px;padding:12px}.admin-container .table td,.admin-page .table td{border-bottom:1px solid #f0f0f0;display:flex!important;padding:8px 5px 8px 40%!important;position:relative}.admin-container .table td:before,.admin-page .table td:before{color:#495057;content:attr(data-label)!important;font-weight:700;left:5px;position:absolute;width:38%}.like-button{align-items:center!important;display:inline-flex!important;gap:5px!important;margin-left:auto!important}}@media (max-width:600px){.table td:has(.like-button),.table--responsive td:has(.like-button){justify-content:space-between!important}}@media (max-width:600px){.date-picker-dropdown{left:50%!important;max-width:350px!important;transform:translateX(-50%)!important;width:calc(100vw - 30px)!important}.date-picker-button{padding:12px!important;width:100%!important}.date-picker-button,input[type=date],input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{font-size:16px!important}.error,.loading{font-size:14px!important;padding:20px 15px!important;text-align:center}.admin-page *,.page-container *,.reports-page *{max-width:100vw!important}body{overflow-x:hidden!important}img{height:auto;max-width:100%}}*
.report-card{background:#fff;border:2px solid #e0e0e0}.report-card--admin{position:relative}.admin-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;font-size:12px;font-weight:700;left:8px;padding:4px 10px;top:8px}.admin-badge,.report-card-delete{color:#fff;position:absolute;z-index:5}.report-card-delete{align-items:center;background:#dc3545;border:none;border-radius:50%;bottom:12px;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;right:12px;transition:all .2s ease;width:36px}.report-card-delete:hover{background:#c82333;transform:scale(1.1)}.report-card-delete:active{transform:scale(.95)}.admin-search{margin-bottom:20px}.admin-search .form-input{border:2px solid #e0e0e0;border-radius:8px;font-size:16px;max-width:500px;padding:12px 16px;width:100%}.admin-search .form-input:focus{border-color:#667eea;outline:none}.forgot-password-container,.login-container,.register-container,.reset-password-container{align-items:center;background:var(--color-bg-secondary);display:flex;justify-content:center;min-height:80vh;padding:var(--space-lg)}.forgot-password-form,.login-form,.register-form,.reset-password-form{background:var(--color-bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:450px;padding:var(--space-3xl);width:100%}.forgot-password-form h2,.login-form h2,.register-form h2,.reset-password-form h2{color:var(--color-text-primary);font-size:var(--text-3xl);font-weight:var(--weight-semibold);margin-bottom:var(--space-sm);text-align:center}.forgot-password-form p,.login-form p,.register-form p,.reset-password-form p{color:var(--color-text-muted);font-size:var(--text-base);line-height:var(--leading-normal);margin-bottom:var(--space-xl);text-align:center}.auth-form-group,.form-group{margin-bottom:var(--space-xl)}.auth-form-group label,.form-group label{color:var(--color-text-primary);display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);margin-bottom:var(--space-sm)}.auth-form-input,.form-input{background:var(--color-bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-text-primary);font-size:var(--text-base);padding:var(--space-md) var(--space-lg);transition:all var(--transition-base);width:100%}.auth-form-input:focus,.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1);outline:none}.auth-form-input::placeholder,.form-input::placeholder{color:var(--color-text-muted)}.auth-submit-btn,.submit-btn{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-button);color:#fff;cursor:pointer;font-size:var(--text-base);font-weight:var(--weight-semibold);padding:var(--space-md) var(--space-lg);transition:all var(--transition-base);width:100%}.auth-submit-btn:hover:not(:disabled),.submit-btn:hover:not(:disabled){box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.auth-submit-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-error-message,.error-message{background:#fee;border-left:4px solid #c33;color:#c33}.auth-error-message,.auth-success-message,.error-message,.success-message{border-radius:var(--radius-sm);font-size:var(--text-sm);margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-lg)}.auth-success-message,.success-message{background:#d4edda;border-left:4px solid var(--color-success);color:#155724}.auth-navigation,.back-to-login{border-top:1px solid var(--border-color);margin-top:var(--space-xl);padding-top:var(--space-xl);text-align:center}.auth-navigation a,.back-to-login a{color:var(--color-primary);font-weight:var(--weight-medium);text-decoration:none;transition:color var(--transition-base)}.auth-navigation a:hover,.back-to-login a:hover{color:var(--color-primary-dark);text-decoration:underline}.auth-loading,.loading{background:var(--color-bg-primary);border-radius:var(--radius-xl);color:var(--color-text-muted);font-size:var(--text-lg);padding:var(--space-3xl);text-align:center}.remember-me{align-items:center;display:flex;gap:var(--space-sm);margin:var(--space-lg) 0}.remember-me input[type=checkbox]{cursor:pointer;height:18px;width:18px}.remember-me label{color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-sm);margin:0}.social-login{margin:var(--space-lg) 0;text-align:center}.social-login-divider{color:var(--color-text-muted);font-size:var(--text-sm);margin:var(--space-xl) 0;position:relative;text-align:center}.social-login-divider:before{background:var(--border-color);content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:1}.social-login-divider span{background:var(--color-bg-primary);padding:0 var(--space-lg);position:relative;z-index:2}.password-strength{margin-top:var(--space-sm)}.password-strength-bar{background:var(--color-gray-200);border-radius:var(--radius-full);height:4px;overflow:hidden}.password-strength-fill{border-radius:var(--radius-full);height:100%;transition:all var(--transition-base)}.password-strength-fill.weak{background:var(--color-danger);width:33%}.password-strength-fill.medium{background:var(--color-warning);width:66%}.password-strength-fill.strong{background:var(--color-success);width:100%}.password-strength-text{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:var(--space-xs)}.terms-acceptance{align-items:flex-start;display:flex;gap:var(--space-sm);margin:var(--space-lg) 0}.terms-acceptance input[type=checkbox]{cursor:pointer;flex-shrink:0;height:16px;margin-top:var(--space-xs);width:16px}.terms-acceptance label{color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-sm);line-height:var(--leading-normal)}.terms-acceptance a{color:var(--color-primary);text-decoration:none}.terms-acceptance a:hover{text-decoration:underline}@media (max-width:480px){.forgot-password-container,.login-container,.register-container,.reset-password-container{padding:var(--space-md)}.forgot-password-form,.login-form,.register-form,.reset-password-form{margin:var(--space-sm);padding:var(--space-xl) var(--space-lg)}.forgot-password-form h2,.login-form h2,.register-form h2,.reset-password-form h2{font-size:var(--text-2xl)}.auth-form-input,.auth-submit-btn,.form-input,.submit-btn{font-size:var(--text-sm);padding:var(--space-sm) var(--space-md)}}.auth-form-input:focus,.auth-submit-btn:focus,.form-input:focus,.submit-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast:high){.auth-form-input,.form-input{border-width:2px}.auth-submit-btn,.submit-btn{border:2px solid var(--color-primary)}}.reports-page{background:#f8f9fa;box-sizing:border-box;min-height:100vh;padding:20px;width:100%}.reports-header{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto .5rem}.reports-header h1{color:#2c3e50;font-size:2.5rem;margin:0 auto .5rem;text-shadow:1px 1px 3px #0000001a}.sort-container{align-items:center;align-self:flex-start;display:inline-block;gap:10px;margin:0 auto;text-align:left}.sort-container label{color:#495057;font-weight:600}.sort-select{background:#fff;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.sort-select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.reports-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.reports-table tbody tr:hover{background-color:#f8f9ff}.reports-table tbody tr:last-child{border-bottom:none}.reports-table td{color:#495057;padding:12px;vertical-align:middle}.profile-link{color:#007bff;font-weight:500;text-decoration:none;transition:color .2s ease}.profile-link:hover{color:#0056b3;text-decoration:underline}.report-image{border:2px solid #dee2e6;border-radius:8px;cursor:pointer;height:60px;object-fit:cover;transition:transform .2s ease;width:60px}.report-image:hover{box-shadow:0 4px 12px #0003;transform:scale(1.1)}.report-form-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:900px;padding:30px;width:100%}.report-form h2{border-bottom:3px solid #007bff;color:#2c3e50;font-size:1.8rem;margin-bottom:25px;padding-bottom:10px}.form-grid{grid-gap:16px 24px;display:grid;gap:16px 24px;grid-template-columns:repeat(2,1fr);margin-bottom:25px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{color:#495057;font-size:13px;font-weight:600;letter-spacing:.3px;margin-bottom:6px}.form-input{background:#fff;border:2px solid #dee2e6;border-radius:6px;font-size:14px;padding:8px 12px;transition:all .2s ease}.form-textarea{border-radius:8px;font-family:inherit;font-size:15px;line-height:1.5;padding:12px 16px;resize:vertical}.form-input:focus,.form-textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none;transform:translateY(-1px)}.file-input{font-size:13px;padding:6px 10px}.file-input::-webkit-file-upload-button{background:#007bff;border-radius:6px;cursor:pointer;font-size:13px;padding:6px 12px;-webkit-transition:background .2s ease;transition:background .2s ease}.file-input::-webkit-file-upload-button:hover{background:#0056b3}.btn-primary{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;box-shadow:0 4px 15px #28a7454d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;padding:14px 30px;text-transform:uppercase;transition:all .3s ease}.btn-primary:hover{background:linear-gradient(135deg,#218838,#17a2b8);box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.btn-secondary{background:#6c757d;border-radius:6px;color:#fff;display:inline-block;font-weight:500;padding:12px 24px;text-decoration:none;transition:background .2s ease}.btn-secondary:hover{background:#545b62;color:#fff;text-decoration:none}.login-warning{border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:30px}.login-warning p{font-size:18px;margin-bottom:20px}.date-picker-container{display:inline-block;position:relative;width:100%}.date-picker-button{align-items:center;background:#fff;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;display:flex;font-size:16px;gap:8px;justify-content:flex-start;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.date-picker-button:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff26}.date-picker-dropdown{background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 8px 25px #00000026;left:0;margin-top:4px;padding:20px;position:absolute;top:100%;width:300px;z-index:1000}.date-picker-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.date-picker-header button{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;padding:8px 12px;transition:all .2s ease;width:40px}.date-picker-header button:hover{background:#e9ecef;transform:scale(1.05)}.date-picker-header span{color:#333;font-size:16px;font-weight:600}.date-picker-weekdays{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.date-picker-weekdays div{color:#666;font-size:12px;font-weight:600;padding:8px 4px;text-align:center}.date-picker-days{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.date-picker-day{align-items:center;aspect-ratio:1;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;justify-content:center;transition:all .15s ease}.date-picker-day:not(.empty):hover{background:#e3f2fd;color:#1976d2;transform:scale(1.1)}.date-picker-day.today{background:#2196f3;box-shadow:0 2px 8px #2196f34d;color:#fff;font-weight:600}.date-picker-day.selected{background:#1976d2;box-shadow:0 2px 8px #1976d24d;color:#fff;font-weight:600}.date-picker-day.empty{cursor:default}.date-picker-footer{border-top:1px solid #eee;display:flex;justify-content:center;margin-top:16px;padding-top:16px}.date-picker-quick-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s ease}.date-picker-quick-btn:hover{background:#218838;box-shadow:0 4px 12px #28a7454d;transform:translateY(-1px)}@media (min-width:769px){.reports-page{background:#f8f9fa;margin:0 auto;max-width:1400px;padding:40px 60px}.reports-header{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;justify-content:space-between;margin-bottom:40px;padding:25px 30px}.reports-header h1{background:none!important;color:#2c3e50!important;font-size:2.2rem;font-weight:700;margin:0;padding:0!important;text-shadow:none!important}.sort-container{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;display:flex;gap:12px;padding:10px 20px}.sort-container label{color:#495057;font-size:15px;font-weight:600}.sort-select{background:#fff;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;font-size:15px;min-width:200px;padding:10px 16px}.reports-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:40px;padding:30px}.reports-container-header{align-items:center;border-bottom:3px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:20px}.reports-container-header h2{color:#2c3e50;font-size:1.8rem;margin:0}.reports-count{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:8px 20px}.reports-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0}.report-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.report-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.report-card:hover{border-color:#667eea;box-shadow:0 12px 24px #00000026;transform:translateY(-4px)}.report-card:hover:before{transform:scaleY(1)}.report-form-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:0 auto 40px;max-width:600px;padding:40px}.report-form h2{border-bottom:3px solid #667eea;color:#2c3e50;font-size:1.8rem;margin-bottom:30px;padding-bottom:20px;text-align:center}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.no-reports-message{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;padding:80px 40px;text-align:center}.no-reports-message h3{color:#6c757d;font-size:24px;margin-bottom:12px}.login-warning{margin:40px auto;max-width:600px;text-align:center}}@media (min-width:769px) and (max-width:1200px){.reports-page{max-width:100%;padding:30px 40px}.reports-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.report-form-container{max-width:500px}}@media (min-width:1401px){.reports-page{max-width:1400px}.reports-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.reports-page{margin:0!important;max-width:100%!important;padding:15px!important}.reports-header{flex-direction:column;gap:15px;padding:20px}.reports-header h1{font-size:1.8rem;text-align:center}.sort-container{justify-content:space-between;width:100%}.reports-container{padding:20px}.reports-grid{gap:12px;grid-template-columns:1fr}.report-form-container{max-width:100%!important;padding:25px!important}}.reports-loading{font-size:20px;padding:80px 40px}.reports-page *{transition:all .2s ease}.report-card:focus{outline:3px solid #667eea;outline-offset:2px}@media (max-width:768px){.reports-page{padding:10px}.reports-header{align-items:stretch;flex-direction:column;gap:15px;text-align:center}.reports-header h1{font-size:1.8rem}.reports-table-container,.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.reports-table,.table--responsive{min-width:700px}.form-grid{grid-template-columns:1fr}.report-form-container{padding:20px}.date-picker-dropdown{left:50%;max-width:300px;transform:translateX(-50%);width:calc(100vw - 40px)}}@media (max-width:600px){.reports-table,.reports-table tbody,.reports-table td,.reports-table th,.reports-table thead,.reports-table tr{display:block}.reports-table thead tr{left:-9999px;position:absolute;top:-9999px}.reports-table tr{background:#fff;border:1px solid #ccc;border-radius:8px;margin-bottom:10px;padding:10px}.reports-table td{border:none;border-bottom:1px solid #eee;padding-left:50%!important;position:relative;text-align:left;white-space:normal}.reports-table td:before{color:#666;content:attr(data-label) ": ";font-weight:600;left:6px;padding-right:10px;position:absolute;white-space:nowrap;width:45%}.reports-table td:last-child{border-bottom:0}.reports-page{padding:8px}.reports-header{margin-bottom:20px}.reports-header h1{font-size:1.5rem;margin-bottom:10px}.reports-table-container,.table-container{background:#0000;border-radius:0;box-shadow:none;margin-bottom:20px;overflow:visible}.reports-table,.reports-table tbody,.reports-table td,.reports-table th,.reports-table thead,.reports-table tr,.table--responsive,.table--responsive tbody,.table--responsive td,.table--responsive th,.table--responsive thead,.table--responsive tr{display:block;width:100%}.reports-table thead tr,.table--responsive thead tr{height:0;left:-9999px;overflow:hidden;position:absolute;top:-9999px;visibility:hidden;width:0}.reports-table tbody tr,.table--responsive tbody tr{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;display:block;margin-bottom:15px;padding:15px;width:100%}.reports-table tbody tr:hover,.table--responsive tbody tr:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px);transition:all .2s ease}.reports-table td,.table--responsive td{word-wrap:break-word;align-items:center;border:none;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;min-height:40px;padding:12px 8px 12px 45%!important;position:relative;text-align:right;white-space:normal}.reports-table td:last-child,.table--responsive td:last-child{border-bottom:none;padding-bottom:8px!important}.reports-table td:before,.table--responsive td:before{word-wrap:break-word;color:#495057;content:attr(data-label);font-size:13px;font-weight:700;left:8px;padding-right:10px;position:absolute;text-align:left;top:50%;transform:translateY(-50%);white-space:normal;width:42%}.report-image,.table-image{border:2px solid #dee2e6;border-radius:8px;cursor:pointer;height:80px!important;margin-left:auto;object-fit:cover;width:80px!important}.profile-link{color:#007bff;font-weight:600;margin-left:auto;text-decoration:none}.reports-table td:has(.like-button),.table--responsive td:has(.like-button){justify-content:space-between}.report-form-container{margin:0 -8px;padding:15px}.form-grid{gap:15px;grid-template-columns:1fr}.form-group{margin-bottom:15px}.form-input,.form-textarea{font-size:16px;padding:12px;width:100%}.btn,.btn--primary,.btn-primary{font-size:16px;margin-top:10px;padding:14px;width:100%}.sort-container{flex-direction:column;gap:8px;width:100%}.sort-select{font-size:16px;padding:12px;width:100%}}.reports-table tbody tr{animation:fadeIn .3s ease-out}.report-form-container{animation:fadeIn .5s ease-out}.reports-table tbody tr:hover .report-image{transform:scale(1.05)}.form-input:hover{border-color:#adb5bd}.btn-primary:active{box-shadow:0 2px 10px #28a74533;transform:translateY(0)}.btn-primary:focus,.date-picker-button:focus,.form-input:focus{outline:2px solid #007bff;outline-offset:2px}@media print{.btn-primary,.report-form-container,.sort-container{display:none}.reports-table{font-size:12px}.reports-page{padding:0}}.file-input{background:#f9f9f9;border:2px dashed #ddd;border-radius:8px;cursor:pointer;padding:12px;text-align:center;width:100%}.file-input::-webkit-file-upload-button{background:#667eea;border:none;border-radius:4px;color:#fff;margin-right:10px;padding:8px 16px}@media (max-width:768px){.file-input{font-size:16px;min-height:44px}@media (min-width:1025px){.page-container,.reports-page{margin-left:270px;margin-right:auto}}@media (max-width:480px){.reports-header h1{font-size:1.3rem}.reports-table td,.table--responsive td{font-size:13px;padding:10px 6px 10px 43%!important}.reports-table td:before,.table--responsive td:before{font-size:12px;width:40%}.report-image,.table-image{height:60px!important;width:60px!important}}.reports-loading{font-size:16px;padding:40px}.no-reports,.reports-loading{color:#6c757d;text-align:center}.no-reports{background:#fff;border-radius:12px;margin:20px 0;padding:40px 20px}@media (min-width:601px){.reports-table tbody tr:hover{background-color:#f8f9ff;transform:none}.reports-table tbody tr:hover .report-image{transform:scale(1.08)}}.profile-link:focus,.report-image:focus,.reports-table td:focus,.table--responsive td:focus{outline:2px solid #007bff;outline-offset:2px}@media (prefers-color-scheme:dark){.reports-table-container,.table-container{background:#1e1e1e}.reports-table tbody tr,.table--responsive tbody tr{background:#2d2d2d;border-color:#404040}.reports-table td,.table--responsive td{border-bottom-color:#404040;color:#e0e0e0}.reports-table td:before,.table--responsive td:before{color:#b0b0b0}}}.page-container{background:#f8f9fa;box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;padding:20px}@media (min-width:769px){.reports-page{background:#f8f9fa;margin:0 auto!important;max-width:1200px!important;padding:40px 60px!important}.page-container,.reports-page{box-sizing:border-box;width:100%}.page-container{margin:0 auto;max-width:1200px;padding:40px 60px}.reports-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:100%;padding:30px;width:100%}.reports-header{margin-bottom:30px;width:100%}.reports-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));width:100%}.report-form-container{margin:40px auto;max-width:700px;width:100%}}@media (min-width:1400px){.reports-page{max-width:1400px!important}.reports-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.page-container,.reports-page{margin-left:0!important;margin-right:0!important;max-width:100%!important;padding:15px!important;width:100%!important}}.reports-table-container,.table-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin-bottom:40px;overflow:hidden;width:100%}.reports-table,.table--responsive{border-collapse:collapse;font-size:14px;width:100%}.reports-table thead,.table--responsive thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.reports-table th,.table--responsive th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left}@media (max-width:1024px){.reports-page{padding:15px}.reports-table-container,.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.reports-table th,.table--responsive th{font-size:13px;padding:12px 8px}.reports-table td,.table--responsive td{font-size:13px;padding:10px 8px}}@media (max-width:768px){.reports-page{padding:10px}.reports-header{align-items:stretch;flex-direction:column;gap:15px;text-align:center}.reports-header h1{font-size:1.8rem}.reports-table-container,.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.reports-table,.table--responsive{min-width:700px}}@media (max-width:600px){.reports-page{padding:8px}.reports-header{margin-bottom:20px}.reports-header h1{font-size:1.5rem;margin-bottom:10px}.reports-table-container,.table-container{background:#0000;border-radius:0;box-shadow:none;margin-bottom:20px;overflow:visible}.reports-table,.reports-table tbody,.reports-table td,.reports-table th,.reports-table thead,.reports-table tr,.table--responsive,.table--responsive tbody,.table--responsive td,.table--responsive th,.table--responsive thead,.table--responsive tr{display:block;width:100%}.reports-table thead tr,.table--responsive thead tr{height:0;left:-9999px;overflow:hidden;position:absolute;top:-9999px;visibility:hidden;width:0}.reports-table tbody tr,.table--responsive tbody tr{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;display:block;margin-bottom:15px;padding:15px;width:100%}.reports-table tbody tr:hover,.table--responsive tbody tr:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px);transition:all .2s ease}.reports-table td,.table--responsive td{word-wrap:break-word;align-items:center;border:none;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;min-height:40px;padding:12px 8px 12px 45%!important;position:relative;text-align:right;white-space:normal}.reports-table td:last-child,.table--responsive td:last-child{border-bottom:none;padding-bottom:8px!important}.reports-table td:before,.table--responsive td:before{word-wrap:break-word;color:#495057;content:attr(data-label);font-size:13px;font-weight:700;left:8px;padding-right:10px;position:absolute;text-align:left;top:50%;transform:translateY(-50%);white-space:normal;width:42%}.report-image,.table-image{border:2px solid #dee2e6;border-radius:8px;cursor:pointer;height:80px!important;margin-left:auto;object-fit:cover;width:80px!important}.profile-link{color:#007bff;font-weight:600;margin-left:auto;text-decoration:none}.reports-table td:has(.like-button),.table--responsive td:has(.like-button){justify-content:space-between}.report-form-container{margin:0 -8px;padding:15px}.form-grid{gap:15px;grid-template-columns:1fr}.form-group{margin-bottom:15px}.form-input,.form-textarea{font-size:16px;padding:12px;width:100%}.btn,.btn--primary,.btn-primary{font-size:16px;margin-top:10px;padding:14px;width:100%}.sort-container{flex-direction:column;gap:8px;width:100%}.sort-select{font-size:16px;padding:12px;width:100%}}@media (max-width:480px){.reports-header h1{font-size:1.3rem}.reports-table td,.table--responsive td{font-size:13px;padding:10px 6px 10px 43%!important}.reports-table td:before,.table--responsive td:before{font-size:12px;width:40%}.report-image,.table-image{height:60px!important;width:60px!important}}.reports-loading{font-size:16px;padding:40px;text-align:center}.no-reports{background:#fff;border-radius:12px;color:#6c757d;margin:20px 0;padding:40px 20px;text-align:center}@media (min-width:601px){.reports-table tbody tr:hover{background-color:#f8f9ff;transform:none}.reports-table tbody tr:hover .report-image{transform:scale(1.08)}}.profile-link:focus,.report-image:focus,.reports-table td:focus,.table--responsive td:focus{outline:2px solid #007bff;outline-offset:2px}@media (prefers-color-scheme:dark){.reports-table-container,.table-container{background:#1e1e1e}.reports-table tbody tr,.table--responsive tbody tr{background:#2d2d2d;border-color:#404040}.reports-table td,.table--responsive td{border-bottom-color:#404040;color:#e0e0e0}.reports-table td:before,.table--responsive td:before{color:#b0b0b0}}@media (max-width:600px){.admin-page,.page-container,.reports-page{margin:0!important;max-width:100vw!important;padding:5px!important;width:100%!important}.reports-header{flex-direction:column;gap:10px;margin-bottom:15px;padding:0 5px}.reports-header h1{font-size:1.5rem!important;margin:0 0 10px!important;padding:12px 15px!important;text-align:center}.sort-container{flex-direction:column;gap:8px;width:100%}.sort-container label{font-size:14px;text-align:left;width:100%}.form-select,.sort-select{font-size:16px;padding:12px;width:100%!important}.reports-table-container,.table-container{background:#0000;border-radius:0;box-shadow:none;margin:0 0 15px;overflow:visible!important;padding:0;width:100%!important}.reports-table,.reports-table tbody,.reports-table td,.reports-table th,.reports-table thead,.reports-table tr,.table,.table tbody,.table td,.table th,.table thead,.table tr,.table--responsive,.table--responsive tbody,.table--responsive td,.table--responsive th,.table--responsive thead,.table--responsive tr{display:block!important;width:100%!important}.reports-table thead tr,.table thead tr,.table--responsive thead tr{height:0!important;left:-9999px!important;position:absolute!important;top:-9999px!important;visibility:hidden!important;width:0!important}.reports-table tbody tr,.table tbody tr,.table--responsive tbody tr{background:#fff!important;border:2px solid #e0e0e0!important;border-radius:10px!important;box-shadow:0 2px 6px #0000001a!important;display:block!important;margin-bottom:12px!important;padding:12px!important;width:100%!important}.reports-table td,.table td,.table--responsive td{word-wrap:break-word!important;align-items:center!important;border:none!important;border-bottom:1px solid #f0f0f0!important;display:flex!important;font-size:14px!important;justify-content:space-between!important;min-height:36px!important;padding:10px 5px 10px 40%!important;position:relative!important;text-align:right!important;white-space:normal!important}.reports-table td:last-child,.table td:last-child,.table--responsive td:last-child{border-bottom:none!important;padding-bottom:5px!important}.reports-table td:before,.table td:before,.table--responsive td:before{word-wrap:break-word!important;color:#495057!important;content:attr(data-label)!important;font-size:13px!important;font-weight:700!important;left:5px!important;padding-right:8px!important;position:absolute!important;text-align:left!important;top:50%!important;transform:translateY(-50%)!important;white-space:normal!important;width:38%!important}.report-image,.table-image{border:2px solid #dee2e6!important;border-radius:6px!important;cursor:pointer!important;flex-shrink:0!important;height:70px!important;margin-left:auto!important;object-fit:cover!important;width:70px!important}.profile-link{color:#007bff!important;font-weight:600!important;margin-left:auto!important;text-decoration:none!important;word-break:break-word!important}.table td button,.table--responsive td button{font-size:13px!important;margin:0!important;padding:6px 12px!important}.form-container,.report-form-container{border-radius:10px;margin:0!important;padding:12px!important}.form-grid{gap:12px!important;grid-template-columns:1fr!important}.form-group{margin-bottom:12px!important}.form-input,.form-select,.form-textarea{font-size:16px!important;padding:12px!important;width:100%!important}.btn,.btn--primary,.btn-primary,button[type=submit]{font-size:16px!important;margin-top:10px!important;padding:14px!important;width:100%!important}.no-data,.no-reports{font-size:14px;padding:30px 15px!important;text-align:center}}@media (max-width:480px){.reports-header h1{font-size:1.3rem!important;padding:10px 12px!important}.reports-table td,.table td,.table--responsive td{font-size:13px!important;padding:8px 3px 8px 38%!important}.reports-table td:before,.table td:before,.table--responsive td:before{font-size:12px!important;width:36%!important}.report-image,.table-image{height:60px!important;width:60px!important}}.reports-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:20px 0;padding:0}.report-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:16px;position:relative;transition:all .2s ease}.report-card:hover{border-color:#667eea;box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.report-card:active{transform:translateY(-2px)}.report-card-main{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.report-fish-name{color:#2c3e50;font-size:20px;font-weight:700;margin:0}.report-weight{background:#667eea1a;border-radius:20px;color:#667eea;font-size:18px;font-weight:600;padding:4px 12px}.report-card-meta{color:#666;display:flex;flex-direction:column;font-size:14px;gap:6px}.report-meta-row{align-items:center;display:flex;gap:8px}.report-meta-icon{text-align:center;width:16px}.report-meta-label{color:#495057;font-weight:500}.report-card-mini-image{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:40px;object-fit:cover;position:absolute;right:10px;top:10px;width:40px}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-close{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:36px;z-index:10}.modal-close:hover{background:#000c;transform:rotate(90deg)}.modal-image-container{border-radius:16px 16px 0 0;max-height:400px;overflow:hidden;width:100%}.modal-image{display:block;height:100%;object-fit:cover;width:100%}.modal-body{padding:24px}.modal-header-info{border-bottom:2px solid #f0f0f0;margin-bottom:20px;padding-bottom:16px}.modal-fish-name{color:#2c3e50;font-size:28px;font-weight:700;margin:0 0 12px}.modal-stats{display:flex;flex-wrap:wrap;gap:20px}.modal-stat{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-size:16px;padding:8px 16px}.modal-stat strong{font-weight:700}.modal-details{display:flex;flex-direction:column;gap:12px}.modal-detail-row{align-items:flex-start;border-bottom:1px solid #f5f5f5;display:flex;gap:12px;padding:8px 0}.modal-detail-row:last-child{border-bottom:none}.detail-label{color:#495057;font-size:14px;font-weight:600;min-width:140px}.detail-value{color:#6c757d;flex:1 1;font-size:14px}.modal-notes{align-items:flex-start;flex-direction:column}.modal-notes .detail-value{line-height:1.6;margin-top:8px;white-space:pre-wrap}.modal-actions{align-items:center;border-top:2px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:20px}@media (max-width:768px){.reports-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.modal-content{margin:10px;max-width:95vw}.modal-body{padding:20px}.modal-fish-name{font-size:24px}}@media (max-width:600px){.reports-grid{gap:12px;grid-template-columns:1fr;padding:0 5px}.report-card{padding:14px}.report-card-main{flex-direction:row}.report-fish-name{font-size:18px}.report-weight{font-size:16px}.report-card-meta{font-size:13px}.modal-overlay{padding:0}.modal-content{border-radius:0;margin:0;max-height:100vh;max-width:100vw}.modal-image-container{border-radius:0;max-height:250px}.modal-body{padding:16px}.modal-fish-name{font-size:22px}.modal-stats{gap:12px}.modal-stat{font-size:14px;padding:6px 12px}.detail-label{min-width:100px}.detail-label,.detail-value{font-size:13px}.modal-close{font-size:20px;height:32px;right:12px;top:12px;width:32px}}@media (max-width:380px){.report-card{padding:12px}.report-fish-name{font-size:16px}.report-weight{font-size:14px;padding:4px 10px}.modal-fish-name{font-size:20px}}.no-reports-message{border-radius:12px;margin:20px 0;padding:60px 20px}.no-reports-message h3{font-size:24px;margin-bottom:12px}.no-reports-message p{font-size:16px}.reports-loading{align-items:center;color:#6c757d;display:flex;font-size:18px;justify-content:center;padding:60px 20px}@media (min-width:769px){.reports-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:30px 0}.reports-container{width:100%}}.no-reports-message{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;margin:40px auto;max-width:600px;padding:80px 40px;text-align:center}.no-reports-message h3{color:#495057;font-size:28px;margin-bottom:16px}.no-reports-message p{color:#6c757d;font-size:18px}.login-warning{background:linear-gradient(135deg,#ffeaa7,#fab1a0);border-radius:16px;box-shadow:0 8px 24px #0000001f;margin:60px auto;max-width:600px;padding:40px;text-align:center}.login-warning p{color:#2d3436;font-size:20px;font-weight:500;margin-bottom:24px}.error,.reports-loading{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;font-size:20px;margin:60px auto;max-width:600px;padding:60px 40px;text-align:center}.error{background:#fee;border:2px solid #fcc;color:#dc3545}@media (max-width:768px){.reports-page{margin-left:0!important;padding:10px!important;width:100%!important}.report-form-container{margin:20px 0!important;max-width:100%!important;padding:20px!important}.reports-header{flex-wrap:wrap}.form-grid{grid-template-columns:1fr!important}}@media (min-width:769px){.reports-grid{grid-gap:24px!important;display:grid!important;gap:24px!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;margin:30px 0!important;width:100%!important}.report-card{background:#fff!important;border:2px solid #e0e0e0!important;border-radius:12px!important;box-shadow:0 2px 8px #0000001a!important;cursor:pointer!important;display:block!important;padding:20px!important;transition:all .2s ease!important}.report-card:hover{box-shadow:0 4px 16px #00000026!important;transform:translateY(-4px)!important}.reports-table-container{display:none!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes zoomIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes zoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@keyframes spinSlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes wiggle{0%,7%{transform:rotate(0)}15%{transform:rotate(-15deg)}20%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}30%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}40%,to{transform:rotate(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%{box-shadow:0 0 5px rgba(var(--color-primary-rgb),.5)}to{box-shadow:0 0 20px rgba(var(--color-primary-rgb),.8)}}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-fade-out{animation:fadeOut .5s ease-out}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-fade-in-down{animation:fadeInDown .6s ease-out}.animate-fade-in-left{animation:fadeInLeft .6s ease-out}.animate-fade-in-right{animation:fadeInRight .6s ease-out}.animate-slide-in{animation:slideIn .3s ease-out}.animate-slide-out{animation:slideOut .3s ease-out}.animate-slide-in-top{animation:slideInFromTop .5s ease-out}.animate-slide-in-bottom{animation:slideInFromBottom .5s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}.animate-scale-out{animation:scaleOut .3s ease-out}.animate-zoom-in{animation:zoomIn .5s ease-out}.animate-zoom-out{animation:zoomOut .5s ease-out}.animate-bounce{animation:bounce 2s infinite}.animate-bounce-in{animation:bounceIn .75s}.animate-shake{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-heartbeat{animation:heartBeat 1.5s ease-in-out infinite}.animate-wiggle{animation:wiggle 1s ease-in-out}.animate-rubber-band{animation:rubberBand 1s}.animate-spin{animation:spin 1s linear infinite}.animate-spin-slow{animation:spinSlow 3s linear infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite alternate}.animate-shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-50) 50%,var(--color-gray-100) 75%);background-size:200% 100%}.animate-fast{animation-duration:.2s!important}.animate-slow{animation-duration:1s!important}.animate-slower{animation-duration:2s!important}.animate-slowest{animation-duration:3s!important}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-500{animation-delay:.5s}.animate-delay-700{animation-delay:.7s}.animate-delay-1000{animation-delay:1s}.animate-once{animation-iteration-count:1}.animate-twice{animation-iteration-count:2}.animate-infinite{animation-iteration-count:infinite}.transition-none{transition:none!important}.transition-all{transition:all var(--transition-base)!important}.transition-colors{transition:color var(--transition-base),background-color var(--transition-base),border-color var(--transition-base)!important}.transition-opacity{transition:opacity var(--transition-base)!important}.transition-shadow{transition:box-shadow var(--transition-base)!important}.transition-transform{transition:transform var(--transition-base)!important}.duration-75{transition-duration:75ms!important}.duration-100{transition-duration:.1s!important}.duration-150{transition-duration:.15s!important}.duration-200{transition-duration:.2s!important}.duration-300{transition-duration:.3s!important}.duration-500{transition-duration:.5s!important}.duration-700{transition-duration:.7s!important}.duration-1000{transition-duration:1s!important}.ease-linear{transition-timing-function:linear!important}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)!important}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)!important}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.hover-lift:hover{transform:translateY(-2px)}.hover-grow:hover,.hover-lift:hover{transition:transform var(--transition-base)}.hover-grow:hover{transform:scale(1.05)}.hover-shrink:hover{transform:scale(.95)}.hover-rotate:hover,.hover-shrink:hover{transition:transform var(--transition-base)}.hover-rotate:hover{transform:rotate(5deg)}.hover-glow:hover{box-shadow:0 0 20px rgba(var(--color-primary-rgb),.4)}.hover-glow:hover,.hover-shadow:hover{transition:box-shadow var(--transition-base)}.hover-shadow:hover{box-shadow:var(--shadow-lg)}.scroll-smooth{scroll-behavior:smooth}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.animate-paused{animation-play-state:paused!important}.animate-running{animation-play-state:running!important}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.animate-bounce,.animate-float,.animate-pulse,.animate-spin{animation:none!important}.hover-grow:hover,.hover-lift:hover,.hover-shrink:hover{transition-duration:.01ms!important}}.will-change-auto{will-change:auto}.will-change-scroll{will-change:scroll-position}.will-change-contents{will-change:contents}.will-change-transform{will-change:transform}.animate-bounce-in,.animate-fade-in,.animate-scale-in,.animate-slide-in,.hover-grow,.hover-lift,.hover-shrink{will-change:transform,opacity}.animate-float,.animate-pulse,.animate-spin{will-change:transform}.gpu-accelerated{perspective:1000px}.gpu-accelerated,[class*=animate-],[class*=hover-]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.d-none{display:none!important}.d-block{display:block!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-grid{display:grid!important}.d-table{display:table!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-y-auto{overflow-y:auto!important}.overflow-y-hidden{overflow-y:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.right-0{right:0!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.top-50{top:50%!important}.right-50{right:50%!important}.bottom-50{bottom:50%!important}.left-50{left:50%!important}.top-100{top:100%!important}.right-100{right:100%!important}.bottom-100{bottom:100%!important}.left-100{left:100%!important}.m-0{margin:0!important}.m-1{margin:var(--space-xs)!important}.m-2{margin:var(--space-sm)!important}.m-3{margin:var(--space-md)!important}.m-4{margin:var(--space-lg)!important}.m-5{margin:var(--space-xl)!important}.m-auto{margin:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:var(--space-xs)!important}.mt-2{margin-top:var(--space-sm)!important}.mt-3{margin-top:var(--space-md)!important}.mt-4{margin-top:var(--space-lg)!important}.mt-5{margin-top:var(--space-xl)!important}.mt-auto{margin-top:auto!important}.mr-0{margin-right:0!important}.mr-1{margin-right:var(--space-xs)!important}.mr-2{margin-right:var(--space-sm)!important}.mr-3{margin-right:var(--space-md)!important}.mr-4{margin-right:var(--space-lg)!important}.mr-5{margin-right:var(--space-xl)!important}.mr-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:var(--space-xs)!important}.mb-2{margin-bottom:var(--space-sm)!important}.mb-3{margin-bottom:var(--space-md)!important}.mb-4{margin-bottom:var(--space-lg)!important}.mb-5{margin-bottom:var(--space-xl)!important}.mb-auto{margin-bottom:auto!important}.ml-0{margin-left:0!important}.ml-1{margin-left:var(--space-xs)!important}.ml-2{margin-left:var(--space-sm)!important}.ml-3{margin-left:var(--space-md)!important}.ml-4{margin-left:var(--space-lg)!important}.ml-5{margin-left:var(--space-xl)!important}.ml-auto{margin-left:auto!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:var(--space-xs)!important;margin-right:var(--space-xs)!important}.mx-2{margin-left:var(--space-sm)!important;margin-right:var(--space-sm)!important}.mx-3{margin-left:var(--space-md)!important;margin-right:var(--space-md)!important}.mx-4{margin-left:var(--space-lg)!important;margin-right:var(--space-lg)!important}.mx-5{margin-left:var(--space-xl)!important;margin-right:var(--space-xl)!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-0{margin-bottom:0!important;margin-top:0!important}.my-1{margin-bottom:var(--space-xs)!important;margin-top:var(--space-xs)!important}.my-2{margin-bottom:var(--space-sm)!important;margin-top:var(--space-sm)!important}.my-3{margin-bottom:var(--space-md)!important;margin-top:var(--space-md)!important}.my-4{margin-bottom:var(--space-lg)!important;margin-top:var(--space-lg)!important}.my-5{margin-bottom:var(--space-xl)!important;margin-top:var(--space-xl)!important}.my-auto{margin-bottom:auto!important;margin-top:auto!important}.p-0{padding:0!important}.p-1{padding:var(--space-xs)!important}.p-2{padding:var(--space-sm)!important}.p-3{padding:var(--space-md)!important}.p-4{padding:var(--space-lg)!important}.p-5{padding:var(--space-xl)!important}.pt-0{padding-top:0!important}.pt-1{padding-top:var(--space-xs)!important}.pt-2{padding-top:var(--space-sm)!important}.pt-3{padding-top:var(--space-md)!important}.pt-4{padding-top:var(--space-lg)!important}.pt-5{padding-top:var(--space-xl)!important}.pr-0{padding-right:0!important}.pr-1{padding-right:var(--space-xs)!important}.pr-2{padding-right:var(--space-sm)!important}.pr-3{padding-right:var(--space-md)!important}.pr-4{padding-right:var(--space-lg)!important}.pr-5{padding-right:var(--space-xl)!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:var(--space-xs)!important}.pb-2{padding-bottom:var(--space-sm)!important}.pb-3{padding-bottom:var(--space-md)!important}.pb-4{padding-bottom:var(--space-lg)!important}.pb-5{padding-bottom:var(--space-xl)!important}.pl-0{padding-left:0!important}.pl-1{padding-left:var(--space-xs)!important}.pl-2{padding-left:var(--space-sm)!important}.pl-3{padding-left:var(--space-md)!important}.pl-4{padding-left:var(--space-lg)!important}.pl-5{padding-left:var(--space-xl)!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:var(--space-xs)!important;padding-right:var(--space-xs)!important}.px-2{padding-left:var(--space-sm)!important;padding-right:var(--space-sm)!important}.px-3{padding-left:var(--space-md)!important;padding-right:var(--space-md)!important}.px-4{padding-left:var(--space-lg)!important;padding-right:var(--space-lg)!important}.px-5{padding-left:var(--space-xl)!important;padding-right:var(--space-xl)!important}.py-0{padding-bottom:0!important;padding-top:0!important}.py-1{padding-bottom:var(--space-xs)!important;padding-top:var(--space-xs)!important}.py-2{padding-bottom:var(--space-sm)!important;padding-top:var(--space-sm)!important}.py-3{padding-bottom:var(--space-md)!important;padding-top:var(--space-md)!important}.py-4{padding-bottom:var(--space-lg)!important;padding-top:var(--space-lg)!important}.py-5{padding-bottom:var(--space-xl)!important;padding-top:var(--space-xl)!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.min-w-0{min-width:0!important}.min-w-100{min-width:100%!important}.min-h-0{min-height:0!important}.min-h-100{min-height:100%!important}.max-w-100{max-width:100%!important}.max-h-100{max-height:100%!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.justify-evenly{justify-content:space-evenly!important}.align-start{align-items:flex-start!important}.align-end{align-items:flex-end!important}.align-center{align-items:center!important}.align-baseline{align-items:baseline!important}.align-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.grid-cols-1{grid-template-columns:repeat(1,1fr)!important}.grid-cols-2{grid-template-columns:repeat(2,1fr)!important}.grid-cols-3{grid-template-columns:repeat(3,1fr)!important}.grid-cols-4{grid-template-columns:repeat(4,1fr)!important}.grid-cols-5{grid-template-columns:repeat(5,1fr)!important}.grid-cols-6{grid-template-columns:repeat(6,1fr)!important}.col-span-1{grid-column:span 1!important}.col-span-2{grid-column:span 2!important}.col-span-3{grid-column:span 3!important}.col-span-4{grid-column:span 4!important}.col-span-5{grid-column:span 5!important}.col-span-6{grid-column:span 6!important}.col-span-full{grid-column:1/-1!important}.gap-0{gap:0!important}.gap-1{gap:var(--space-xs)!important}.gap-2{gap:var(--space-sm)!important}.gap-3{gap:var(--space-md)!important}.gap-4{gap:var(--space-lg)!important}.gap-5{gap:var(--space-xl)!important}.border-0{border:0!important}.border{border:var(--border-width) solid var(--border-color)!important}.border-2{border:var(--border-width-thick) solid var(--border-color)!important}.border-top{border-top:var(--border-width) solid var(--border-color)!important}.border-right{border-right:var(--border-width) solid var(--border-color)!important}.border-bottom{border-bottom:var(--border-width) solid var(--border-color)!important}.border-left{border-left:var(--border-width) solid var(--border-color)!important}.border-primary{border-color:var(--color-primary)!important}.border-secondary{border-color:var(--color-gray-500)!important}.border-success{border-color:var(--color-success)!important}.border-warning{border-color:var(--color-warning)!important}.border-danger{border-color:var(--color-danger)!important}.border-info{border-color:var(--color-info)!important}.rounded-0{border-radius:0!important}.rounded{border-radius:var(--radius-md)!important}.rounded-sm{border-radius:var(--radius-sm)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-xl{border-radius:var(--radius-xl)!important}.rounded-full{border-radius:var(--radius-full)!important}.rounded-top{border-top-left-radius:var(--radius-md)!important}.rounded-right,.rounded-top{border-top-right-radius:var(--radius-md)!important}.rounded-bottom,.rounded-right{border-bottom-right-radius:var(--radius-md)!important}.rounded-bottom,.rounded-left{border-bottom-left-radius:var(--radius-md)!important}.rounded-left{border-top-left-radius:var(--radius-md)!important}.shadow-none{box-shadow:none!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow{box-shadow:var(--shadow-base)!important}.shadow-md{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.shadow-xl{box-shadow:var(--shadow-xl)!important}.shadow-2xl{box-shadow:var(--shadow-2xl)!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.z-0{z-index:0!important}.z-10{z-index:10!important}.z-20{z-index:20!important}.z-30{z-index:30!important}.z-40{z-index:40!important}.z-50{z-index:50!important}.z-auto{z-index:auto!important}.transform{transform:none!important;transform:var(--transform,none)!important}.transform-none{transform:none!important}.translate-x-0{--transform-translate-x:0;transform:translateX(0)!important}.translate-x-1{--transform-translate-x:var(--space-xs);transform:translateX(var(--space-xs))!important}.translate-x-2{--transform-translate-x:var(--space-sm);transform:translateX(var(--space-sm))!important}.translate-x-3{--transform-translate-x:var(--space-md);transform:translateX(var(--space-md))!important}.translate-y-0{--transform-translate-y:0;transform:translateY(0)!important}.translate-y-1{--transform-translate-y:var(--space-xs);transform:translateY(var(--space-xs))!important}.translate-y-2{--transform-translate-y:var(--space-sm);transform:translateY(var(--space-sm))!important}.translate-y-3{--transform-translate-y:var(--space-md);transform:translateY(var(--space-md))!important}.scale-0{transform:scale(0)!important}.scale-50{transform:scale(.5)!important}.scale-75{transform:scale(.75)!important}.scale-90{transform:scale(.9)!important}.scale-95{transform:scale(.95)!important}.scale-100{transform:scale(1)!important}.scale-105{transform:scale(1.05)!important}.scale-110{transform:scale(1.1)!important}.scale-125{transform:scale(1.25)!important}.scale-150{transform:scale(1.5)!important}.rotate-0{transform:rotate(0deg)!important}.rotate-45{transform:rotate(45deg)!important}.rotate-90{transform:rotate(90deg)!important}.rotate-180{transform:rotate(180deg)!important}.cursor-auto{cursor:auto!important}.cursor-default{cursor:default!important}.cursor-pointer{cursor:pointer!important}.cursor-wait{cursor:wait!important}.cursor-text{cursor:text!important}.cursor-move{cursor:move!important}.cursor-help{cursor:help!important}.cursor-not-allowed{cursor:not-allowed!important}.select-none{-webkit-user-select:none!important;user-select:none!important}.select-text{-webkit-user-select:text!important;user-select:text!important}.select-all{-webkit-user-select:all!important;user-select:all!important}.select-auto{-webkit-user-select:auto!important;user-select:auto!important}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.bg-transparent{background-color:initial!important}.bg-white{background-color:#fff!important}.bg-black{background-color:#000!important}.bg-primary{background-color:var(--color-primary)!important}.bg-secondary{background-color:var(--color-gray-500)!important}.bg-success{background-color:var(--color-success)!important}.bg-warning{background-color:var(--color-warning)!important}.bg-danger{background-color:var(--color-danger)!important}.bg-info{background-color:var(--color-info)!important}.bg-light{background-color:var(--color-gray-100)!important}.bg-dark{background-color:var(--color-gray-800)!important}@media (max-width:575px){.d-sm-none{display:none!important}.d-sm-block{display:block!important}.d-sm-flex{display:flex!important}}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-block{display:block!important}.d-sm-flex{display:flex!important}}@media (max-width:767px){.d-md-none{display:none!important}.d-md-block{display:block!important}.d-md-flex{display:flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-block{display:block!important}.d-md-flex{display:flex!important}}@media (max-width:991px){.d-lg-none{display:none!important}.d-lg-block{display:block!important}.d-lg-flex{display:flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-block{display:block!important}.d-lg-flex{display:flex!important}}@media print{.d-print-none{display:none!important}.d-print-block{display:block!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}}.loading-spinner{animation:spin 1s linear infinite;border:2px solid var(--color-gray-200);border-radius:var(--radius-full);border-top-color:var(--color-primary);display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.aspect-square{aspect-ratio:1/1!important}.aspect-video{aspect-ratio:16/9!important}.aspect-photo{aspect-ratio:4/3!important}.sr-only{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.sr-only-focusable:focus{clip:auto!important;height:auto!important;overflow:visible!important;position:static!important;white-space:normal!important;width:auto!important}.skip-link{font-weight:var(--weight-semibold);padding:var(--space-sm) var(--space-md);transition:top var(--transition-base)}.skip-link:focus{outline:2px solid #fff;outline-offset:2px}.focus-trap{position:relative}.focus-visible-only:focus:not(:focus-visible){outline:none}:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--color-primary);outline-offset:2px}.btn:focus-visible,.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.focus-within:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.keyboard-only:not(.focus-visible){outline:none}.card:focus{outline:2px solid var(--color-primary);outline-offset:2px}.list-item:focus{background:rgba(var(--color-primary-rgb),.1);outline:2px solid var(--color-primary);outline-offset:-2px}@media (prefers-contrast:high){.badge,.btn,.card,.form-input,.form-select,.form-textarea{border-width:2px!important}.text-muted{color:var(--color-text-secondary)!important}:focus-visible{outline-color:currentColor!important;outline-width:3px!important}.btn,.card{border:2px solid var(--color-text-primary)!important;box-shadow:none!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}:focus-visible{transition:outline .01ms!important}.hover-grow:hover,.hover-lift:hover,.hover-shrink:hover,.parallax{transform:none!important}}.text-contrast-high{color:var(--color-text-primary)!important;font-weight:var(--weight-semibold)!important}.bg-contrast-high{background:var(--color-text-primary)!important;color:var(--color-bg-primary)!important}@media (prefers-reduced-data:reduce){.animate-fade-in,.animate-scale-in,.animate-slide-in{animation:none!important}.shadow-2xl,.shadow-lg,.shadow-xl{box-shadow:var(--shadow-base)!important}}.touch-target{align-items:center;display:inline-flex;justify-content:center;min-width:44px}.btn,.form-input,.form-select,.touch-target,[role=button],[tabindex]:not([tabindex="-1"]),button{min-height:44px}@media (max-width:768px){.btn,.form-input,.form-select,[role=button],[tabindex]:not([tabindex="-1"]),button{min-height:48px}}.live-region{height:1px;left:-10000px;overflow:hidden;position:absolute;width:1px}.status-message{border-radius:var(--radius-md);margin:var(--space-sm) 0;padding:var(--space-md)}.status-message--error{background:#dc35451a;border:1px solid var(--color-danger);color:var(--color-danger)}.status-message--success{background:#28a7451a;border:1px solid var(--color-success);color:var(--color-success)}.status-message--warning{background:#ffc1071a;border:1px solid var(--color-warning);color:var(--color-warning-dark)}.status-message--info{background:#17a2b81a;border:1px solid var(--color-info);color:var(--color-info)}main:focus{outline:none}.form-group{position:relative}.form-error-message{align-items:center;color:var(--color-danger);display:flex;font-size:var(--text-sm);gap:var(--space-xs);margin-top:var(--space-xs)}.form-error-message:before{content:"⚠";font-size:var(--text-base)}.form-help-text{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-xs)}.required:after{color:var(--color-danger);content:" *";font-weight:var(--weight-bold)}.form-input:invalid,.form-select:invalid,.form-textarea:invalid{background:#dc35450d;border-color:var(--color-danger)}.form-input:invalid:focus,.form-select:invalid:focus,.form-textarea:invalid:focus{box-shadow:0 0 0 3px #dc35451a;outline-color:var(--color-danger)}.table caption{caption-side:top;color:var(--color-text-secondary);font-weight:var(--weight-semibold);margin-bottom:var(--space-md)}.table caption,.table th[scope=col]{text-align:left}.table th[scope=row]{font-weight:var(--weight-semibold);text-align:left}.btn[aria-pressed=true]{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn[aria-expanded=true]:after{content:" ↑"}.btn[aria-expanded=false]:after{content:" ↓"}.external-link:after{color:var(--color-text-muted);content:" (öppnas i nytt fönster)";font-size:var(--text-xs)}@media screen and (max-width:768px){.external-link:after{content:" ↗"}}.modal[aria-hidden=true]{display:none!important}.modal-backdrop{background:#000000bf}.notification[role=alert]{border-left:4px solid var(--color-danger)}.notification[role=status]{border-left:4px solid var(--color-info)}.loading[aria-busy=true]:after{animation:spin 1s linear infinite;border:2px solid var(--color-primary);border-radius:var(--radius-full);border-top:2px solid #0000;content:"";display:inline-block;height:16px;margin-left:var(--space-sm);width:16px}.tooltip{position:relative}.tooltip[aria-describedby]{cursor:help}.accessible-scroll{scrollbar-color:var(--color-primary) var(--color-gray-100);scrollbar-width:thick}.accessible-scroll::-webkit-scrollbar{height:16px;width:16px}.accessible-scroll::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-sm)}.accessible-scroll::-webkit-scrollbar-thumb{background:var(--color-primary);border:2px solid var(--color-gray-100);border-radius:var(--radius-sm)}@media print{.no-print{display:none!important}*{background:#fff!important;color:#000!important}a:after{font-size:var(--text-xs)}.external-link:after,a:after{content:" (" attr(href) ")"}}@media screen and (-ms-high-contrast:active){.btn{border:2px solid}.card{border:1px solid}.form-input,.form-select,.form-textarea{border:2px solid}}@-moz-document url-prefix(){.focus-visible-only:focus{outline:2px solid var(--color-primary)}}@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:.001dpcm){@supports (-webkit-appearance:none){.focus-visible-only:focus{outline:2px solid var(--color-primary)}}}[data-voice-command]{position:relative}[data-voice-command]:before{color:#0000;content:attr(data-voice-command);font-size:1px;left:-10000px;position:absolute}@media (prefers-reduced-transparency:reduce){.backdrop-blur,.glass-effect{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--color-bg-primary)!important}}.dyslexia-friendly{font-family:Comic Sans MS,Trebuchet MS,Arial,sans-serif;letter-spacing:.12em;line-height:1.8;word-spacing:.16em}.dyslexia-friendly p{margin-bottom:var(--space-lg);text-align:left}.dyslexia-friendly h1,.dyslexia-friendly h2,.dyslexia-friendly h3{color:var(--color-primary);text-decoration:underline}.aria-label-helper{font-size:1px;left:-10000px;position:absolute}.keyboard-user :focus{outline:3px solid var(--color-primary)!important;outline-offset:2px!important}.mouse-user :focus{outline:none!important}.success-indicator:before{color:var(--color-success);content:"✓ ";font-weight:var(--weight-bold)}.error-indicator:before{color:var(--color-danger);content:"✗ ";font-weight:var(--weight-bold)}.warning-indicator:before{color:var(--color-warning);content:"⚠ ";font-weight:var(--weight-bold)}.info-indicator:before{color:var(--color-info);content:"ℹ ";font-weight:var(--weight-bold)}.profile-container,.profile-page,.profilepage-container{box-sizing:border-box;max-width:1000px;padding:var(--space-lg);width:100%}@media (min-width:1025px){.profile-container,.profile-page,.profilepage-container{margin-left:270px;margin-right:auto;width:calc(100% - 270px)}}.profile-header{align-items:center;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);display:flex;flex-direction:column;margin-bottom:var(--space-2xl);padding:var(--space-2xl);text-align:center}.profile-avatar-large{border:4px solid var(--color-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);height:120px;margin-bottom:var(--space-lg);object-fit:cover;width:120px}.profile-name{color:var(--color-text-primary);font-size:var(--text-3xl);font-weight:var(--weight-bold);margin-bottom:var(--space-sm)}.profile-username{color:var(--color-text-muted);font-size:var(--text-lg);margin-bottom:var(--space-md)}.profile-bio{color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0 auto;max-width:600px}.profile-section{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);margin-bottom:var(--space-xl);padding:var(--space-xl)}.profile-section h2{border-bottom:2px solid var(--border-color);color:var(--color-text-primary);font-size:var(--text-2xl);margin-bottom:var(--space-lg);padding-bottom:var(--space-md)}@media (max-width:768px){.profile-container,.profile-page,.profilepage-container{padding:var(--space-md)}.profile-header{padding:var(--space-xl)}.profile-avatar-large{height:100px;width:100px}.profile-name{font-size:var(--text-2xl)}.profile-section{padding:var(--space-lg)}}@media (max-width:480px){.profile-avatar-large{height:80px;width:80px}.profile-name{font-size:var(--text-xl)}.profile-section{padding:var(--space-md)}}.profile-image-section{margin-bottom:var(--space-2xl);text-align:center}.profile-image-section img{border:4px solid var(--color-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);height:150px;margin-bottom:var(--space-md);object-fit:cover;transition:all var(--transition-base);width:150px}.profile-image-section img:hover{box-shadow:var(--shadow-xl);transform:scale(1.05)}.profile-image-placeholder{align-items:center;background:linear-gradient(135deg,var(--color-gray-100),var(--color-gray-200));border:4px solid var(--color-gray-300);border-radius:var(--radius-full);color:var(--color-text-muted);display:flex;font-size:var(--text-sm);font-weight:var(--weight-medium);height:150px;justify-content:center;margin:0 auto var(--space-md);width:150px}.profile-info{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);margin-bottom:var(--space-xl);padding:var(--space-2xl)}.profile-info h3{border-bottom:2px solid var(--color-primary);color:var(--color-text-primary);font-size:var(--text-2xl);margin-bottom:var(--space-lg);padding-bottom:var(--space-md)}.profile-info p{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-md)}.profile-info p strong{color:var(--color-text-primary);display:inline-block;font-weight:var(--weight-semibold);min-width:150px}@media (max-width:768px){.profile-info{padding:var(--space-xl)}.profile-info p strong{display:block;margin-bottom:var(--space-xs)}}.app{background:var(--color-bg-secondary);color:var(--color-text-primary);display:flex;flex-direction:column;font-family:var(--font-primary);line-height:var(--leading-normal);min-height:100vh}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:var(--space-lg);width:100%}@media (min-width:769px){.main-content{margin-left:250px;transition:margin-left var(--transition-base)}}@media (max-width:768px){.main-content{margin-left:0;padding:var(--space-md)}}.container{contain:layout style paint}img{height:auto;max-width:100%}*{will-change:auto}.btn:hover,.card:hover{will-change:transform,box-shadow}@media (prefers-color-scheme:dark){.app{background:var(--color-bg-primary);color:var(--color-text-primary)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.btn,.card{border-width:2px}}@media print{.app{background:#fff!important;color:#000!important}.btn,.header,.no-print,.sidebar{display:none!important}.main-content{margin:0!important;max-width:none!important;padding:0!important}}.loading-skeleton{animation:loading-shimmer 2s infinite;background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-50) 50%,var(--color-gray-100) 75%);background-size:200% 100%}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skip-link{background:var(--color-primary);border-radius:var(--radius-sm);color:#fff;left:6px;padding:8px;position:absolute;text-decoration:none;top:-40px;z-index:var(--z-tooltip)}.skip-link:focus{top:6px}.error-boundary{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);margin:var(--space-xl) auto;max-width:600px;padding:var(--space-2xl);text-align:center}.error-boundary h2{color:var(--color-danger);margin-bottom:var(--space-md)}.error-boundary p{color:var(--color-text-secondary);margin-bottom:var(--space-lg)}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.glass-effect{-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop)}}@supports (display:grid){.grid-fallback{display:grid}}@supports not (display:grid){.grid-fallback{display:flex;flex-wrap:wrap}}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.app-footer{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 -2px 10px #0000001a;font-size:.9rem;padding:15px 20px}.footer-content{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-content,.footer-section{align-items:center}.footer-text{font-size:.85rem;margin:0;opacity:.9}.footer-links{align-items:center;gap:12px}.footer-link{color:#fff;font-size:.85rem;opacity:.9;transition:opacity .2s ease}.footer-link:hover{opacity:1}.footer-separator{font-size:.75rem;opacity:.5}@media (max-width:768px){.app-footer{font-size:.8rem;padding:12px 15px}.footer-content{flex-direction:column;gap:10px;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}.footer-link,.footer-text{font-size:.75rem}}@media (min-width:1025px){body.logged-in .app-footer{margin-left:270px;margin-right:var(--space-lg)}}.app-footer.minimal{font-size:.75rem;padding:8px 20px}.search-users-container{position:relative;width:100%}.search-form{margin:0;padding:0;width:100%}.search-input-container{align-items:stretch!important;box-sizing:border-box!important;display:flex!important;flex-direction:row!important;gap:8px!important;margin:0!important;padding:0!important;width:100%!important}.search-input{border:1px solid #ddd!important;border-radius:20px!important;box-sizing:border-box!important;flex:1 1!important;font-size:14px!important;max-width:none!important;min-width:0!important;outline:none!important;padding:10px 15px!important;position:relative!important;transition:all .2s!important;width:auto!important}.search-input:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important}.search-button{align-items:center!important;background:#fff!important;border:1px solid #ddd!important;border-radius:20px!important;box-sizing:border-box!important;cursor:pointer!important;display:flex!important;flex:0 0 44px!important;font-size:18px!important;height:44px!important;justify-content:center!important;margin:0!important;max-width:44px!important;min-height:44px!important;min-width:44px!important;padding:0!important;position:relative!important;transition:all .2s!important;width:44px!important}.search-button:hover:not(:disabled){background:#f5f5f5!important;transform:scale(1.05)!important}.search-button:disabled{cursor:not-allowed!important;opacity:.5!important}.sidebar .search-input{background:#ffffffe6!important;border-color:#ffffff4d!important}.sidebar .search-button{background:#fff3!important;border-color:#ffffff4d!important;color:#fff!important}.suggestions-dropdown{background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 4px 12px #00000026;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 5px);z-index:1000}.suggestion-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:12px 16px;transition:background .2s}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#f8f9ff}.suggestion-name{color:#333;font-weight:500}.suggestion-note{color:#999;font-size:12px;margin-top:4px}.no-suggestions{color:#999;font-size:14px;padding:16px;text-align:center}.search-error{background:#fee;border-radius:8px;color:#e74c3c;font-size:12px;margin-top:8px;padding:8px}.search-loading{color:#999;font-size:12px;font-style:italic;margin-top:8px}@media (max-width:768px){.search-input{font-size:16px!important;padding:12px 15px!important}}.app-footer{background:linear-gradient(135deg,#2c3e50,#34495e);box-shadow:0 -4px 20px #0003;color:#fff;margin-top:auto;padding:40px 20px 20px}.footer-container{margin:0 auto;max-width:1200px}.footer-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.footer-section{display:flex;flex-direction:column}.footer-heading{border-bottom:2px solid #fff3;color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:15px;padding-bottom:10px}.footer-description{color:#fffc;font-size:.9rem;line-height:1.6;margin:0}.footer-links{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.footer-link{color:#fffc;display:inline-block;font-size:.9rem;text-decoration:none;transition:all .2s ease}.footer-link:hover{color:#fff;text-decoration:underline;transform:translateX(5px)}.footer-bottom{align-items:center;border-top:1px solid #fff3;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding-top:20px}.footer-copyright{color:#ffffffb3;font-size:.85rem;margin:0}.footer-social{display:flex;gap:15px}.social-icon{align-items:center;background:#ffffff1a;border-radius:50%;color:#fffc;display:flex;font-size:1.5rem;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.social-icon:hover{background:#fff3;color:#fff;transform:scale(1.1)}@media (min-width:1025px){body.logged-in .app-footer{margin-left:250px;transition:margin-left .3s ease}}@media (max-width:768px){.app-footer{padding:30px 15px 20px}.footer-grid{gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.footer-heading{font-size:1rem}.footer-bottom{flex-direction:column;text-align:center}}@media (max-width:480px){.app-footer{padding:25px 10px 15px}.footer-grid{gap:25px;grid-template-columns:1fr}.footer-section{text-align:center}.footer-links{align-items:center}.footer-link:hover{transform:translateX(0)}.footer-heading{font-size:.95rem}.footer-description,.footer-link{font-size:.85rem}.footer-copyright{font-size:.75rem}}@media (prefers-color-scheme:dark){.app-footer{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}}@media (prefers-reduced-motion:reduce){.footer-link:hover,.social-icon:hover{transform:none}}