@import "https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap";
:root{--color-primary:#0060ad;--color-primary-dim:#005498;--color-primary-container:#68abff;--color-primary-fixed:#68abff;--color-primary-fixed-dim:#599ef1;--color-on-primary:#f8f8ff;--color-on-primary-container:#002b52;--color-on-primary-fixed:#000c1e;--color-secondary:#4b626e;--color-secondary-dim:#3f5661;--color-secondary-container:#cde6f4;--color-on-secondary:#f2faff;--color-on-secondary-container:#3e5560;--color-tertiary:#645983;--color-tertiary-dim:#574d76;--color-tertiary-container:#d8cafb;--color-on-tertiary:#fdf7ff;--color-on-tertiary-container:#4c416a;--color-error:#a83836;--color-error-dim:#67040d;--color-error-container:#fa746f;--color-on-error:#fff7f6;--color-on-error-container:#6e0a12;--color-success:#2e7d32;--color-success-container:#a5d6a7;--color-on-success:#fff;--color-background:#f8f9fa;--color-surface:#f8f9fa;--color-surface-bright:#f8f9fa;--color-surface-dim:#d5dbdd;--color-surface-container-lowest:#fff;--color-surface-container-low:#f1f4f5;--color-surface-container:#ebeef0;--color-surface-container-high:#e5e9eb;--color-surface-container-highest:#dee3e6;--color-surface-variant:#dee3e6;--color-surface-tint:#0060ad;--color-on-background:#2d3335;--color-on-surface:#2d3335;--color-on-surface-variant:#5a6062;--color-outline:#767c7e;--color-outline-variant:#adb3b5;--color-inverse-surface:#0c0f10;--color-inverse-on-surface:#9b9d9e;--color-inverse-primary:#68abff;--font-family:"Manrope", system-ui, -apple-system, sans-serif;--text-display-lg-size:3.5rem;--text-display-lg-height:1.1;--text-display-lg-spacing:-.02em;--text-display-lg-weight:800;--text-display-md-size:2.75rem;--text-display-md-height:1.15;--text-display-md-spacing:-.02em;--text-display-md-weight:700;--text-display-sm-size:2.25rem;--text-display-sm-height:1.2;--text-display-sm-spacing:-.01em;--text-display-sm-weight:700;--text-headline-lg-size:2rem;--text-headline-lg-height:1.25;--text-headline-lg-spacing:-.02em;--text-headline-lg-weight:700;--text-headline-md-size:1.75rem;--text-headline-md-height:1.3;--text-headline-md-weight:600;--text-headline-sm-size:1.5rem;--text-headline-sm-height:1.35;--text-headline-sm-weight:600;--text-title-lg-size:1.375rem;--text-title-lg-height:1.4;--text-title-lg-weight:600;--text-title-md-size:1rem;--text-title-md-height:1.4;--text-title-md-weight:600;--text-title-sm-size:.875rem;--text-title-sm-height:1.4;--text-title-sm-weight:600;--text-body-lg-size:1rem;--text-body-lg-height:1.6;--text-body-lg-weight:400;--text-body-md-size:.875rem;--text-body-md-height:1.6;--text-body-md-weight:400;--text-body-sm-size:.75rem;--text-body-sm-height:1.6;--text-body-sm-weight:400;--text-label-lg-size:.875rem;--text-label-lg-height:1.4;--text-label-lg-weight:500;--text-label-md-size:.75rem;--text-label-md-height:1.4;--text-label-md-weight:500;--text-label-sm-size:.6875rem;--text-label-sm-height:1.4;--text-label-sm-weight:500;--text-label-sm-spacing:.05em;--space-1:.35rem;--space-2:.7rem;--space-3:1rem;--space-4:1.4rem;--space-5:1.75rem;--space-6:2rem;--space-8:2.75rem;--space-10:3.5rem;--space-12:4.25rem;--space-16:5.5rem;--space-20:7rem;--space-24:8.5rem;--radius-xs:.25rem;--radius-sm:.5rem;--radius-md:1.5rem;--radius-lg:2rem;--radius-xl:3rem;--radius-full:9999px;--shadow-ambient:0px 20px 40px #002b520f;--shadow-hover:0px 24px 48px #002b521a;--shadow-float:0px 32px 64px #002b5214;--shadow-sm:0px 4px 12px #002b520a;--shadow-md:0px 8px 24px #002b520f;--shadow-lg:0px 16px 32px #002b5214;--ghost-border:1px solid #adb3b526;--glass-bg:#fff9;--glass-blur:blur(20px);--glass-nav-bg:#f8f9facc;--glow-radial:radial-gradient(ellipse at 50% 30%, #599ef10d, #f8f9fa 70%);--gradient-primary:linear-gradient(135deg, #0060ad, #005498);--gradient-hero:linear-gradient(135deg, #0060ad14, #599ef10a);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-base:.25s;--duration-slow:.4s;--duration-enter:.5s;--z-base:1;--z-dropdown:10;--z-sticky:20;--z-nav:30;--z-modal:40;--z-toast:50;--nav-height:4rem;--sidenav-width:16rem;--sidenav-collapsed-width:4rem;--max-content:1280px;--page-padding:var(--space-12)}[data-theme=dark]{--color-background:#0f1214;--color-surface:#0f1214;--color-surface-bright:#1a1f22;--color-surface-dim:#090c0e;--color-surface-container-lowest:#0a0d0f;--color-surface-container-low:#131719;--color-surface-container:#1a1f22;--color-surface-container-high:#1f2527;--color-surface-container-highest:#252b2e;--color-surface-variant:#252b2e;--color-on-background:#dde3e6;--color-on-surface:#dde3e6;--color-on-surface-variant:#8a9295;--color-outline:#6b7275;--color-outline-variant:#353c3f;--color-inverse-surface:#dde3e6;--color-inverse-on-surface:#4a5155;--ghost-border:1px solid #ffffff12;--glass-bg:#0f1214cc;--glass-nav-bg:#0a0d0fd9;--glow-radial:radial-gradient(ellipse at 50% 30%, #599ef10a, #0f1214 70%);--shadow-ambient:0px 20px 40px #0000004d;--shadow-hover:0px 24px 48px #0006;--shadow-float:0px 32px 64px #00000080;--shadow-sm:0px 4px 12px #0003;--color-primary:#68abff;--color-primary-dim:#4d96f5;--color-on-primary:#001c3a;--color-primary-container:#003f76}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{min-height:100vh;line-height:1.6}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;font-weight:600}p{overflow-wrap:break-word}table{border-collapse:collapse;border-spacing:0}:focus{outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-outline-variant);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-outline)}
body{font-family:var(--font-family);font-size:var(--text-body-lg-size);line-height:var(--text-body-lg-height);font-weight:var(--text-body-lg-weight);color:var(--color-on-surface);background-color:var(--color-background);background-image:var(--glow-radial);background-attachment:fixed}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-xs)}.text-display-lg{font-size:var(--text-display-lg-size);line-height:var(--text-display-lg-height);letter-spacing:var(--text-display-lg-spacing);font-weight:var(--text-display-lg-weight)}.text-display-md{font-size:var(--text-display-md-size);line-height:var(--text-display-md-height);letter-spacing:var(--text-display-md-spacing);font-weight:var(--text-display-md-weight)}.text-display-sm{font-size:var(--text-display-sm-size);line-height:var(--text-display-sm-height);letter-spacing:var(--text-display-sm-spacing);font-weight:var(--text-display-sm-weight)}.text-headline-lg{font-size:var(--text-headline-lg-size);line-height:var(--text-headline-lg-height);letter-spacing:var(--text-headline-lg-spacing);font-weight:var(--text-headline-lg-weight)}.text-headline-md{font-size:var(--text-headline-md-size);line-height:var(--text-headline-md-height);font-weight:var(--text-headline-md-weight)}.text-headline-sm{font-size:var(--text-headline-sm-size);line-height:var(--text-headline-sm-height);font-weight:var(--text-headline-sm-weight)}.text-title-lg{font-size:var(--text-title-lg-size);line-height:var(--text-title-lg-height);font-weight:var(--text-title-lg-weight)}.text-title-md{font-size:var(--text-title-md-size);line-height:var(--text-title-md-height);font-weight:var(--text-title-md-weight)}.text-title-sm{font-size:var(--text-title-sm-size);line-height:var(--text-title-sm-height);font-weight:var(--text-title-sm-weight)}.text-body-lg{font-size:var(--text-body-lg-size);line-height:var(--text-body-lg-height);font-weight:var(--text-body-lg-weight)}.text-body-md{font-size:var(--text-body-md-size);line-height:var(--text-body-md-height);font-weight:var(--text-body-md-weight)}.text-body-sm{font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-height);font-weight:var(--text-body-sm-weight)}.text-label-lg{font-size:var(--text-label-lg-size);line-height:var(--text-label-lg-height);font-weight:var(--text-label-lg-weight)}.text-label-md{font-size:var(--text-label-md-size);line-height:var(--text-label-md-height);font-weight:var(--text-label-md-weight)}.text-label-sm{font-size:var(--text-label-sm-size);line-height:var(--text-label-sm-height);font-weight:var(--text-label-sm-weight);letter-spacing:var(--text-label-sm-spacing);text-transform:uppercase}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-muted{color:var(--color-on-surface-variant)}.text-on-primary{color:var(--color-on-primary)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}::selection{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--duration-enter) var(--ease-out) both}.animate-fade-in-up{animation:fadeInUp var(--duration-enter) var(--ease-out) both}.animate-fade-in-down{animation:fadeInDown var(--duration-enter) var(--ease-out) both}.animate-scale-in{animation:scaleIn var(--duration-enter) var(--ease-out) both}.animate-slide-right{animation:slideInRight var(--duration-enter) var(--ease-out) both}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-shimmer{animation:2s linear infinite shimmer}.animate-float{animation:3s ease-in-out infinite float}.animate-spin{animation:1s linear infinite spin}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.app-shell{flex-direction:column;min-height:100vh;display:flex;position:relative}.app-shell--admin{flex-direction:row;min-height:100vh;display:flex}.app-shell__main{flex-direction:column;flex:1;display:flex}.topnav{z-index:var(--z-nav);height:var(--nav-height);padding:0 var(--space-8);background:var(--glass-nav-bg);-webkit-backdrop-filter:var(--glass-blur);border-bottom:var(--ghost-border);transition:background var(--duration-base) var(--ease-out);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topnav__logo{align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--text-title-lg-size);color:var(--color-on-surface);letter-spacing:-.02em;display:flex}.topnav__logo-icon{background:var(--gradient-primary);border-radius:var(--radius-sm);width:2rem;height:2rem;color:var(--color-on-primary);justify-content:center;align-items:center;display:flex}.topnav__actions{align-items:center;gap:var(--space-3);display:flex}.sidenav{width:var(--sidenav-width);height:100vh;padding:var(--space-6) var(--space-4);background:var(--glass-nav-bg);-webkit-backdrop-filter:var(--glass-blur);border-right:var(--ghost-border);z-index:var(--z-nav);flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0;left:0;overflow-y:auto}.sidenav__logo{align-items:center;gap:var(--space-2);padding:0 var(--space-3);margin-bottom:var(--space-8);font-weight:700;font-size:var(--text-title-lg-size);letter-spacing:-.02em;display:flex}.sidenav__logo-icon{background:var(--gradient-primary);border-radius:var(--radius-sm);width:2.25rem;height:2.25rem;color:var(--color-on-primary);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.sidenav__section{margin-bottom:var(--space-6)}.sidenav__section-title{font-size:var(--text-label-sm-size);font-weight:var(--text-label-sm-weight);letter-spacing:var(--text-label-sm-spacing);text-transform:uppercase;color:var(--color-on-surface-variant);padding:0 var(--space-3);margin-bottom:var(--space-2)}.sidenav__link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-on-surface-variant);font-size:var(--text-body-md-size);transition:all var(--duration-fast) var(--ease-out);cursor:pointer;font-weight:500;display:flex}.sidenav__link:hover{background:var(--color-surface-container-low);color:var(--color-on-surface)}.sidenav__link--active{background:var(--color-primary);color:var(--color-on-primary);font-weight:600}.sidenav__link--active:hover{background:var(--color-primary-dim);color:var(--color-on-primary)}.sidenav__link-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.sidenav__spacer{flex:1}.sidenav__footer{padding:var(--space-4) var(--space-3);border-top:var(--ghost-border);margin-top:auto}.sidenav__user{align-items:center;gap:var(--space-3);display:flex}.sidenav__avatar{border-radius:var(--radius-full);background:var(--color-primary-container);width:2.25rem;height:2.25rem;font-weight:700;font-size:var(--text-body-sm-size);color:var(--color-on-primary-container);justify-content:center;align-items:center;display:flex}.sidenav__user-info{flex-direction:column;display:flex}.sidenav__user-name{font-size:var(--text-body-md-size);color:var(--color-on-surface);font-weight:600}.sidenav__user-email{font-size:var(--text-body-sm-size);color:var(--color-on-surface-variant)}.page-container{max-width:var(--max-content);width:100%;padding:var(--page-padding) var(--space-8);margin:0 auto}.page-container--narrow{max-width:720px}.page-container--wide{max-width:1440px}.page-container--center{min-height:calc(100vh - var(--nav-height));text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.footer{padding:var(--space-6) var(--space-8);color:var(--color-on-surface-variant);font-size:var(--text-body-sm-size);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.footer__links{gap:var(--space-6);display:flex}.footer__link{transition:color var(--duration-fast) var(--ease-out)}.footer__link:hover{color:var(--color-primary)}.admin-content{flex:1;min-height:100vh;overflow-y:auto}.sidenav__hamburger{top:var(--space-4);left:var(--space-4);z-index:calc(var(--z-nav) + 1);border:1px solid var(--color-outline-variant);background:var(--glass-card-bg);width:2.5rem;height:2.5rem;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-md);cursor:pointer;color:var(--color-on-surface);transition:background var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:none;position:fixed}.sidenav__hamburger:hover{background:var(--color-surface-2)}.sidenav__close{top:var(--space-4);right:var(--space-4);cursor:pointer;width:2rem;height:2rem;color:var(--color-on-surface-variant);background:0 0;border:none;justify-content:center;align-items:center;display:none;position:absolute}.sidenav__backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:calc(var(--z-nav) - 1);background:#0009;display:none;position:fixed;inset:0}@media (max-width:768px){.app-shell--admin{flex-direction:column}.sidenav__hamburger,.sidenav__close{display:flex}.sidenav__backdrop{display:block}.sidenav{width:280px;height:100vh;transition:transform var(--duration-enter) var(--ease-out);z-index:var(--z-nav);position:fixed;top:0;left:0;transform:translate(-100%)}.sidenav--mobile-open{transform:translate(0)}.admin-content{padding-top:4rem}}.sidenav--collapsed{width:var(--sidenav-collapsed-width);padding:var(--space-6) var(--space-2)}.sidenav--collapsed .sidenav__logo{margin-bottom:var(--space-8);justify-content:center;padding:0}.sidenav--collapsed .sidenav__section{margin-bottom:var(--space-4)}.sidenav__link--icon-only{padding:var(--space-2);justify-content:center}.sidenav__link--icon-only .sidenav__link-icon{margin:0}.sidenav__collapse-btn{border-radius:var(--radius-full);border:var(--ghost-border);background:var(--color-surface-container-low);width:1.75rem;height:1.75rem;color:var(--color-on-surface-variant);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);margin:var(--space-3) auto 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidenav__collapse-btn:hover{background:var(--color-surface-container);color:var(--color-on-surface)}.sidenav__controls{margin-bottom:var(--space-3)}.sidenav__control-btn{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-on-surface-variant);font-size:var(--text-body-sm-size);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;background:0 0;border:none;font-weight:500;display:flex}.sidenav__control-btn:hover{background:var(--color-surface-container-low);color:var(--color-on-surface)}.sidenav--collapsed .sidenav__control-btn{padding:var(--space-2);justify-content:center}.sidenav--collapsed .sidenav__footer{padding:var(--space-4) var(--space-1)}
.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-family:var(--font-family);font-size:var(--text-label-lg-size);white-space:nowrap;transition:all var(--duration-base) var(--ease-out);cursor:pointer;font-weight:600;line-height:1;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";transition:background var(--duration-fast) var(--ease-out);border-radius:inherit;background:#fff0;position:absolute;inset:0}.btn:active:after{background:#0000000d}.btn--primary{background:var(--gradient-primary);color:var(--color-on-primary);box-shadow:var(--shadow-sm)}.btn--primary:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.btn--primary:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.btn--secondary{background:var(--glass-bg);color:var(--color-primary);border:var(--ghost-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.btn--secondary:hover{background:var(--color-surface-container-low);box-shadow:var(--shadow-sm)}.btn--tertiary{color:var(--color-primary);padding:var(--space-2) var(--space-3);background:0 0}.btn--tertiary:hover{background:var(--color-surface-container-low)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-body-sm-size)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-body-lg-size)}.btn--icon{padding:var(--space-2);border-radius:var(--radius-full);width:2.5rem;height:2.5rem}.btn--icon svg{width:1.25rem;height:1.25rem}.btn--disabled,.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn__spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:1rem;height:1rem;animation:.6s linear infinite spin}.input-group{gap:var(--space-1);flex-direction:column;display:flex}.input-group__label{font-size:var(--text-label-lg-size);font-weight:var(--text-label-lg-weight);color:var(--color-on-surface)}.input-field{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-container-lowest);border:var(--ghost-border);color:var(--color-on-surface);font-size:var(--text-body-lg-size);transition:all var(--duration-fast) var(--ease-out);width:100%}.input-field::placeholder{color:var(--color-outline)}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0060ad1a}.input-field--error{border-color:var(--color-error)}.input-group__helper{font-size:var(--text-body-sm-size);color:var(--color-on-surface-variant)}.input-group__error{font-size:var(--text-body-sm-size);color:var(--color-error)}.upload-zone{border:2px dashed var(--color-outline-variant);border-radius:var(--radius-xl);padding:var(--space-16) var(--space-8);justify-content:center;align-items:center;gap:var(--space-4);text-align:center;transition:all var(--duration-base) var(--ease-out);cursor:pointer;background:var(--color-surface-container-lowest);flex-direction:column;display:flex;position:relative}.upload-zone:hover{border-color:var(--color-primary-container);box-shadow:var(--shadow-ambient);background:#68abff08}.upload-zone--active{border-color:var(--color-primary);background:#68abff0f;border-style:solid;box-shadow:0 0 0 4px #0060ad14}.upload-zone--uploading{pointer-events:none}.upload-zone__icon{width:4rem;height:4rem;color:var(--color-primary-container);transition:transform var(--duration-base) var(--ease-spring)}.upload-zone:hover .upload-zone__icon{transform:translateY(-4px)}.upload-zone__title{font-size:var(--text-headline-sm-size);font-weight:var(--text-headline-sm-weight);color:var(--color-on-surface)}.upload-zone__subtitle{font-size:var(--text-body-md-size);color:var(--color-on-surface-variant);max-width:24rem}.upload-zone__input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-zone__or{font-size:var(--text-body-sm-size);color:var(--color-outline);text-transform:uppercase;letter-spacing:.1em}.file-card{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-surface-container-lowest);border-radius:var(--radius-lg);border:var(--ghost-border);transition:all var(--duration-base) var(--ease-out);display:flex}.file-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.file-card__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.file-card__icon--video{color:var(--color-primary);background:#68abff1f}.file-card__icon--image{color:var(--color-tertiary);background:#d8cafb40}.file-card__icon--document{color:var(--color-secondary);background:#cde6f44d}.file-card__icon--other{background:var(--color-surface-container);color:var(--color-on-surface-variant)}.file-card__info{flex:1;min-width:0}.file-card__name{font-size:var(--text-body-lg-size);color:var(--color-on-surface);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.file-card__meta{font-size:var(--text-body-sm-size);color:var(--color-on-surface-variant);gap:var(--space-3);display:flex}.file-card__actions{gap:var(--space-1);display:flex}.progress{background:var(--color-surface-container);border-radius:var(--radius-full);width:100%;height:.35rem;overflow:hidden}.progress__bar{background:var(--gradient-primary);border-radius:var(--radius-full);height:100%;transition:width var(--duration-base) var(--ease-out)}.progress--lg{height:.5rem}.progress__label{margin-bottom:var(--space-1);font-size:var(--text-body-sm-size);color:var(--color-on-surface-variant);justify-content:space-between;display:flex}.link-copy{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-surface-container-lowest);border:var(--ghost-border);border-radius:var(--radius-lg);max-width:100%;display:flex}.link-copy__url{font-family:Manrope,monospace;font-size:var(--text-body-md-size);color:var(--color-primary);white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:all;user-select:all;flex:1;font-weight:500;overflow:hidden}.link-copy__btn{flex-shrink:0}.link-copy__copied{font-size:var(--text-body-sm-size);color:var(--color-success);font-weight:500}.stat-card{padding:var(--space-6);background:var(--color-surface-container-lowest);border-radius:var(--radius-lg);border:var(--ghost-border);transition:all var(--duration-base) var(--ease-out)}.stat-card:hover{box-shadow:var(--shadow-ambient);transform:translateY(-2px)}.stat-card__header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.stat-card__label{font-size:var(--text-label-lg-size);font-weight:var(--text-label-lg-weight);color:var(--color-on-surface-variant)}.stat-card__icon{border-radius:var(--radius-md);width:2.5rem;height:2.5rem;color:var(--color-primary);background:#68abff1a;justify-content:center;align-items:center;display:flex}.stat-card__value{font-size:var(--text-display-sm-size);color:var(--color-on-surface);letter-spacing:-.02em;font-weight:800;line-height:1}.stat-card__trend{align-items:center;gap:var(--space-1);margin-top:var(--space-2);font-size:var(--text-body-sm-size);font-weight:500;display:inline-flex}.stat-card__trend--up{color:var(--color-success)}.stat-card__trend--down{color:var(--color-error)}.storage-bar{padding:var(--space-6);background:var(--color-surface-container-lowest);border-radius:var(--radius-lg);border:var(--ghost-border)}.storage-bar__header{margin-bottom:var(--space-4);justify-content:space-between;align-items:baseline;display:flex}.storage-bar__title{font-size:var(--text-title-md-size);font-weight:var(--text-title-md-weight)}.storage-bar__usage{font-size:var(--text-body-md-size);color:var(--color-on-surface-variant)}.storage-bar__track{background:var(--color-surface-container);border-radius:var(--radius-full);width:100%;height:.75rem;display:flex;overflow:hidden}.storage-bar__segment{height:100%;transition:width var(--duration-slow) var(--ease-out)}.storage-bar__segment--video{background:var(--color-primary)}.storage-bar__segment--image{background:var(--color-tertiary)}.storage-bar__segment--document{background:var(--color-secondary)}.storage-bar__segment--other{background:var(--color-outline-variant)}.storage-bar__legend{gap:var(--space-2);margin-top:var(--space-5);flex-direction:column;display:flex}.storage-bar__legend-item{align-items:center;gap:var(--space-2);font-size:var(--text-body-sm-size);color:var(--color-on-surface-variant);display:flex}.storage-bar__legend-dot{border-radius:var(--radius-full);flex-shrink:0;width:10px;height:10px}.storage-bar__legend-label{color:var(--color-on-surface);flex:1;font-weight:500}.storage-bar__legend-size{font-variant-numeric:tabular-nums}.storage-bar__legend-pct{color:var(--color-on-surface-variant);opacity:.7;text-align:right;font-variant-numeric:tabular-nums;min-width:36px;font-size:.7rem}.storage-bar__types{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-outline-variant)}.storage-bar__types-title{font-size:var(--text-label-md-size);color:var(--color-on-surface);margin-bottom:var(--space-3);letter-spacing:.04em;text-transform:uppercase;opacity:.7;font-weight:600}.storage-bar__types-list{gap:var(--space-2);scrollbar-width:thin;flex-direction:column;max-height:200px;display:flex;overflow-y:auto}.storage-bar__type-row{align-items:center;gap:var(--space-2);color:var(--color-on-surface-variant);font-size:.78rem;display:flex}.storage-bar__type-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.storage-bar__type-ext{font-family:var(--font-mono,monospace);color:var(--color-on-surface);min-width:44px;font-size:.75rem;font-weight:600}.storage-bar__type-count{color:var(--color-on-surface-variant);flex:1;font-size:.72rem}.storage-bar__type-size{font-variant-numeric:tabular-nums;text-align:right;min-width:52px}.storage-bar__type-pct{opacity:.65;text-align:right;font-variant-numeric:tabular-nums;min-width:36px;font-size:.68rem}.file-table__tab--expired{color:var(--color-on-surface-variant)}.file-table__tab--expired.file-table__tab--active{color:#f87171}.file-table__tab-count--expired{color:#f87171!important;background:#ef44442e!important}.chart-card{padding:var(--space-6);background:var(--color-surface-container-lowest);border-radius:var(--radius-lg);border:var(--ghost-border)}.chart-card__header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.chart-card__title{font-size:var(--text-title-lg-size);font-weight:var(--text-title-lg-weight)}.chart-card__filters{gap:var(--space-1);background:var(--color-surface-container);border-radius:var(--radius-full);padding:var(--space-1);display:flex}.chart-card__filter{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-label-md-size);color:var(--color-on-surface-variant);transition:all var(--duration-fast) var(--ease-out);cursor:pointer;background:0 0;border:none;font-weight:500}.chart-card__filter--active{background:var(--color-surface-container-lowest);color:var(--color-on-surface);box-shadow:var(--shadow-sm)}.chart-card__canvas{width:100%;height:240px}.file-table{background:var(--color-surface-container-lowest);border-radius:var(--radius-lg);border:var(--ghost-border);width:100%;overflow:hidden}.file-table__header{padding:var(--space-5) var(--space-6);justify-content:space-between;align-items:center;display:flex}.file-table__title{font-size:var(--text-title-lg-size);font-weight:var(--text-title-lg-weight)}.file-table table{width:100%}.file-table th{text-align:left;padding:var(--space-3) var(--space-6);font-size:var(--text-label-md-size);font-weight:var(--text-label-lg-weight);color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em;background:var(--color-surface-container-low)}.file-table td{padding:var(--space-4) var(--space-6);font-size:var(--text-body-md-size);color:var(--color-on-surface);vertical-align:middle}.file-table tr{transition:background var(--duration-fast) var(--ease-out)}.file-table tbody tr:hover{background:var(--color-surface-container-low)}.file-table__status{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-label-md-size);font-weight:500;display:inline-flex}.file-table__status--active{color:var(--color-success);background:#2e7d321a}.file-table__status--pending{color:#e65100;background:#ff98001a}.file-table__status--expired{color:var(--color-error);background:#a838361a}.file-table__status-dot{border-radius:var(--radius-full);background:currentColor;width:.375rem;height:.375rem}.feature-card{padding:var(--space-8);background:var(--color-surface-container-lowest);border-radius:var(--radius-xl);border:var(--ghost-border);text-align:center;transition:all var(--duration-base) var(--ease-out);align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.feature-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.feature-card__icon{border-radius:var(--radius-lg);width:3.5rem;height:3.5rem;margin-bottom:var(--space-2);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.feature-card__icon--speed{color:var(--color-primary);background:#68abff1f}.feature-card__icon--security{color:var(--color-tertiary);background:#d8cafb40}.feature-card__icon--activity{color:var(--color-secondary);background:#cde6f44d}.feature-card__title{font-size:var(--text-title-md-size);font-weight:var(--text-title-md-weight)}.feature-card__desc{font-size:var(--text-body-md-size);color:var(--color-on-surface-variant);max-width:20rem}.upgrade-banner{padding:var(--space-8);background:var(--gradient-primary);border-radius:var(--radius-xl);color:var(--color-on-primary);justify-content:space-between;align-items:center;gap:var(--space-6);display:flex;position:relative;overflow:hidden}.upgrade-banner:before{content:"";pointer-events:none;background:radial-gradient(#ffffff14,#0000 70%);width:60%;height:200%;position:absolute;top:-50%;right:-20%}.upgrade-banner__content{z-index:1;position:relative}.upgrade-banner__title{font-size:var(--text-headline-sm-size);font-weight:var(--text-headline-sm-weight);margin-bottom:var(--space-2)}.upgrade-banner__desc{font-size:var(--text-body-md-size);opacity:.85}.upgrade-banner__btn{z-index:1;color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);white-space:nowrap;transition:all var(--duration-fast) var(--ease-out);cursor:pointer;background:#fff3;border:1px solid #ffffff4d;font-weight:600;position:relative}.upgrade-banner__btn:hover{background:#ffffff4d}.toast-portal{top:var(--space-6);right:var(--space-6);z-index:var(--z-toast);gap:var(--space-3);flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--color-inverse-surface);color:var(--color-inverse-on-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);font-size:var(--text-body-md-size);animation:fadeInDown var(--duration-enter) var(--ease-out);max-width:24rem;font-weight:500;display:flex}.toast--success{background:var(--color-success);color:var(--color-on-success)}.toast--error{background:var(--color-error);color:var(--color-on-error)}.toast__close{opacity:.7;transition:opacity var(--duration-fast);cursor:pointer;color:inherit;background:0 0;border:none;margin-left:auto;display:flex}.toast__close:hover{opacity:1}.empty-state{padding:var(--space-16) var(--space-8);text-align:center;color:var(--color-on-surface-variant);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state__icon{width:4rem;height:4rem;margin-bottom:var(--space-4);color:var(--color-outline-variant)}.empty-state__title{font-size:var(--text-headline-sm-size);color:var(--color-on-surface);margin-bottom:var(--space-2);font-weight:600}.empty-state__desc{font-size:var(--text-body-md-size);max-width:24rem}.success-state{align-items:center;gap:var(--space-4);padding:var(--space-12);text-align:center;flex-direction:column;display:flex}.success-state__icon{border-radius:var(--radius-full);width:5rem;height:5rem;color:var(--color-success);background:#2e7d321a;justify-content:center;align-items:center;display:flex}.success-state__title{font-size:var(--text-headline-lg-size);font-weight:var(--text-headline-lg-weight);letter-spacing:-.02em}.success-state__desc{font-size:var(--text-body-lg-size);color:var(--color-on-surface-variant);max-width:28rem}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--ghost-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-ambient);padding:var(--space-8)}.glass-card:hover{box-shadow:var(--shadow-hover)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal,900);animation:fadeIn var(--duration-fast) var(--ease-out);padding:var(--space-4);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--color-surface-container-lowest);border:var(--ghost-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-float);padding:var(--space-8) var(--space-8) var(--space-6);text-align:center;width:100%;max-width:24rem;animation:scaleIn var(--duration-enter) var(--ease-spring);position:relative}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal-card__icon{border-radius:var(--radius-full);color:#e65100;width:3.5rem;height:3.5rem;margin:0 auto var(--space-4);background:#ff98001f;justify-content:center;align-items:center;display:flex}.modal-card__icon--danger{color:var(--color-error);background:#d32f2f1a}.modal-card__title{font-size:var(--text-headline-sm-size);font-weight:var(--text-headline-sm-weight);margin-bottom:var(--space-3)}.modal-card__body{font-size:var(--text-body-md-size);color:var(--color-on-surface-variant);margin-bottom:var(--space-6);line-height:1.6}.modal-card__body strong{color:var(--color-on-surface)}.modal-card__actions{gap:var(--space-3);justify-content:center;display:flex}.modal-card__close{top:var(--space-4);right:var(--space-4);color:var(--color-on-surface-variant);cursor:pointer;border-radius:var(--radius-full);width:2rem;height:2rem;transition:background var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.modal-card__close:hover{background:var(--color-surface-container)}.btn--danger{background:var(--color-error);color:#fff;border:none}.btn--danger:hover{box-shadow:var(--shadow-hover);background:#b71c1c;transform:translateY(-1px)}.file-table__status--deleted{color:var(--color-outline);background:#6161611f}.file-table__status--uploading{color:var(--color-primary);background:#68abff1f}.file-table__tabs{gap:var(--space-1);padding:var(--space-3) var(--space-6) 0;border-bottom:1px solid var(--color-outline-variant);display:flex}.file-table__tab{padding:var(--space-2) var(--space-4);font-size:var(--text-label-lg-size);color:var(--color-on-surface-variant);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;font-weight:600}.file-table__tab:hover{color:var(--color-on-surface)}.file-table__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.file-table__tab-count{border-radius:var(--radius-full);background:var(--color-surface-container);min-width:1.25rem;height:1.25rem;margin-left:var(--space-1);justify-content:center;align-items:center;padding:0 4px;font-size:.7rem;font-weight:700;display:inline-flex}.expiry-input-card{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-surface-container-lowest);border:var(--ghost-border);border-radius:var(--radius-lg);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.expiry-input-card__label{font-size:var(--text-label-lg-size);color:var(--color-on-surface);white-space:nowrap;font-weight:600}.expiry-input-card__number{width:5rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:var(--ghost-border);background:var(--color-surface-container);color:var(--color-on-surface);font-size:var(--text-body-md-size);text-align:center;font-weight:600}.expiry-input-card__number:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0060ad1a}.expiry-input-card__unit{font-size:var(--text-body-md-size);color:var(--color-on-surface-variant)}.expiry-input-card__never{align-items:center;gap:var(--space-2);font-size:var(--text-body-sm-size);color:var(--color-on-surface-variant);cursor:pointer;-webkit-user-select:none;user-select:none;margin-left:auto;display:flex}.expiry-triple{align-items:center;gap:var(--space-2);display:flex}.expiry-triple__box{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.expiry-triple__input{text-align:center;width:100%!important;padding:var(--space-2) var(--space-1)!important;font-size:1.1rem!important;font-weight:700!important}.expiry-triple__label{font-size:var(--text-label-sm-size);color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.expiry-triple__sep{color:var(--color-outline);flex-shrink:0;margin-top:-1rem;font-size:1.3rem;font-weight:700}.media-preview__toggle-btn{border-radius:var(--radius-full);border:var(--ghost-border);background:var(--color-surface-container-low);color:var(--color-primary);font-size:var(--text-body-sm-size);cursor:pointer;white-space:nowrap;transition:all var(--duration-fast) var(--ease-out);flex-shrink:0;align-items:center;gap:4px;padding:5px 10px;font-weight:600;display:inline-flex}.media-preview__toggle-btn:hover{background:var(--color-surface-container);box-shadow:var(--shadow-sm)}.media-preview{border-radius:var(--radius-lg);margin-bottom:var(--space-5);background:var(--color-surface-container);border:var(--ghost-border);min-height:120px;animation:fadeInUp .3s var(--ease-out);flex-direction:column;justify-content:center;align-items:center;display:flex;overflow:hidden}.media-preview__loader{align-items:center;gap:var(--space-3);padding:var(--space-8);color:var(--color-on-surface-variant);font-size:var(--text-body-sm-size);flex-direction:column;width:100%;display:flex}.media-preview__spinner{border:2px solid var(--color-outline-variant);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:1.5rem;height:1.5rem;animation:.8s linear infinite spin}.media-preview__error{align-items:center;gap:var(--space-2);padding:var(--space-6);color:var(--color-on-surface-variant);font-size:var(--text-body-sm-size);flex-direction:column;display:flex}.media-preview__img{object-fit:contain;width:100%;max-height:380px;display:block}.media-preview__video{background:#000;width:100%;max-height:360px;display:block}
.page-upload{animation:fadeIn var(--duration-enter) var(--ease-out)}.page-upload__hero{text-align:center;padding:var(--space-12) 0 var(--space-8)}.page-upload__badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);color:var(--color-primary);font-size:var(--text-label-lg-size);margin-bottom:var(--space-6);background:#68abff14;font-weight:500;display:inline-flex}.page-upload__badge-dot{border-radius:var(--radius-full);background:var(--color-primary);width:.375rem;height:.375rem;animation:2s ease-in-out infinite pulse}.page-upload__title{font-size:var(--text-display-md-size);font-weight:var(--text-display-md-weight);line-height:var(--text-display-md-height);letter-spacing:var(--text-display-md-spacing);color:var(--color-on-surface);margin-bottom:var(--space-4)}.page-upload__subtitle{font-size:var(--text-body-lg-size);color:var(--color-on-surface-variant);max-width:32rem;margin:0 auto}.page-upload__zone-wrapper{max-width:640px;margin:0 auto var(--space-12);animation:fadeInUp var(--duration-enter) var(--ease-out) .2s both}.page-upload__features{gap:var(--space-6);max-width:960px;animation:fadeInUp var(--duration-enter) var(--ease-out) .4s both;grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid}.page-link-ready{animation:fadeIn var(--duration-enter) var(--ease-out)}.page-link-ready__card{max-width:560px;animation:scaleIn var(--duration-enter) var(--ease-out);margin:0 auto}.page-link-ready__share-section{margin-top:var(--space-6);padding-top:var(--space-6);border-top:var(--ghost-border)}.page-link-ready__share-title{font-size:var(--text-title-sm-size);font-weight:var(--text-title-sm-weight);color:var(--color-on-surface-variant);margin-bottom:var(--space-3)}.page-link-ready__actions{gap:var(--space-3);margin-top:var(--space-6);justify-content:center;display:flex}.page-download{animation:fadeIn var(--duration-enter) var(--ease-out)}.page-download__card{width:100%;max-width:480px;animation:fadeInUp var(--duration-enter) var(--ease-out);margin:0 auto}.page-download__file-preview{align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--color-surface-container-low);border-radius:var(--radius-lg);margin-bottom:var(--space-6);display:flex}.page-download__file-icon{border-radius:var(--radius-md);width:3.5rem;height:3.5rem;color:var(--color-primary);background:#68abff1f;flex-shrink:0;justify-content:center;align-items:center;display:flex}.page-download__file-info{flex:1;min-width:0}.page-download__file-name{font-size:var(--text-title-md-size);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.page-download__file-meta{font-size:var(--text-body-sm-size);color:var(--color-on-surface-variant);gap:var(--space-3);margin-top:var(--space-1);display:flex}.page-download__message{padding:var(--space-4);background:var(--color-surface-container-low);border-radius:var(--radius-md);margin-bottom:var(--space-6);font-size:var(--text-body-md-size);color:var(--color-on-surface-variant);font-style:italic}.page-download__actions{gap:var(--space-3);flex-direction:column;display:flex}.page-download__powered{text-align:center;margin-top:var(--space-8);font-size:var(--text-body-sm-size);color:var(--color-outline)}.page-admin-login{background-image:var(--glow-radial);min-height:100vh;animation:fadeIn var(--duration-enter) var(--ease-out);padding:var(--space-6) var(--space-4);box-sizing:border-box;justify-content:center;align-items:center;display:flex}.page-admin-login__card{width:100%;max-width:420px;animation:scaleIn var(--duration-enter) var(--ease-out)}.page-admin-login__logo{align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);flex-direction:column;display:flex}.page-admin-login__logo-icon{background:var(--gradient-primary);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;font-size:1.5rem;font-weight:800;display:flex}.page-admin-login__title{font-size:var(--text-headline-md-size);font-weight:var(--text-headline-md-weight);text-align:center}.page-admin-login__subtitle{font-size:var(--text-body-md-size);color:var(--color-on-surface-variant);text-align:center}.page-admin-login__divider{align-items:center;gap:var(--space-4);margin:var(--space-6) 0;color:var(--color-outline);font-size:var(--text-body-sm-size);display:flex}.page-admin-login__divider:before,.page-admin-login__divider:after{content:"";background:var(--color-outline-variant);flex:1;height:1px}.page-admin-upload{animation:fadeIn var(--duration-enter) var(--ease-out)}.page-admin-upload__header{margin-bottom:var(--space-8)}.page-admin-upload__title{font-size:var(--text-headline-lg-size);font-weight:var(--text-headline-lg-weight);letter-spacing:var(--text-headline-lg-spacing);margin-bottom:var(--space-2)}.page-admin-upload__desc{font-size:var(--text-body-lg-size);color:var(--color-on-surface-variant)}.page-admin-upload__grid{gap:var(--space-8);grid-template-columns:1fr 320px;align-items:start;display:grid}.page-admin-upload__sidebar{gap:var(--space-6);flex-direction:column;display:flex}.page-admin-upload__recent-title{font-size:var(--text-title-md-size);font-weight:var(--text-title-md-weight);margin-bottom:var(--space-4)}.page-admin-upload__recent-list{gap:var(--space-3);flex-direction:column;display:flex}.page-dashboard{animation:fadeIn var(--duration-enter) var(--ease-out)}.page-dashboard__header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.page-dashboard__title{font-size:var(--text-headline-lg-size);font-weight:var(--text-headline-lg-weight);letter-spacing:var(--text-headline-lg-spacing)}.page-dashboard__date{font-size:var(--text-body-md-size);color:var(--color-on-surface-variant)}.page-dashboard__stats{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}.page-dashboard__charts{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:1fr 1fr;display:grid}.page-dashboard__bottom{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (max-width:1024px){.page-dashboard__stats{grid-template-columns:repeat(2,1fr)}.page-dashboard__charts,.page-admin-upload__grid{grid-template-columns:1fr}.fcard-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){:root{--page-padding:var(--space-4)}.page-upload__features{grid-template-columns:1fr}.page-dashboard__stats{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.page-dashboard__header{align-items:flex-start;gap:var(--space-1);margin-bottom:var(--space-5);flex-direction:column}.page-dashboard__title{font-size:var(--text-headline-sm-size,1.4rem)}.page-dashboard__charts{gap:var(--space-4)}.topnav{padding:0 var(--space-4)}.sidenav{display:none}.file-table__tabs{gap:var(--space-1);padding:var(--space-2) var(--space-3);flex-wrap:wrap}.file-table__tab{padding:var(--space-1) var(--space-2);flex-shrink:0;font-size:.8rem}.fcard-grid{grid-template-columns:1fr}.page-files__header{align-items:flex-start;gap:var(--space-3);flex-direction:column}.page-files__actions{justify-content:flex-start;width:100%}.storage-bar{padding:var(--space-4)}}@media (max-width:480px){:root{--page-padding:var(--space-3)}.page-dashboard__stats{grid-template-columns:1fr}.fcard__footer{gap:var(--space-2);flex-wrap:wrap}.storage-bar__type-count{display:none}}.page-download__preview-wrap{border-radius:var(--radius-lg);margin-bottom:var(--space-5);background:var(--color-surface-container);border:var(--ghost-border);justify-content:center;align-items:center;min-height:160px;display:flex;overflow:hidden}.page-download__preview-skeleton{justify-content:center;align-items:center;width:100%;min-height:160px;animation:1.5s ease-in-out infinite pulse;display:flex}.page-download__preview-img{object-fit:contain;border-radius:var(--radius-lg);width:100%;max-height:360px;display:block}.page-download__preview-video{border-radius:var(--radius-lg);background:#000;width:100%;max-height:360px;display:block}.page-files{min-height:100vh;padding:var(--space-6) 0}.page-files__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.page-files__title{font-size:var(--text-headline-md-size);letter-spacing:-.02em;margin:0 0 var(--space-1) 0;font-weight:700}.page-files__subtitle{font-size:var(--text-body-sm-size);color:var(--color-on-surface-variant);margin:0}.page-files__actions{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.page-files__empty{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-16) var(--space-4);color:var(--color-on-surface-variant);text-align:center;flex-direction:column;display:flex}.page-files__empty h2{font-size:var(--text-title-lg-size);color:var(--color-on-surface);margin:0;font-weight:600}.page-files__empty p{margin:0}.page-files__section{margin-bottom:var(--space-10)}.page-files__section-hd{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--text-title-sm-size);font-weight:700;display:flex}.page-files__section-hd--critical{color:var(--color-error)}.page-files__section-hd--warning{color:#f59e0b}.page-files__section-hd--safe{color:var(--color-primary)}.page-files__section-hd--expired{color:#a83836bf}.page-files__badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;font-size:.7rem;font-weight:700}.page-files__badge--critical{color:var(--color-error);background:#a838362e}.page-files__badge--expired{color:#a83836d9;background:#a838361f}.fcard-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.fcard{background:var(--color-surface-container-low);border:var(--ghost-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);gap:var(--space-3);transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);flex-direction:column;display:flex}.fcard:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.fcard--critical{border-color:#a8383680;box-shadow:inset 0 0 0 1px #a838361f}.fcard--warning{border-color:#f59e0b66}.fcard--skeleton{background:linear-gradient(90deg, var(--color-surface-container-low) 25%, var(--color-surface-container) 50%, var(--color-surface-container-low) 75%);background-size:200% 100%;height:148px;animation:1.5s infinite shimmer}.fcard--expired{opacity:.75;background:#a838360a;border-color:#a838364d}.fcard--expired:hover{opacity:.9}.fcard--paused{opacity:.6;filter:grayscale(.5);border-style:dashed}.fcard--paused:hover{opacity:.85}.fcard__header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);min-width:0;display:flex}.fcard__name{font-size:var(--text-body-md-size);color:var(--color-on-surface);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.fcard__size{font-size:var(--text-label-sm-size);color:var(--color-on-surface-variant);white-space:nowrap;flex-shrink:0}.fcard__footer{gap:var(--space-4);flex-wrap:wrap;display:flex}.fcard__meta{color:var(--color-on-surface-variant);align-items:center;gap:4px;font-size:.72rem;display:flex}.fcard__actions{gap:var(--space-1);flex-shrink:0;align-items:center;margin-left:auto;display:flex}.fcard__action-btn{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex}.fcard__extend-btn{border-radius:var(--radius-sm);white-space:nowrap;height:26px;padding:0 8px;font-size:.72rem}.fcard-expiry{flex-direction:column;gap:6px;display:flex}.fcard-expiry__meta{justify-content:space-between;align-items:center;display:flex}.fcard-expiry__label{align-items:center;gap:4px;font-size:.74rem;font-weight:700;display:flex}.fcard-expiry__label--never{color:var(--color-on-surface-variant);font-weight:500}.fcard-expiry__pct{color:var(--color-on-surface-variant);font-size:.68rem;font-weight:400}.fcard-expiry__track{background:var(--color-surface-container-high);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.fcard-expiry__fill{border-radius:var(--radius-full);min-width:2px;height:100%;transition:width 1s,background .5s}.fcard-expiry__fill--never{background:var(--color-outline-variant);opacity:.3;width:100%}.fcard-expiry__fill--pulse{animation:1.5s ease-in-out infinite expiry-pulse}@keyframes expiry-pulse{0%,to{opacity:1}50%{opacity:.5}}.files-sort-select{border-radius:var(--radius-sm);border:var(--ghost-border);background:var(--color-surface-container);color:var(--color-on-surface);font-size:var(--text-body-sm-size);font-family:var(--font-family);cursor:pointer;outline:none;height:36px;padding:6px 12px}.files-sort-select:focus{border-color:var(--color-primary)}.spin{animation:.7s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.fcard-grid{grid-template-columns:1fr}.page-files__header{flex-direction:column;align-items:stretch}.page-files__actions{justify-content:flex-end;width:100%}}.page-stats{min-height:100vh;padding:var(--space-6) 0;animation:fadeIn var(--duration-enter) var(--ease-out)}.page-stats__header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.page-stats__title{font-size:var(--text-headline-md-size);letter-spacing:-.02em;margin:0 0 var(--space-1) 0;color:var(--color-on-surface);font-weight:700}.page-stats__subtitle{font-size:var(--text-body-sm-size);color:var(--color-on-surface-variant);margin:0}.stats-day-picker{gap:var(--space-1);background:var(--color-surface-container);border-radius:var(--radius-full);padding:4px;display:flex}.stats-day-btn{border-radius:var(--radius-full);color:var(--color-on-surface-variant);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-size:.8rem;font-weight:500;font-family:var(--font-family);white-space:nowrap;background:0 0;border:none;padding:5px 14px}.stats-day-btn--active{background:var(--color-surface-container-high);color:var(--color-on-surface);box-shadow:var(--shadow-sm)}.stats-pills{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.stats-pill{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-surface-container-lowest);border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-out);border:1px solid #0000;display:flex}.stats-pill:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.stats-pill__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.stats-pill__val{letter-spacing:-.02em;color:var(--color-on-surface);font-size:1.35rem;font-weight:800;line-height:1}.stats-pill__label{color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.04em;margin-top:4px;font-size:.72rem;font-weight:500}.stats-chart-card{background:var(--color-surface-container-lowest);border:var(--ghost-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.stats-chart-card__header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.stats-chart-card__title{font-size:var(--text-title-md-size);color:var(--color-on-surface);font-weight:600}.stats-metric-picker{gap:var(--space-1);background:var(--color-surface-container);border-radius:var(--radius-full);padding:4px;display:flex}.stats-chart-legend{gap:var(--space-5);margin-bottom:var(--space-4);display:flex}.stats-legend-item{align-items:center;gap:var(--space-2);color:var(--color-on-surface-variant);font-size:.78rem;font-weight:500;display:flex}.stats-legend-dot{border-radius:var(--radius-full);width:10px;height:10px}.stats-chart-area{height:260px;position:relative}.stats-chart-skeleton{background:linear-gradient(90deg, var(--color-surface-container) 25%, var(--color-surface-container-high) 50%, var(--color-surface-container) 75%);border-radius:var(--radius-md);background-size:200% 100%;width:100%;height:100%;animation:1.5s infinite shimmer}.stats-chart-empty{height:100%;color:var(--color-on-surface-variant);font-size:var(--text-body-md-size);justify-content:center;align-items:center;display:flex}.stats-bottom{gap:var(--space-6);grid-template-columns:1fr 300px;align-items:start;display:grid}.stats-table-card{background:var(--color-surface-container-lowest);border:var(--ghost-border);border-radius:var(--radius-lg);overflow:hidden}.stats-table-card__header{padding:var(--space-5) var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:var(--ghost-border);flex-wrap:wrap;display:flex}.stats-search{border-radius:var(--radius-sm);border:var(--ghost-border);background:var(--color-surface-container);color:var(--color-on-surface);font-size:var(--text-body-sm-size);font-family:var(--font-family);width:180px;height:36px;transition:border-color var(--duration-fast) var(--ease-out);outline:none;padding:6px 12px}.stats-search:focus{border-color:var(--color-primary)}.stats-table-wrap{overflow-x:visible}.stats-table{border-collapse:collapse;width:100%}.stats-table th{text-align:left;padding:var(--space-3);color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.06em;background:var(--color-surface-container-low);white-space:nowrap;font-size:.7rem;font-weight:700}.stats-table td{padding:var(--space-3);font-size:var(--text-body-sm-size);color:var(--color-on-surface);vertical-align:middle;border-top:1px solid var(--color-outline-variant)}.stats-table-row:hover td{background:var(--color-surface-container-low)}.stats-file-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-weight:500;display:block;overflow:hidden}.stats-date{color:var(--color-on-surface-variant);white-space:nowrap;align-items:center;gap:4px;font-size:.75rem;display:flex}.stats-count{border-radius:var(--radius-full);font-variant-numeric:tabular-nums;padding:2px 10px;font-size:.76rem;font-weight:700;display:inline-block}.stats-count--dl{color:#68abff;background:#68abff1f}.stats-count--views{color:#a78bfa;background:#a78bfa1f}.stats-link-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-on-surface-variant);transition:all var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.stats-link-btn:hover{background:var(--color-surface-container);color:var(--color-primary)}.stats-skeleton-row{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-surface-container) 25%, var(--color-surface-container-high) 50%, var(--color-surface-container) 75%);background-size:200% 100%;height:16px;animation:1.5s infinite shimmer}.stats-feed-card{background:var(--color-surface-container-lowest);border:var(--ghost-border);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.stats-feed{scrollbar-width:thin;flex-direction:column;max-height:580px;display:flex;overflow-y:auto}.stats-feed-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-outline-variant);transition:background var(--duration-fast) var(--ease-out);display:flex}.stats-feed-item:hover{background:var(--color-surface-container-low)}.stats-feed-item--skeleton{background:linear-gradient(90deg, var(--color-surface-container) 25%, var(--color-surface-container-high) 50%, var(--color-surface-container) 75%);background-size:200% 100%;border:none;height:52px;animation:1.5s infinite shimmer}.stats-feed-icon{border-radius:var(--radius-sm);color:#68abff;background:#68abff1a;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-top:2px;display:flex}.stats-feed-body{flex:1;min-width:0}.stats-feed-file{color:var(--color-on-surface);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:600;display:block;overflow:hidden}.stats-feed-meta{align-items:center;gap:var(--space-2);color:var(--color-on-surface-variant);flex-wrap:wrap;margin-top:3px;font-size:.7rem;display:flex}.stats-feed-country{align-items:center;gap:3px;display:inline-flex}.stats-feed-link{color:var(--color-primary);opacity:.7;transition:opacity var(--duration-fast);font-family:monospace;font-size:.68rem}.stats-feed-link:hover{opacity:1}.stats-feed-empty{padding:var(--space-10);text-align:center;color:var(--color-on-surface-variant);font-size:var(--text-body-sm-size)}@media (max-width:1100px){.stats-bottom{grid-template-columns:1fr}.stats-pills{grid-template-columns:repeat(2,1fr)}.stats-feed{max-height:320px}}@media (max-width:640px){.page-stats__header{flex-direction:column;align-items:flex-start}.stats-pills{gap:var(--space-3);grid-template-columns:1fr 1fr}}