@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:forwards;--tw-animation-iteration-count:1;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:var(--font-noto-sans-sc),var(--font-saira),"Geist","Geist Fallback",sans-serif;--default-font-family:var(--font-noto-sans-sc),var(--font-saira),"Geist","Geist Fallback",sans-serif;--default-mono-font-family:"Geist Mono","Geist Mono Fallback";--font-audiowide:var(--font-audiowide),cursive}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{box-sizing:border-box;border-color:var(--border);outline-color:var(--ring);margin:0;padding:0}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;position:relative;overflow-x:hidden}}@layer components;@layer utilities{.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.font-sans{font-family:var(--font-noto-sans-sc),var(--font-saira),"Geist","Geist Fallback",sans-serif}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:forwards}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--bg-primary:#0a0e14;--bg-secondary:#151922;--bg-card:#15192299;--cyan-primary:#00f0ff;--cyan-glow:#00f0ff4d;--amber-primary:#ffb800;--amber-glow:#ffb8004d;--text-primary:#e8e8e8;--text-secondary:#a0a0a0;--border-color:#00f0ff33;--grid-color:#00f0ff0d;--background:#fff;--foreground:#0a0a0a;--card:#fff;--card-foreground:#0a0a0a;--popover:#fff;--popover-foreground:#0a0a0a;--primary:#171717;--primary-foreground:#fafafa;--secondary:#f5f5f5;--secondary-foreground:#171717;--muted:#f5f5f5;--muted-foreground:#737373;--accent:#f5f5f5;--accent-foreground:#171717;--destructive:#e40014;--destructive-foreground:#e40014;--border:#e5e5e5;--input:#e5e5e5;--ring:#a1a1a1;--chart-1:#f05100;--chart-2:#009588;--chart-3:#104e64;--chart-4:#fcbb00;--chart-5:#f99c00;--radius:.625rem;--sidebar:#fafafa;--sidebar-foreground:#0a0a0a;--sidebar-primary:#171717;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#f5f5f5;--sidebar-accent-foreground:#171717;--sidebar-border:#e5e5e5;--sidebar-ring:#a1a1a1}@supports (color:lab(0% 0 0)){:root{--background:lab(100% 0 0);--foreground:lab(2.75381% 0 0);--card:lab(100% 0 0);--card-foreground:lab(2.75381% 0 0);--popover:lab(100% 0 0);--popover-foreground:lab(2.75381% 0 0);--primary:lab(7.78201% -.0000149012 0);--primary-foreground:lab(98.26% 0 0);--secondary:lab(96.52% -.0000298023 .0000119209);--secondary-foreground:lab(7.78201% -.0000149012 0);--muted:lab(96.52% -.0000298023 .0000119209);--muted-foreground:lab(48.496% 0 0);--accent:lab(96.52% -.0000298023 .0000119209);--accent-foreground:lab(7.78201% -.0000149012 0);--destructive:lab(48.4493% 77.4328 61.5452);--destructive-foreground:lab(48.4493% 77.4328 61.5452);--border:lab(90.952% 0 -.0000119209);--input:lab(90.952% 0 -.0000119209);--ring:lab(66.128% -.0000298023 .0000119209);--chart-1:lab(57.1026% 64.2584 89.8886);--chart-2:lab(55.0223% -41.0774 -3.90277);--chart-3:lab(30.372% -13.1853 -18.7887);--chart-4:lab(80.1641% 16.6016 99.2089);--chart-5:lab(72.7183% 31.8672 97.9407);--sidebar:lab(98.26% 0 0);--sidebar-foreground:lab(2.75381% 0 0);--sidebar-primary:lab(7.78201% -.0000149012 0);--sidebar-primary-foreground:lab(98.26% 0 0);--sidebar-accent:lab(96.52% -.0000298023 .0000119209);--sidebar-accent-foreground:lab(7.78201% -.0000149012 0);--sidebar-border:lab(90.952% 0 -.0000119209);--sidebar-ring:lab(66.128% -.0000298023 .0000119209)}}.dark{--background:#0a0a0a;--foreground:#fafafa;--card:#0a0a0a;--card-foreground:#fafafa;--popover:#0a0a0a;--popover-foreground:#fafafa;--primary:#fafafa;--primary-foreground:#171717;--secondary:#262626;--secondary-foreground:#fafafa;--muted:#262626;--muted-foreground:#a1a1a1;--accent:#262626;--accent-foreground:#fafafa;--destructive:#82181a;--destructive-foreground:#fb2c36;--border:#262626;--input:#262626;--ring:#525252;--chart-1:#1447e6;--chart-2:#00bb7f;--chart-3:#f99c00;--chart-4:#ac4bff;--chart-5:#ff2357;--sidebar:#171717;--sidebar-foreground:#fafafa;--sidebar-primary:#1447e6;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#262626;--sidebar-accent-foreground:#fafafa;--sidebar-border:#262626;--sidebar-ring:#525252}@supports (color:lab(0% 0 0)){.dark{--background:lab(2.75381% 0 0);--foreground:lab(98.26% 0 0);--card:lab(2.75381% 0 0);--card-foreground:lab(98.26% 0 0);--popover:lab(2.75381% 0 0);--popover-foreground:lab(98.26% 0 0);--primary:lab(98.26% 0 0);--primary-foreground:lab(7.78201% -.0000149012 0);--secondary:lab(15.204% 0 -.00000596046);--secondary-foreground:lab(98.26% 0 0);--muted:lab(15.204% 0 -.00000596046);--muted-foreground:lab(66.128% -.0000298023 .0000119209);--accent:lab(15.204% 0 -.00000596046);--accent-foreground:lab(98.26% 0 0);--destructive:lab(28.5139% 44.5539 29.0463);--destructive-foreground:lab(55.4814% 75.0732 48.8528);--border:lab(15.204% 0 -.00000596046);--input:lab(15.204% 0 -.00000596046);--ring:lab(34.924% 0 0);--chart-1:lab(36.9089% 35.0961 -85.6872);--chart-2:lab(66.9756% -58.27 19.5419);--chart-3:lab(72.7183% 31.8672 97.9407);--chart-4:lab(52.0183% 66.11 -78.2316);--chart-5:lab(56.101% 79.4328 31.4532);--sidebar:lab(7.78201% -.0000149012 0);--sidebar-foreground:lab(98.26% 0 0);--sidebar-primary:lab(36.9089% 35.0961 -85.6872);--sidebar-primary-foreground:lab(98.26% 0 0);--sidebar-accent:lab(15.204% 0 -.00000596046);--sidebar-accent-foreground:lab(98.26% 0 0);--sidebar-border:lab(15.204% 0 -.00000596046);--sidebar-ring:lab(34.924% 0 0)}}.animated-grid{content:"";background-image:linear-gradient(var(--grid-color)1px,transparent 1px),linear-gradient(90deg,var(--grid-color)1px,transparent 1px);pointer-events:none;z-index:0;background-size:50px 50px;width:100%;height:100%;animation:20s linear infinite gridMove;position:fixed;top:0;left:0}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.scanline{content:"";background:linear-gradient(to bottom,transparent,var(--cyan-primary),transparent);pointer-events:none;z-index:9999;opacity:.3;width:100%;height:3px;animation:4s linear infinite scanline;position:fixed;top:0;left:0}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.app-container{z-index:1;position:relative}.header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#0a0e14cc;padding:2rem 3rem;animation:.6s ease-out slideDown;position:sticky;top:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.header-content{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.header-title{font-family:var(--font-audiowide);background:linear-gradient(135deg,var(--cyan-primary),var(--amber-primary));-webkit-text-fill-color:transparent;text-shadow:0 0 30px var(--cyan-glow);letter-spacing:2px;-webkit-background-clip:text;background-clip:text;font-size:2rem}.back-btn{border:2px solid var(--cyan-primary);color:var(--cyan-primary);font-family:var(--font-sans);cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:0 0;padding:.8rem 1.8rem;font-size:.9rem;font-weight:500;transition:all .3s;position:relative;overflow:hidden}.back-btn:before{content:"";background:var(--cyan-primary);z-index:-1;width:100%;height:100%;transition:left .3s;position:absolute;top:0;left:-100%}.back-btn:hover{color:var(--bg-primary);box-shadow:0 0 20px var(--cyan-glow)}.back-btn:hover:before{left:0}.main-content{max-width:1400px;margin:0 auto;padding:3rem}.home-header{justify-content:space-between;align-items:center;margin-bottom:3rem;animation:.8s ease-out .2s both fadeInUp;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.page-title{font-family:var(--font-audiowide);color:var(--cyan-primary);text-shadow:0 0 20px var(--cyan-glow);font-size:2.5rem}.add-btn{background:linear-gradient(135deg,var(--cyan-primary),var(--amber-primary));color:var(--bg-primary);font-family:var(--font-sans);cursor:pointer;box-shadow:0 0 30px var(--cyan-glow);text-transform:uppercase;letter-spacing:1.5px;border:none;padding:1rem 2.5rem;font-size:1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.add-btn:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.add-btn:hover{box-shadow:0 5px 40px var(--cyan-glow);transform:translateY(-3px)}.add-btn:hover:before{width:300px;height:300px}.digital-humans-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;animation:.8s ease-out .4s both fadeInUp;display:grid}.human-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;min-height:320px;padding:1.2rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.human-card:before{content:"";background:linear-gradient(90deg,#0000,#00f0ff1a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.human-card:hover:before{left:100%}.human-card:after{content:"";background:linear-gradient(135deg,var(--cyan-primary),var(--amber-primary));z-index:-1;opacity:0;transition:opacity .4s;position:absolute;inset:-2px}.human-card:hover{border-color:var(--cyan-primary);transform:translateY(-10px);box-shadow:0 20px 60px #00f0ff33}.human-card:hover:after{opacity:.3}.card-header{text-align:center;flex-direction:column;align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.avatar{background:linear-gradient(135deg,var(--cyan-primary),var(--amber-primary));width:45px;height:45px;box-shadow:0 0 30px var(--cyan-glow);color:var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;font-weight:700;animation:2s ease-in-out infinite pulse;display:flex}@keyframes pulse{50%{opacity:.5}}.card-title{font-family:var(--font-saira);color:var(--cyan-primary);margin-bottom:.2rem;font-size:.95rem;font-weight:600}.card-type{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.card-description{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:1rem;font-size:.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.card-footer{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:.5rem;display:flex}.tag{border:1px solid var(--cyan-primary);color:var(--cyan-primary);text-transform:uppercase;letter-spacing:.5px;background:#00f0ff1a;border-radius:20px;padding:.3rem .7rem;font-size:.65rem}.generate-video-btn{background:linear-gradient(135deg,var(--cyan-primary),var(--amber-primary));width:100%;color:var(--bg-primary);font-family:var(--font-sans);cursor:pointer;box-shadow:0 0 20px var(--cyan-glow);text-transform:uppercase;letter-spacing:1px;border:none;margin-top:1rem;padding:.8rem 1.5rem;font-size:.85rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.generate-video-btn:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .5s,height .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.generate-video-btn:hover{box-shadow:0 5px 30px var(--cyan-glow);transform:translateY(-2px)}.generate-video-btn:hover:before{width:200px;height:200px}.generate-video-btn:active{transform:translateY(0)}.detail-page{animation:.8s ease-out fadeInUp}.detail-hero{background:var(--bg-secondary);border:2px solid var(--border-color);margin-bottom:3rem;padding:3rem;position:relative;overflow:hidden}.detail-hero:before{content:"";background:radial-gradient(circle,var(--cyan-glow)0%,transparent 70%);pointer-events:none;width:300px;height:300px;position:absolute;top:0;right:0}.hero-content{z-index:1;align-items:flex-start;gap:3rem;display:flex;position:relative}.hero-avatar{background:linear-gradient(135deg,var(--cyan-primary),var(--amber-primary));width:150px;height:150px;box-shadow:0 0 60px var(--cyan-glow);color:var(--bg-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:4rem;font-weight:700;display:flex}.hero-info h2{font-family:var(--font-audiowide);color:var(--cyan-primary);margin-bottom:.5rem;font-size:2.5rem}.hero-type{color:var(--amber-primary);text-transform:uppercase;letter-spacing:2px;margin-bottom:1.5rem;font-size:1rem}.hero-description{color:var(--text-secondary);font-size:1.1rem;line-height:1.8}.info-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.info-card{background:var(--bg-card);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;transition:all .3s;position:relative;overflow:hidden}.info-card:before{content:"";background:linear-gradient(to bottom,var(--cyan-primary),var(--amber-primary));width:4px;height:0;transition:height .4s;position:absolute;top:0;left:0}.info-card:hover:before{height:100%}.info-card:hover{border-color:var(--cyan-primary);transform:translate(5px)}.info-card h3{font-family:var(--font-saira);color:var(--cyan-primary);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.3rem;display:flex}.info-card h3:before{content:"▶";color:var(--amber-primary);font-size:.8rem}.info-list{color:var(--text-secondary);line-height:2;list-style:none}.info-list li{padding-left:1.5rem;position:relative}.info-list li:before{content:"●";color:var(--cyan-primary);animation:2s ease-in-out infinite blink;position:absolute;left:0}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.operations-section{background:var(--bg-secondary);border:2px solid var(--border-color);padding:2.5rem}.operations-section h3{font-family:var(--font-audiowide);color:var(--amber-primary);text-align:center;text-shadow:0 0 20px var(--amber-glow);margin-bottom:2rem;font-size:1.8rem}.steps{flex-direction:column;gap:1.5rem;display:flex}.step{background:var(--bg-card);border-left:4px solid var(--cyan-primary);padding:1.5rem;transition:all .3s;position:relative}.step:hover{border-left-color:var(--amber-primary);box-shadow:-5px 0 20px var(--cyan-glow);transform:translate(10px)}.step-number{font-family:var(--font-audiowide);color:var(--cyan-primary);margin-bottom:.5rem;font-size:2rem}.step-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.step-description{color:var(--text-secondary);line-height:1.7}.modal{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal.active{animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-secondary);border:2px solid var(--cyan-primary);width:90%;max-width:600px;max-height:90vh;box-shadow:0 0 100px var(--cyan-glow);padding:3rem;animation:.4s slideUp;position:relative;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-content h2{font-family:var(--font-audiowide);color:var(--cyan-primary);text-align:center;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-primary);margin-bottom:.5rem;font-weight:500;display:block}.form-group input,.form-group textarea{background:var(--bg-primary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-sans);padding:1rem;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--cyan-primary);box-shadow:0 0 20px var(--cyan-glow);outline:none}.form-group textarea{resize:vertical;min-height:100px}.modal-buttons{gap:1rem;margin-top:2rem;display:flex}.modal-buttons button{cursor:pointer;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:1px;border:none;flex:1;padding:1rem;font-weight:600;transition:all .3s}.btn-primary{background:linear-gradient(135deg,var(--cyan-primary),var(--amber-primary));color:var(--bg-primary)}.btn-primary:hover{box-shadow:0 5px 30px var(--cyan-glow);transform:translateY(-2px)}.btn-secondary{border:2px solid var(--border-color);color:var(--text-primary);background:0 0}.btn-secondary:hover{border-color:var(--cyan-primary);color:var(--cyan-primary)}.task-sidebar{background:var(--bg-secondary);border-right:2px solid var(--border-color);z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:320px;height:calc(100vh - 140px);padding:1.5rem;animation:.5s ease-out slideInLeft;position:fixed;top:140px;left:0;overflow-y:auto}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.task-sidebar-title{font-family:var(--font-audiowide);color:var(--amber-primary);text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 0 15px var(--amber-glow);border-bottom:2px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:.8rem;font-size:1.2rem}.task-list{flex-direction:column;gap:1rem;display:flex}.task-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;padding:1rem;transition:all .3s;position:relative;overflow:hidden}.task-item:before{content:"";background:linear-gradient(to bottom,var(--cyan-primary),var(--amber-primary));width:3px;height:100%;position:absolute;top:0;left:0}.task-item:hover{border-color:var(--cyan-primary);box-shadow:0 5px 20px var(--cyan-glow);transform:translate(5px)}.task-header{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;display:flex}.task-title{color:var(--text-primary);flex:1;font-size:.9rem;font-weight:600}.task-status{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:.75rem;font-weight:500}.task-meta{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.task-type{border:1px solid var(--cyan-primary);color:var(--cyan-primary);background:#00f0ff1a;border-radius:12px;padding:.2rem .6rem;font-size:.65rem}.task-time{opacity:.7}.task-progress{background:#00f0ff1a;border-radius:2px;height:4px;margin-top:.8rem;position:relative;overflow:hidden}.progress-bar{background:linear-gradient(90deg,var(--cyan-primary),var(--amber-primary));height:100%;box-shadow:0 0 10px var(--cyan-glow);animation:2s ease-in-out infinite progressAnimation}@keyframes progressAnimation{0%{width:0%}50%{width:70%}to{width:100%}}.main-content.with-sidebar{margin-left:320px}@media (max-width:768px){.header{padding:1.5rem}.header-title{font-size:1.3rem}.main-content{padding:2rem 1.5rem}.page-title{font-size:1.8rem}.home-header{flex-direction:column;align-items:stretch;gap:1.5rem}.add-btn{width:100%}.digital-humans-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.hero-content{text-align:center;flex-direction:column;align-items:center}.hero-avatar{width:100px;height:100px;font-size:2.5rem}.hero-info h2{font-size:1.8rem}.info-grid{grid-template-columns:1fr}.modal-content{padding:2rem}.task-sidebar{border-right:none;border-top:2px solid var(--border-color);width:100%;height:40vh;animation:.5s ease-out slideInUp;position:fixed;inset:auto 0 0}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.main-content.with-sidebar{margin-left:0;padding-bottom:calc(40vh + 2rem)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}