@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(data:font/woff2;base64,PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ZW4+CiAgPG1ldGEgY2hhcnNldD11dGYtOD4KICA8bWV0YSBuYW1lPXZpZXdwb3J0IGNvbnRlbnQ9ImluaXRpYWwtc2NhbGU9MSwgbWluaW11bS1zY2FsZT0xLCB3aWR0aD1kZXZpY2Utd2lkdGgiPgogIDx0aXRsZT5FcnJvciA0MDQgKE5vdCBGb3VuZCkhITE8L3RpdGxlPgogIDxzdHlsZT4KICAgICp7bWFyZ2luOjA7cGFkZGluZzowfWh0bWwsY29kZXtmb250OjE1cHgvMjJweCBhcmlhbCxzYW5zLXNlcmlmfWh0bWx7YmFja2dyb3VuZDojZmZmO2NvbG9yOiMyMjI7cGFkZGluZzoxNXB4fWJvZHl7bWFyZ2luOjclIGF1dG8gMDttYXgtd2lkdGg6MzkwcHg7bWluLWhlaWdodDoxODBweDtwYWRkaW5nOjMwcHggMCAxNXB4fSogPiBib2R5e2JhY2tncm91bmQ6dXJsKC8vd3d3Lmdvb2dsZS5jb20vaW1hZ2VzL2Vycm9ycy9yb2JvdC5wbmcpIDEwMCUgNXB4IG5vLXJlcGVhdDtwYWRkaW5nLXJpZ2h0OjIwNXB4fXB7bWFyZ2luOjExcHggMCAyMnB4O292ZXJmbG93OmhpZGRlbn1pbnN7Y29sb3I6Izc3Nzt0ZXh0LWRlY29yYXRpb246bm9uZX1hIGltZ3tib3JkZXI6MH1AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOjc3MnB4KXtib2R5e2JhY2tncm91bmQ6bm9uZTttYXJnaW4tdG9wOjA7bWF4LXdpZHRoOm5vbmU7cGFkZGluZy1yaWdodDowfX0jbG9nb3tiYWNrZ3JvdW5kOnVybCgvL3d3dy5nb29nbGUuY29tL2ltYWdlcy9icmFuZGluZy9nb29nbGVsb2dvLzF4L2dvb2dsZWxvZ29fY29sb3JfMTUweDU0ZHAucG5nKSBuby1yZXBlYXQ7bWFyZ2luLWxlZnQ6LTVweH1AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4tcmVzb2x1dGlvbjoxOTJkcGkpeyNsb2dve2JhY2tncm91bmQ6dXJsKC8vd3d3Lmdvb2dsZS5jb20vaW1hZ2VzL2JyYW5kaW5nL2dvb2dsZWxvZ28vMngvZ29vZ2xlbG9nb19jb2xvcl8xNTB4NTRkcC5wbmcpIG5vLXJlcGVhdCAwJSAwJS8xMDAlIDEwMCU7LW1vei1ib3JkZXItaW1hZ2U6dXJsKC8vd3d3Lmdvb2dsZS5jb20vaW1hZ2VzL2JyYW5kaW5nL2dvb2dsZWxvZ28vMngvZ29vZ2xlbG9nb19jb2xvcl8xNTB4NTRkcC5wbmcpIDB9fUBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKC13ZWJraXQtbWluLWRldmljZS1waXhlbC1yYXRpbzoyKXsjbG9nb3tiYWNrZ3JvdW5kOnVybCgvL3d3dy5nb29nbGUuY29tL2ltYWdlcy9icmFuZGluZy9nb29nbGVsb2dvLzJ4L2dvb2dsZWxvZ29fY29sb3JfMTUweDU0ZHAucG5nKSBuby1yZXBlYXQ7LXdlYmtpdC1iYWNrZ3JvdW5kLXNpemU6MTAwJSAxMDAlfX0jbG9nb3tkaXNwbGF5OmlubGluZS1ibG9jaztoZWlnaHQ6NTRweDt3aWR0aDoxNTBweH0KICA8L3N0eWxlPgogIDxhIGhyZWY9Ly93d3cuZ29vZ2xlLmNvbS8+PHNwYW4gaWQ9bG9nbyBhcmlhLWxhYmVsPUdvb2dsZT48L3NwYW4+PC9hPgogIDxwPjxiPjQwNC48L2I+IDxpbnM+VGhhdOKAmXMgYW4gZXJyb3IuPC9pbnM+CiAgPHA+VGhlIHJlcXVlc3RlZCBVUkwgPGNvZGU+L3MvamV0YnJhaW5zbW9uby92MTgvdDZxX0VMOXU3Xzh1OTMzNzBLNjhCOUtCeV9iTE1UMDc4cF9wLndvZmYyPC9jb2RlPiB3YXMgbm90IGZvdW5kIG9uIHRoaXMgc2VydmVyLiAgPGlucz5UaGF04oCZcyBhbGwgd2Uga25vdy48L2lucz4K) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(data:font/woff2;base64,PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ZW4+CiAgPG1ldGEgY2hhcnNldD11dGYtOD4KICA8bWV0YSBuYW1lPXZpZXdwb3J0IGNvbnRlbnQ9ImluaXRpYWwtc2NhbGU9MSwgbWluaW11bS1zY2FsZT0xLCB3aWR0aD1kZXZpY2Utd2lkdGgiPgogIDx0aXRsZT5FcnJvciA0MDQgKE5vdCBGb3VuZCkhITE8L3RpdGxlPgogIDxzdHlsZT4KICAgICp7bWFyZ2luOjA7cGFkZGluZzowfWh0bWwsY29kZXtmb250OjE1cHgvMjJweCBhcmlhbCxzYW5zLXNlcmlmfWh0bWx7YmFja2dyb3VuZDojZmZmO2NvbG9yOiMyMjI7cGFkZGluZzoxNXB4fWJvZHl7bWFyZ2luOjclIGF1dG8gMDttYXgtd2lkdGg6MzkwcHg7bWluLWhlaWdodDoxODBweDtwYWRkaW5nOjMwcHggMCAxNXB4fSogPiBib2R5e2JhY2tncm91bmQ6dXJsKC8vd3d3Lmdvb2dsZS5jb20vaW1hZ2VzL2Vycm9ycy9yb2JvdC5wbmcpIDEwMCUgNXB4IG5vLXJlcGVhdDtwYWRkaW5nLXJpZ2h0OjIwNXB4fXB7bWFyZ2luOjExcHggMCAyMnB4O292ZXJmbG93OmhpZGRlbn1pbnN7Y29sb3I6Izc3Nzt0ZXh0LWRlY29yYXRpb246bm9uZX1hIGltZ3tib3JkZXI6MH1AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOjc3MnB4KXtib2R5e2JhY2tncm91bmQ6bm9uZTttYXJnaW4tdG9wOjA7bWF4LXdpZHRoOm5vbmU7cGFkZGluZy1yaWdodDowfX0jbG9nb3tiYWNrZ3JvdW5kOnVybCgvL3d3dy5nb29nbGUuY29tL2ltYWdlcy9icmFuZGluZy9nb29nbGVsb2dvLzF4L2dvb2dsZWxvZ29fY29sb3JfMTUweDU0ZHAucG5nKSBuby1yZXBlYXQ7bWFyZ2luLWxlZnQ6LTVweH1AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4tcmVzb2x1dGlvbjoxOTJkcGkpeyNsb2dve2JhY2tncm91bmQ6dXJsKC8vd3d3Lmdvb2dsZS5jb20vaW1hZ2VzL2JyYW5kaW5nL2dvb2dsZWxvZ28vMngvZ29vZ2xlbG9nb19jb2xvcl8xNTB4NTRkcC5wbmcpIG5vLXJlcGVhdCAwJSAwJS8xMDAlIDEwMCU7LW1vei1ib3JkZXItaW1hZ2U6dXJsKC8vd3d3Lmdvb2dsZS5jb20vaW1hZ2VzL2JyYW5kaW5nL2dvb2dsZWxvZ28vMngvZ29vZ2xlbG9nb19jb2xvcl8xNTB4NTRkcC5wbmcpIDB9fUBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKC13ZWJraXQtbWluLWRldmljZS1waXhlbC1yYXRpbzoyKXsjbG9nb3tiYWNrZ3JvdW5kOnVybCgvL3d3dy5nb29nbGUuY29tL2ltYWdlcy9icmFuZGluZy9nb29nbGVsb2dvLzJ4L2dvb2dsZWxvZ29fY29sb3JfMTUweDU0ZHAucG5nKSBuby1yZXBlYXQ7LXdlYmtpdC1iYWNrZ3JvdW5kLXNpemU6MTAwJSAxMDAlfX0jbG9nb3tkaXNwbGF5OmlubGluZS1ibG9jaztoZWlnaHQ6NTRweDt3aWR0aDoxNTBweH0KICA8L3N0eWxlPgogIDxhIGhyZWY9Ly93d3cuZ29vZ2xlLmNvbS8+PHNwYW4gaWQ9bG9nbyBhcmlhLWxhYmVsPUdvb2dsZT48L3NwYW4+PC9hPgogIDxwPjxiPjQwNC48L2I+IDxpbnM+VGhhdOKAmXMgYW4gZXJyb3IuPC9pbnM+CiAgPHA+VGhlIHJlcXVlc3RlZCBVUkwgPGNvZGU+L3MvamV0YnJhaW5zbW9uby92MTgvdDZxX0VMOXU3Xzh1OTMzNzBLNjFPXzdEN08wRjZYdi00dF9fLndvZmYyPC9jb2RlPiB3YXMgbm90IGZvdW5kIG9uIHRoaXMgc2VydmVyLiAgPGlucz5UaGF04oCZcyBhbGwgd2Uga25vdy48L2lucz4K) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/space-grotesk-400-BhU9QXUp.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/space-grotesk-400-BhU9QXUp.woff2) format("woff2")}:root{--color-primary: #059669;--color-primary-hover: # ;--color-primary-light: rgba(5, 150, 105, .1);--color-secondary: #0ea5e9;--color-secondary-hover: #0284c7;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6;--color-bg-primary: #F3F4F6;--color-bg-secondary: #FFFFFF;--color-bg-tertiary: #f9fafb;--color-text-primary: #111827;--color-text-secondary: #6B7280;--color-text-tertiary: #9ca3af;--color-border: #E5E7EB;--color-border-light: #f3f4f6;--color-shadow: rgba(0, 0, 0, .05);--color-shadow-strong: rgba(0, 0, 0, .1);--font-family-primary: "JetBrains Mono", monospace;--font-family-heading: "Space Grotesk", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--radius-xl: 0px;--radius-full: 0px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--shadow-sm: 0 1px 2px var(--color-shadow);--shadow-md: 0 4px 6px var(--color-shadow);--shadow-lg: 0 10px 15px var(--color-shadow);--shadow-xl: 0 20px 25px var(--color-shadow-strong);--z-dropdown: 1000;--z-modal: 2000;--z-toast: 3000}[data-theme=dark]{--color-primary: #00FF88;--color-primary-hover: #33ff9f;--color-primary-light: rgba(0, 255, 136, .1);--color-secondary: #0ea5e9;--color-secondary-hover: #38bdf8;--color-success: #00FF88;--color-warning: #FF8800;--color-danger: #FF4444;--color-info: #3b82f6;--color-bg-primary: #0C0C0C;--color-bg-secondary: #0A0A0A;--color-bg-tertiary: #080808;--color-text-primary: #FFFFFF;--color-text-secondary: #8A8A8A;--color-text-tertiary: #6a6a6a;--color-border: #2F2F2F;--color-border-light: #1f1f1f;--color-shadow: rgba(0, 0, 0, .5);--color-shadow-strong: rgba(0, 0, 0, .8)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;scroll-padding-top:5rem}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-primary);transition:background-color var(--transition-base),color var(--transition-base)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-primary)}.btn-success{background:var(--color-success);color:#fff}.btn-danger{background:var(--color-danger);color:#fff}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.input-group{margin-bottom:var(--spacing-lg)}.input-label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}textarea.input{min-height:100px;resize:vertical}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-glass{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}[data-theme=dark] .card-glass{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid hsla(0,0%,100%,.1)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.flex{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md)}.navbar{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) 0;position:sticky;top:0;z-index:100;backdrop-filter:blur(10px)}.navbar-brand{color:var(--color-text-primary);text-decoration:none;transition:opacity var(--transition-fast)}.navbar-brand:hover{opacity:.8;color:var(--color-text-primary)}.nav-list{display:flex;gap:var(--spacing-md);list-style:none}.nav-link{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-link:hover,.nav-link.active{background:var(--color-primary-light);color:var(--color-primary)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn var(--transition-base)}.modal{background:var(--color-bg-secondary);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp var(--transition-base)}.modal-header{margin-bottom:var(--spacing-lg)}.modal-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.modal-close{float:right;font-size:var(--font-size-2xl);cursor:pointer;color:var(--color-text-tertiary);transition:color var(--transition-fast)}.modal-close:hover{color:var(--color-text-primary)}.table-container{overflow-x:auto;border-radius:var(--radius-lg);padding-bottom:60px}.table{width:100%;border-collapse:collapse;background:var(--color-bg-secondary)}.table thead{background:var(--color-bg-tertiary)}.table th,.table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border-light)}.table tr:hover{background:var(--color-bg-tertiary)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full)}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.badge-success{background:#2dd27233;color:var(--color-success)}.badge-warning{background:#f9b11f33;color:var(--color-warning)}.badge-danger{background:#e64c4c33;color:var(--color-danger)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}.visible{display:block!important}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.mt-0{margin-top:0}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}@media(max-width:768px){.container{padding:0 var(--spacing-md)}main.container{padding-top:5rem!important}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.nav-list{flex-wrap:wrap}.modal{width:95%;padding:var(--spacing-lg)}}@media(max-width:480px){html{font-size:14px}.btn-lg{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base)}}.spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.spinner-sm{width:20px;height:20px;border-width:2px}.toast{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);box-shadow:var(--shadow-lg);z-index:var(--z-toast);animation:slideUp var(--transition-base);max-width:400px}.toast-success{border-left-color:var(--color-success)}.toast-error{border-left-color:var(--color-danger)}.toast-warning{border-left-color:var(--color-warning)}.toast-info{border-left-color:var(--color-info)}.storage-warning-banner{position:sticky;top:72px;z-index:999;background:linear-gradient(135deg,#fef1d7,#fdeac3);border-bottom:2px solid hsl(40,95%,70%);box-shadow:0 4px 12px #f9a80633;animation:slideDown var(--transition-base)}[data-theme=dark] .storage-warning-banner{background:linear-gradient(135deg,#76520a,#5e4108);border-bottom-color:#bd830f}.storage-warning-banner.critical{background:linear-gradient(135deg,#fcd9d9,#fac6c6);border-bottom-color:#f47171}[data-theme=dark] .storage-warning-banner.critical{background:linear-gradient(135deg,#701010,#590d0d);border-bottom-color:#b31919}.storage-warning-content{padding:var(--spacing-md) 0}.storage-warning-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.storage-warning-icon{font-size:var(--font-size-xl)}.storage-warning-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);color:var(--color-text-primary);flex:1}.storage-warning-close{background:transparent;border:none;font-size:var(--font-size-2xl);color:var(--color-text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast)}.storage-warning-close:hover{background:#0000001a;color:var(--color-text-primary)}.storage-warning-message{margin:0 0 var(--spacing-md) 0;color:var(--color-text-secondary)}.storage-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.storage-breakdown-item{padding:var(--spacing-xs) var(--spacing-sm);background:#ffffff80;border-radius:var(--radius-sm);font-size:var(--font-size-sm)}[data-theme=dark] .storage-breakdown-item{background:#0000004d}.storage-breakdown-item strong{display:block;font-weight:var(--font-weight-semibold);margin-bottom:2px}.storage-breakdown-item span{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.storage-warning-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}@media(max-width:768px){.storage-warning-banner{top:120px}.storage-breakdown{grid-template-columns:repeat(2,1fr)}.storage-warning-title{font-size:var(--font-size-base)}}.storage-restriction-warning{position:sticky;top:72px;z-index:998;background:linear-gradient(135deg,#fcd9d9,#fac6c6);border-bottom:2px solid hsl(0,85%,70%);box-shadow:0 2px 6px #ec131333;animation:slideDown var(--transition-base)}[data-theme=dark] .storage-restriction-warning{background:linear-gradient(135deg,#701010,#590d0d);border-bottom-color:#b31919}.storage-restriction-content{padding:var(--spacing-sm) 0;display:flex;align-items:center;gap:var(--spacing-sm)}.storage-restriction-icon{font-size:var(--font-size-lg)}.storage-restriction-text{font-size:var(--font-size-sm);color:var(--color-text-primary);flex:1}.restriction-link{color:#b31919;font-weight:var(--font-weight-semibold);text-decoration:underline}.restriction-link:hover{color:#861313}[data-theme=dark] .restriction-link{color:#e64c4c}[data-theme=dark] .restriction-link:hover{color:#ec7979}@media(max-width:768px){.storage-restriction-warning{top:120px}.storage-restriction-text{font-size:var(--font-size-xs)}}.cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:linear-gradient(135deg,var(--color-bg-secondary),var(--color-bg-tertiary));border-top:2px solid var(--color-border);box-shadow:0 -4px 12px var(--color-shadow);animation:slideUp var(--transition-base)}.cookie-consent-content{padding:var(--spacing-lg) 0;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);flex-wrap:wrap}.cookie-consent-text{flex:1;min-width:300px}.cookie-consent-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.cookie-consent-message{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5}.cookie-link{color:var(--color-primary);text-decoration:underline;font-weight:var(--font-weight-medium)}.cookie-link:hover{color:var(--color-primary-hover)}.cookie-consent-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}@media(max-width:768px){.cookie-consent-content{flex-direction:column;align-items:stretch}.cookie-consent-text{min-width:unset}.cookie-consent-actions{width:100%}.cookie-consent-actions button{flex:1}}.navbar-toggle{display:none}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important}.flex-between{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.flex-between>*{width:100%}.navbar-toggle{display:flex;flex-direction:column;justify-content:space-between;position:fixed;top:15px;right:15px;width:40px;height:40px;padding:10px 8px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);z-index:2001;cursor:pointer}.navbar-toggle span{width:100%;height:3px;background-color:var(--color-primary);border-radius:3px;transition:all .3s ease}.navbar{position:fixed;top:0;left:0;right:0;width:100%;z-index:2000;transition:transform .3s ease;background:var(--color-bg-secondary);box-shadow:var(--shadow-sm)}.navbar-hidden{transform:translateY(-100%)}.navbar.menu-open{transform:translateY(0)!important}body{padding-top:70px}.nav-list{display:none;width:100%;flex-direction:column;margin-top:0;background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--spacing-sm) 0;position:absolute;top:100%;left:0;box-shadow:var(--shadow-md);max-height:calc(100vh - 70px);overflow-y:auto;-webkit-overflow-scrolling:touch}.nav-list.active{display:flex;animation:slideDown .3s ease forwards}.nav-item{width:100%;margin:0}.nav-link{width:100%;justify-content:flex-start;padding:var(--spacing-md);border-radius:0}.nav-item .btn{width:100%;margin:var(--spacing-xs) 0;justify-content:center}.navbar-brand{font-size:var(--font-size-lg)}.table-container{width:100%;margin-bottom:var(--spacing-md);border:none}.table{min-width:unset;width:100%}.table thead{display:none}.table tbody,.table tr,.table td{display:block;width:100%}.table tr{margin-bottom:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);padding:var(--spacing-sm);box-shadow:var(--shadow-sm)}.table td{text-align:right;padding-left:50%;position:relative;border:none;border-bottom:1px solid var(--color-border-light);padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.table td:last-child{border-bottom:none}.table td:before{content:attr(data-label);position:absolute;left:var(--spacing-sm);width:45%;text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}button,.btn,.nav-link{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.modal-container{width:95%;margin:var(--spacing-sm);padding:var(--spacing-md);max-height:90vh;overflow-y:auto}.form-group{margin-bottom:var(--spacing-md)}input,select,textarea{font-size:16px;padding:var(--spacing-md)}#import-csv-modal .flex{flex-direction:column}.card{padding:var(--spacing-md)}}.faq-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.warning-header{background-color:#fff3cd;color:#856404;border-bottom:1px solid #ffeeba}.btn-warning{background-color:#ffc107;color:#212529;border:none}.btn-warning:hover{background-color:#e0a800}.faq-item{border-bottom:1px solid var(--color-border-light);padding-bottom:var(--spacing-lg)}.faq-item:last-child{border-bottom:none;padding-bottom:0}.faq-question{font-size:var(--font-size-xl);color:var(--color-primary);margin-bottom:var(--spacing-sm);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm)}.faq-question:before{content:"Q:";font-weight:var(--font-weight-bold);color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.faq-answer{color:var(--color-text-secondary);line-height:1.7}.faq-answer p{margin-bottom:var(--spacing-md)}.faq-answer ul{margin-left:var(--spacing-xl);margin-bottom:var(--spacing-md)}.faq-answer li{margin-bottom:var(--spacing-xs)}.btn-xs{padding:.125rem .375rem;font-size:.7rem;border-radius:var(--radius-sm)}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;right:0;background-color:var(--color-bg-secondary);min-width:160px;box-shadow:var(--shadow-xl);z-index:1000;border-radius:var(--radius-md);border:1px solid var(--color-border);margin-top:5px}.admin-actions-cell{position:relative;overflow:visible}.table td.admin-actions-cell{padding:var(--spacing-xs) var(--spacing-sm)}.table{margin-bottom:60px}.dropdown-content a{color:var(--color-text-primary);padding:var(--spacing-sm) var(--spacing-md);display:block;font-size:var(--font-size-xs);transition:background-color var(--transition-fast)}.dropdown-content a:hover{background-color:var(--color-bg-tertiary);color:var(--color-primary)}.dropdown:hover .dropdown-content{display:block}.table td{white-space:nowrap}.table td.wrap{white-space:normal}.subscription-info-card{background:linear-gradient(135deg,var(--color-bg-secondary),var(--color-bg-tertiary));border:1px solid var(--color-primary);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg) var(--spacing-xl)}.subscription-info-card h3{color:var(--color-primary);font-size:var(--font-size-lg)}.subscription-info-card .badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.badge-success{background:#d2f9e0;color:#12873d}[data-theme=dark] .badge-success{background:#194d2c;color:#78eda3}.badge-warning{background:#feeecd;color:#956504}[data-theme=dark] .badge-warning{background:#523d14;color:#fbcb6a}.badge-secondary{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}@media(max-width:768px){.subscription-info-card .grid-2{grid-template-columns:1fr!important;text-align:center}.subscription-info-card div[style*="text-align: right"]{text-align:center!important}}.plans-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.plan-card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--spacing-lg);display:flex;flex-direction:column;position:relative;transition:transform var(--transition-base),box-shadow var(--transition-base)}.plan-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.plan-card.featured{border:2px solid var(--color-primary);background:var(--color-bg-tertiary);box-shadow:var(--shadow-md)}.plan-card-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-primary);color:#fff;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em}.plan-card-header{text-align:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.plan-card-header h3{margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.plan-card-price{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.plan-card-price span{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}.plan-card-body{flex:1;margin-bottom:var(--spacing-lg)}.plan-card-features{list-style:none;padding:0;margin:0}.plan-card-features li{margin-bottom:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.plan-card-action{margin-top:auto}.plan-card-current{display:block;text-align:center;padding:var(--spacing-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);background:var(--color-bg-primary);border-radius:var(--radius-md)}.plan-card-coming-soon{position:relative;overflow:hidden;opacity:.85}.plan-card-coming-soon:after{content:"COMING SOON";position:absolute;top:28px;right:-45px;background:linear-gradient(135deg,#9d26d9,#d9269d);color:#fff;padding:6px 50px;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;transform:rotate(35deg);box-shadow:0 2px 8px #7e1fad66;z-index:10;pointer-events:none}.plan-card-coming-soon .plan-card-action button{opacity:.5;cursor:not-allowed}.nav-link-upgrade-warning{color:#f9a806!important;animation:starPulse 2s ease-in-out infinite}.nav-link-upgrade-critical{color:#ee2b2b!important;animation:starPulse 1s ease-in-out infinite}@keyframes starPulse{0%,to{opacity:1}50%{opacity:.5}}.cancel-modal-warning{background:#e64c4c14;border:1px solid hsla(0,75%,60%,.3);border-radius:var(--radius-md);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}[data-theme=dark] .cancel-modal-warning{background:#e64c4c1f;border-color:#e64c4c66}.cancel-warning-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:var(--font-size-lg);color:var(--color-danger)}.cancel-modal-warning ul{list-style:none;padding:0;margin:var(--spacing-sm) 0}.cancel-modal-warning ul li{padding:var(--spacing-xs) 0;padding-left:var(--spacing-lg);position:relative}.cancel-modal-warning ul li:before{content:"•";position:absolute;left:var(--spacing-sm);color:var(--color-danger);font-weight:700}.cancel-warning-tip{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:#2dd27214;border:1px solid hsla(145,65%,50%,.3);border-radius:var(--radius-sm);padding:var(--spacing-md);margin-top:var(--spacing-md);font-size:var(--font-size-sm)}[data-theme=dark] .cancel-warning-tip{background:#2dd2721f;border-color:#2dd27266}.bg-warning-light{background-color:#fff3cd!important}[data-theme=dark] .bg-warning-light{background-color:#5e410880!important}.border-warning{border:1px solid #ffecb5!important}[data-theme=dark] .border-warning{border-color:#8e620b80!important}.rounded{border-radius:var(--radius-md)!important}.p-sm{padding:var(--spacing-sm)!important}body{margin:0;padding:0;background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family-primary);display:flex;height:100vh;overflow:hidden}.app-container{display:flex;width:100%;height:100%}.sidebar{width:260px;background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:100}.sidebar-header{padding:24px;border-bottom:1px solid var(--color-border)}.sidebar-logo{font-family:var(--font-family-heading);font-weight:700;font-size:24px;color:var(--color-primary);letter-spacing:2px}.sidebar-nav{flex:1;overflow-y:auto;padding:24px 0;display:flex;flex-direction:column;gap:8px}.sidebar-nav-item{padding:12px 24px;color:var(--color-text-secondary);text-decoration:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border-left:3px solid transparent}.sidebar-nav-item:hover{background-color:#ffffff0d;color:var(--color-text-primary)}.sidebar-nav-item.active{background-color:#00ff881a;color:var(--color-primary);border-left-color:var(--color-primary)}.sidebar-footer{padding:24px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:12px}.main-content{flex:1;overflow-y:auto;padding:32px 48px;background-color:var(--color-bg-primary)}.page{max-width:1200px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--color-border)}.page-title{margin:0;font-size:28px;font-family:var(--font-family-heading);color:var(--color-text-primary)}.stat-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);padding:24px;display:flex;flex-direction:column}.stat-label{font-size:12px;color:var(--color-text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.stat-value{font-size:36px;font-family:var(--font-family-heading);color:var(--color-primary);font-weight:600}table.table{width:100%;border-collapse:collapse}table.table th{text-align:left;padding:16px;font-size:12px;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:1px;white-space:nowrap}table.table td{padding:16px;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);word-break:break-word;overflow-wrap:break-word}table.table tbody tr:hover{background-color:#ffffff05}.mobile-topbar{display:none;background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:16px;align-items:center;gap:16px;position:fixed;top:0;left:0;right:0;z-index:100}.mobile-logo{font-family:var(--font-family-primary);font-weight:600;font-size:16px;color:var(--color-text-primary)}.mobile-menu-btn{background:none;border:none;color:var(--color-text-primary);font-family:var(--font-family-heading);font-size:24px;cursor:pointer;padding:0}@media(max-width:768px){.mobile-topbar{display:flex}.app-container{flex-direction:column;padding-top:60px}.sidebar{width:280px;height:100vh;position:fixed;top:60px;left:-280px;overflow-y:auto;padding-bottom:120px}.main-content{padding:16px 16px 120px}.stat-card{padding:16px}#stock-page>.grid-2{grid-template-columns:1fr}#stock-table tbody tr,#dashboard-stock-table-body tr{display:flex;flex-direction:column;padding:var(--spacing-md)}#stock-table td,#dashboard-stock-table-body td{display:flex;align-items:center;text-align:left;padding:0;margin-bottom:var(--spacing-xs);border:none;width:100%;white-space:normal}#stock-table td:before,#dashboard-stock-table-body td:before{position:static;width:auto;margin-right:8px;color:var(--color-text-secondary)}#stock-table td:nth-child(1),#dashboard-stock-table-body td:nth-child(1){font-size:1.1em;font-weight:500;margin-bottom:var(--spacing-sm)}#stock-table td:nth-child(1):before,#dashboard-stock-table-body td:nth-child(1):before{display:none}.sidebar.open{left:0}.sidebar-nav{display:flex;flex-direction:column}}