@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";.navbar-wrapper{z-index:var(--z-navbar);position:sticky;top:0}.navbar-top-status{font-family:var(--font-code);color:var(--color-text-muted);background:#06080c;border-bottom:1px solid #1c2433;padding:4px 0;font-size:.72rem}.status-bar-inner{justify-content:space-between;align-items:center;display:flex}.status-item{align-items:center;gap:8px;display:flex}.status-text{color:var(--color-accent);letter-spacing:.05em;font-weight:600}.status-tag{background:#121824;border:1px solid #232c3d;border-radius:3px;padding:1px 6px}.navbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:0 4px 20px #00000080,inset 0 1px #ffffff0f}.navbar__inner{justify-content:space-between;align-items:center;height:60px;display:flex}.navbar__logo{text-decoration:none}.navbar__logo-box{border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-recessed);background:#0c1017;align-items:center;gap:8px;padding:6px 14px;display:flex}.logo-prompt{color:var(--color-primary);font-family:var(--font-code);font-weight:800}.logo-name{font-family:var(--font-code);color:#fff;letter-spacing:.02em;font-size:1.05rem;font-weight:700}.navbar__tabs{align-items:stretch;gap:2px;height:100%;display:flex}.navbar__tab{font-size:.84rem;font-family:var(--font-code);color:var(--color-text-light);transition:all var(--transition-fast);cursor:pointer;background:0 0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:0 14px;text-decoration:none;display:flex}.tab-icon{opacity:.7;font-size:.8rem}.navbar__tab:hover{color:var(--color-primary);background:#00f2fe0f}.navbar__tab--active{color:var(--color-primary);background:var(--color-bg-alt);border-bottom-color:var(--color-primary);font-weight:600;box-shadow:inset 0 1px #ffffff14}.navbar__admin-badge{background:var(--color-accent-amber);color:#000;border-radius:3px;margin-left:6px;padding:1px 5px;font-size:.65rem;font-weight:700}.navbar__tab--logout{color:var(--color-accent-rose)}.navbar__toggle{border:1px solid var(--color-border);background:var(--color-bg-alt);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;width:38px;height:38px;display:none}.navbar__toggle-bar{background:var(--color-text);width:18px;height:2px;display:block;position:relative}.navbar__toggle-bar:before,.navbar__toggle-bar:after{content:"";background:var(--color-text);width:100%;height:100%;transition:all var(--transition-fast);position:absolute;left:0}.navbar__toggle-bar:before{top:-6px}.navbar__toggle-bar:after{top:6px}@media (width<=768px){.meta-hide-mobile{display:none}.navbar__toggle{display:flex}.navbar__tabs{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-xl);opacity:0;pointer-events:none;transition:all var(--transition-base);flex-direction:column;gap:4px;height:auto;padding:12px;position:fixed;top:90px;left:0;right:0;transform:translateY(-100%)}.navbar__tabs--open{opacity:1;pointer-events:all;transform:translateY(0)}.navbar__tab{border-radius:var(--radius-sm);border-bottom:none;justify-content:flex-start;padding:12px 16px}}.footer{border-top:1px solid var(--color-border);background:#080a0e;padding:32px 0;box-shadow:inset 0 1px #ffffff0d}.footer__inner{flex-direction:column;align-items:center;gap:20px;display:flex}.footer__brand{font-family:var(--font-code);color:#fff;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;display:flex}.brand-icon{color:var(--color-primary)}.brand-tag{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-accent);border-radius:4px;padding:2px 6px;font-size:.7rem}.footer__social{gap:16px;display:flex}.footer__social-link{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-light);font-family:var(--font-code);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:6px 14px;font-size:.82rem;display:inline-flex}.footer__social-link:hover{color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 4px 12px var(--color-primary-glow);transform:translateY(-2px)}.social-tag{background:var(--color-bg-alt);color:var(--color-primary);border-radius:3px;padding:1px 4px;font-size:.68rem;font-weight:700}.footer__copyright{font-family:var(--font-code);color:var(--color-text-muted);text-align:center;font-size:.78rem}.loading-container{padding:var(--space-3xl);justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.loading-spinner{border:3px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.loading-text{color:var(--color-text-muted);font-size:.9rem}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--color-bg-alt) 25%, var(--color-border-light) 50%, var(--color-bg-alt) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton--text{width:80%;height:16px;margin-bottom:var(--space-sm)}.skeleton--title{width:60%;height:24px;margin-bottom:var(--space-md)}.skeleton--image{width:100%;margin-bottom:var(--space-md);padding-top:75%}.skeu-btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-code);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);letter-spacing:.04em;-webkit-user-select:none;user-select:none;text-transform:uppercase;padding:10px 22px;font-size:.88rem;font-weight:600;display:inline-flex;position:relative}.skeu-btn--primary{color:#080b10;text-shadow:none;background:linear-gradient(#00f2fe 0%,#00b4d8 100%);border-color:#66f6ff;box-shadow:0 3px #097288,0 5px 12px #00f2fe59,inset 0 1px #fff6}.skeu-btn--primary:hover{background:linear-gradient(#4facfe 0%,#00f2fe 100%);transform:translateY(-1px);box-shadow:0 4px #097288,0 8px 18px #00f2fe80,inset 0 1px #ffffff80}.skeu-btn--primary:active{background:linear-gradient(#00b4d8 0%,#007791 100%);transform:translateY(2px);box-shadow:0 1px #097288,inset 0 2px 4px #0006}.skeu-btn--secondary{color:var(--color-text);border-color:var(--color-border);background:linear-gradient(#222a3a 0%,#171d29 100%);box-shadow:0 3px #0b0e14,0 4px 10px #00000080,inset 0 1px #ffffff14}.skeu-btn--secondary:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 4px 0 #0b0e14, 0 0 12px var(--color-primary-glow), inset 0 1px 0 #ffffff1f;background:linear-gradient(#283347 0%,#1e2535 100%);transform:translateY(-1px)}.skeu-btn--secondary:active{background:#151a24;transform:translateY(2px);box-shadow:0 1px #0b0e14,inset 0 2px 4px #0009}.skeu-btn--danger{color:#fff;background:linear-gradient(#ff4b72 0%,#d91c48 100%);border-color:#ff7593;box-shadow:0 3px #8b0927,0 5px 12px #ff2a6d66,inset 0 1px #ffffff4d}.skeu-btn--danger:hover{background:linear-gradient(#ff7593 0%,#ff4b72 100%);transform:translateY(-1px)}.skeu-btn--danger:active{transform:translateY(2px);box-shadow:0 1px #8b0927,inset 0 2px 4px #0006}.skeu-btn--ghost{color:var(--color-primary);box-shadow:none;background:0 0;border-color:#0000}.skeu-btn--ghost:hover{background:#00f2fe14}.skeu-btn--sm{padding:6px 14px;font-size:.78rem}.skeu-btn--lg{padding:14px 28px;font-size:.98rem}.skeu-btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.skeu-btn__icon{font-size:1.05em;display:inline-flex}.skeu-card{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-xl);border:1px solid var(--color-border);box-shadow:0 1px 0 #ffffff0f inset, var(--shadow-md);transition:all var(--transition-base);position:relative;overflow:hidden}.skeu-card:before{content:"";background:linear-gradient(90deg,#0000,#00f2fe66,#0000);height:1px;position:absolute;top:0;left:0;right:0}.skeu-card--hoverable:hover{box-shadow:0 1px 0 #ffffff1a inset, 0 12px 30px #000000b3, 0 0 20px var(--color-primary-glow);border-color:var(--color-primary);transform:translateY(-4px)}.skeu-card--embossed{box-shadow:0 2px 0 #ffffff14 inset, 0 -1px 0 #0006 inset, var(--shadow-md);background:linear-gradient(#1c2331 0%,#151b26 100%)}.skeu-card--inset{box-shadow:var(--shadow-recessed);border:1px solid var(--color-border-light);background:#080b10}.skeu-card--frame{box-shadow:0 0 0 1px #090c12, 0 2px 0 #ffffff14 inset, 0 10px 25px #000c, var(--shadow-lg);border-radius:var(--radius-md);background:#121722;border:1px solid #2a3447;padding:12px}.skeu-card--frame .skeu-card__image{border-radius:var(--radius-sm);border:1px solid var(--color-border);overflow:hidden}.skeu-card__image{border-radius:var(--radius-sm);margin-bottom:var(--space-md);background:#06080c;position:relative;overflow:hidden}.skeu-card__image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.skeu-card--hoverable:hover .skeu-card__image img{transform:scale(1.05)}.skeu-card__title{font-family:var(--font-heading);color:#fff;margin-bottom:var(--space-xs);font-size:1.15rem;font-weight:700}.skeu-card__subtitle{font-family:var(--font-code);color:var(--color-primary);font-size:.85rem}.project-card{flex-direction:column;height:100%;display:flex;position:relative}.project-card__carousel{border-radius:var(--radius-sm);border:1px solid var(--color-border-light);background:#06080c;width:100%;height:210px;position:relative;overflow:hidden}.carousel-viewport{width:100%;height:100%}.carousel-slide{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.carousel-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.carousel-video-player,.carousel-video-frame{object-fit:cover;background:#000;border:none;width:100%;height:100%}.slide-type-badge{border:1px solid var(--color-primary);color:var(--color-primary);font-family:var(--font-code);background:#000000d9;border-radius:4px;padding:3px 8px;font-size:.72rem;position:absolute;top:8px;left:8px}.carousel-arrow{border:1px solid var(--color-border);color:#fff;cursor:pointer;z-index:10;width:32px;height:32px;transition:all var(--transition-fast);opacity:.8;background:#0b0e14d9;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.project-card:hover .carousel-arrow{opacity:1}.carousel-arrow:hover{background:var(--color-primary);color:#000;border-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary-glow);transform:translateY(-50%)scale(1.1)}.carousel-arrow--left{left:8px}.carousel-arrow--right{right:8px}.carousel-indicators{pointer-events:none;justify-content:space-between;align-items:center;padding:0 10px;display:flex;position:absolute;bottom:8px;left:0;right:0}.carousel-count-badge{font-family:var(--font-code);color:var(--color-primary);border:1px solid var(--color-border);background:#080b10e0;border-radius:4px;padding:2px 6px;font-size:.68rem}.carousel-dots{pointer-events:auto;gap:5px;display:flex}.carousel-dot{cursor:pointer;width:7px;height:7px;transition:all var(--transition-fast);background:#ffffff59;border:none;border-radius:50%;padding:0}.carousel-dot--active{background:var(--color-primary);box-shadow:0 0 8px var(--color-primary);transform:scale(1.3)}.project-card__info{padding-top:var(--space-md);flex-direction:column;flex-grow:1;display:flex}.project-card__title{font-family:var(--font-heading);color:#fff;margin-bottom:var(--space-xs);font-size:1.15rem;font-weight:700}.project-card__desc{color:var(--color-text-light);margin-bottom:var(--space-md);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.86rem;line-height:1.5;display:-webkit-box;overflow:hidden}.project-card__tech-stack{margin-bottom:var(--space-md);flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.tech-chip{font-family:var(--font-code);color:var(--color-accent);background:#080c14;border:1px solid #1a2a3a;border-radius:4px;padding:2px 8px;font-size:.72rem}.project-card__actions{padding-top:var(--space-sm);border-top:1px solid var(--color-border-light);flex-wrap:wrap;gap:8px;display:flex}.skeu-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:var(--z-modal-backdrop);padding:var(--space-lg);background:#06090fd9;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.skeu-modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl), 0 0 30px #00f2fe26;width:100%;max-width:600px;max-height:90vh;z-index:var(--z-modal);border:1px solid var(--color-border);animation:.3s cubic-bezier(.34,1.56,.64,1) modalSlideIn;overflow-y:auto}.skeu-modal--large{max-width:900px}.skeu-modal--fullscreen{border-radius:0;width:100%;max-width:none;height:100%;max-height:none}.skeu-modal__header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border);background:var(--color-bg-alt);justify-content:space-between;align-items:center;display:flex}.skeu-modal__title{font-family:var(--font-heading);color:#fff;font-size:1.25rem;font-weight:700}.skeu-modal__close{border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;width:36px;height:36px;color:var(--color-text-muted);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);background:#080b10;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.skeu-modal__close:hover{color:#fff;border-color:var(--color-primary);background:#182232}.skeu-modal__body{padding:var(--space-xl)}.skeu-modal__footer{gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--color-border-light);justify-content:flex-end;display:flex}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=768px){.skeu-modal{margin:var(--space-md);max-height:85vh}}.project-detail-modal{gap:var(--space-md);flex-direction:column;display:flex}.project-modal-frame{border:1px solid var(--color-border);border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;background:#05080f;justify-content:center;align-items:center;min-height:280px;max-height:480px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #000c,0 8px 32px #00f2fe14}.modal-slider-viewport,.modal-slider-slide{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.modal-slider-image{object-fit:contain;max-width:100%;max-height:460px;transition:transform .2s,opacity .2s;display:block}.modal-slider-slide--video{background:#000;width:100%;height:380px}.modal-video-frame,.modal-video-player{object-fit:contain;border:none;width:100%;height:100%}.modal-slider-arrow{color:#00f2fe;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a101abf;border:1px solid #00f2fe66;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 15px #00000080,0 0 10px #00f2fe33}.modal-slider-arrow:hover{color:#05080f;background:#00f2fe;border-color:#00f2fe;transform:translateY(-50%)scale(1.12);box-shadow:0 0 20px #00f2feb3}.modal-slider-arrow--left{left:14px}.modal-slider-arrow--right{right:14px}.modal-slider-controls-badge{z-index:10;align-items:center;gap:8px;display:flex;position:absolute;bottom:12px;right:14px}.modal-slider-counter{border:1px solid var(--color-border);color:var(--color-text-light);font-family:var(--font-code);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060a12d9;padding:4px 12px;font-size:.8rem;font-weight:700;box-shadow:0 2px 10px #00000080}.modal-autoplay-btn{border:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-code);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#0a101ad9;padding:4px 10px;font-size:.76rem;font-weight:700;transition:all .2s}.modal-autoplay-btn:hover,.modal-autoplay-btn--active{color:#00f2fe;border-color:#00f2fe80;box-shadow:0 0 10px #00f2fe4d}.modal-thumbnails-strip{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;align-items:center;gap:10px;padding:6px 2px 10px;display:flex;overflow-x:auto}.modal-thumb-btn{border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;opacity:.65;background:#080d17;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:48px;padding:2px;transition:all .2s;display:flex;overflow:hidden}.modal-thumb-btn:hover{opacity:1;border-color:#00f2fe99;transform:translateY(-2px)}.modal-thumb-btn--active{opacity:1;background:#0d1624;border-color:#00f2fe;transform:translateY(-2px);box-shadow:0 0 12px #00f2fe80}.modal-thumb-img{object-fit:cover;border-radius:2px;width:100%;height:100%}.modal-thumb-btn--video{font-family:var(--font-code);color:#4facfe;width:72px;font-size:.72rem;font-weight:700}.project-modal-meta{gap:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-md);background:#090e18;flex-direction:column;display:flex}.project-modal-meta-item{align-items:center;gap:var(--space-sm);font-family:var(--font-code);flex-wrap:wrap;font-size:.85rem;display:flex}.project-modal-label{color:var(--color-primary);min-width:100px;font-weight:700}.project-modal-chips{flex-wrap:wrap;gap:6px;display:flex}.project-modal-val-year{color:var(--color-accent);font-weight:700}.project-modal-desc-wrap{border-left:3px solid var(--color-primary);padding:var(--space-md);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#0d131f80}.project-modal-desc{color:var(--color-text-light);margin:0;font-size:.95rem;line-height:1.7}.project-modal-actions{justify-content:flex-end;align-items:center;gap:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}@media (width<=600px){.project-modal-frame{min-height:220px;max-height:340px}.modal-slider-arrow{width:36px;height:36px;font-size:1rem}.modal-slider-arrow--left{left:8px}.modal-slider-arrow--right{right:8px}}.paint-drop-canvas{pointer-events:none;z-index:0;mix-blend-mode:screen;width:100%;height:100%;position:absolute;top:0;left:0;transform:translateZ(0)}.home-hero{min-height:82vh;padding:var(--space-2xl) 0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.home-hero__container{z-index:1;position:relative}.hero-window{max-width:920px;box-shadow:var(--shadow-xl);margin:0 auto}.hero-window-body{text-align:left;padding:32px 36px}.terminal-prompt-line{font-family:var(--font-code);align-items:center;gap:10px;margin-bottom:20px;font-size:.88rem;display:flex}.prompt-user{color:var(--color-accent);font-weight:700}.prompt-path{color:var(--color-primary-light)}.prompt-cmd{color:#fff}.home-hero__tagline{font-family:var(--font-code);color:var(--color-primary);letter-spacing:.08em;margin-bottom:12px;font-size:.82rem;font-weight:700}.home-hero__title{color:#fff;margin-bottom:20px;font-size:2.8rem;font-weight:800;line-height:1.2}.home-hero__subtitle{color:var(--color-text-light);max-width:720px;margin-bottom:32px;font-size:1.05rem;line-height:1.8}.home-hero__actions{gap:var(--space-md);flex-wrap:wrap;display:flex}.home-featured{padding:var(--space-4xl) 0}.home-featured__grid{gap:var(--space-xl);margin-top:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.home-featured__card{cursor:pointer}.home-featured__image{object-fit:cover;width:100%;height:220px}.home-featured__info{padding:var(--space-md) 0 0}.home-featured__painting-title{font-family:var(--font-heading);color:#fff;margin-bottom:6px;font-size:1.15rem;font-weight:700}.home-featured__desc{color:var(--color-text-light);margin-bottom:12px;font-size:.88rem;line-height:1.6}.tech-badge-container{flex-wrap:wrap;gap:6px;display:flex}.tech-badge{font-family:var(--font-code);border:1px solid var(--color-border);color:var(--color-primary);background:#0d121c;border-radius:4px;padding:2px 8px;font-size:.72rem}.home-empty{text-align:center;padding:var(--space-3xl);color:var(--color-text-muted)}.home-empty__icon{margin-bottom:var(--space-md);opacity:.5;font-size:3rem}@media (width<=768px){.hero-window-body{padding:20px 18px}.home-hero__title{font-size:1.85rem}}.about-page{padding:var(--space-4xl) 0}.about-window{margin-top:24px}.about-window-body{padding:36px}.about-grid{gap:var(--space-3xl);grid-template-columns:280px 1fr;align-items:start;display:grid}.about-profile{text-align:center;position:relative}.about-profile__frame{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-recessed);background:#080b10;padding:10px}.about-profile__image{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--color-bg-alt);width:100%;color:var(--color-primary);justify-content:center;align-items:center;font-size:4rem;display:flex}.about-spec-badge{font-family:var(--font-code);color:var(--color-accent);justify-content:center;align-items:center;gap:8px;margin-top:14px;font-size:.76rem;display:flex}.about-name{color:#fff;font-size:2.2rem;font-weight:800}.about-role{font-family:var(--font-code);color:var(--color-primary);margin-bottom:20px;font-size:1.05rem}.about-content__intro{color:var(--color-text);margin-bottom:var(--space-lg);font-size:1.1rem;font-weight:500;line-height:1.7}.about-content p{margin-bottom:var(--space-md);color:var(--color-text-light);font-size:.96rem}.about-stats{gap:var(--space-md);margin-top:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.about-stat{text-align:center;padding:var(--space-lg);background:var(--color-bg-alt);border:1px solid var(--color-border)}.about-stat__number{font-family:var(--font-code);color:var(--color-primary);font-size:1.8rem;font-weight:700;display:block}.about-stat__label{font-family:var(--font-code);color:var(--color-text-muted);text-transform:uppercase;font-size:.75rem}@media (width<=768px){.about-grid{grid-template-columns:1fr}}.gallery-page{padding:var(--space-4xl) 0;position:relative}.gallery-header-wrap{text-align:center;margin-bottom:var(--space-3xl)}.gallery-preview-badge{align-items:center;gap:var(--space-xs);font-family:var(--font-code);color:var(--color-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);background:#080c14;padding:4px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.gallery-filters{justify-content:center;gap:var(--space-sm);margin:var(--space-2xl) 0 var(--space-xl);flex-wrap:wrap;display:flex}.gallery-filter-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-code);color:var(--color-text-light);cursor:pointer;transition:all var(--transition-fast);padding:6px 16px;font-size:.84rem;font-weight:600}.gallery-filter-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.gallery-filter-btn--active{color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary-glow);background:#09121a}.gallery-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.gallery-card{cursor:pointer}.gallery-card__image{object-fit:cover;width:100%;height:240px;display:block}.gallery-card__info{padding:var(--space-md) 0 0}.gallery-card__title{font-family:var(--font-heading);color:#fff;margin-bottom:var(--space-xs);font-size:1.1rem;font-weight:700}.gallery-card__meta{font-family:var(--font-code);color:var(--color-text-muted);gap:var(--space-sm);flex-wrap:wrap;align-items:center;font-size:.8rem;display:flex}.gallery-card__meta-tag{border:1px solid var(--color-border);color:var(--color-primary);background:#0d121c;border-radius:4px;padding:2px 8px}.gallery-card__year{color:var(--color-accent)}.gallery-lightbox__frame{border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--space-xl);background:#080b10;padding:8px}.gallery-lightbox__image{object-fit:contain;width:100%;max-height:440px;display:block}.gallery-lightbox__meta{gap:var(--space-lg);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border);font-family:var(--font-code);flex-wrap:wrap;font-size:.85rem;display:flex}.gallery-lightbox__meta-item{color:var(--color-text-light)}.gallery-lightbox__meta-label{color:var(--color-primary);font-weight:700}.gallery-lightbox__desc{color:var(--color-text-light);font-size:.95rem;line-height:1.7}.gallery-empty{text-align:center;padding:var(--space-4xl) var(--space-md);color:var(--color-text-muted)}.gallery-empty__icon{margin-bottom:var(--space-md);font-size:3.5rem}@media (width<=768px){.gallery-grid{grid-template-columns:1fr}}.skills-page{padding:var(--space-4xl) 0;position:relative}.skills-intro{text-align:center;max-width:680px;margin:0 auto var(--space-3xl);color:var(--color-text-light);font-size:1.05rem}.skills-categories{gap:var(--space-3xl);flex-direction:column;display:flex}.skills-category__header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);display:flex}.skills-category__icon{background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border);width:44px;height:44px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.skills-category__title{color:#fff;font-size:1.35rem;font-family:var(--font-heading)}.skills-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.skill-card{padding:var(--space-xl);gap:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);flex-direction:column;display:flex;position:relative}.skill-card:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent));height:3px;position:absolute;top:0;left:0;right:0}.skill-card__header{justify-content:space-between;align-items:baseline;display:flex}.skill-card__name{font-family:var(--font-heading);color:#fff;font-size:1.05rem;font-weight:700}.skill-card__level-badge{font-family:var(--font-code);color:var(--color-accent);background:#09121a;border:1px solid #1a2a3a;border-radius:4px;padding:2px 8px;font-size:.74rem;font-weight:600}.skill-card__description{color:var(--color-text-light);font-size:.88rem;line-height:1.6}.skill-meter{border-radius:var(--radius-sm);height:10px;box-shadow:var(--shadow-recessed);border:1px solid var(--color-border-light);background:#080b10;position:relative;overflow:hidden}.skill-meter__fill{border-radius:var(--radius-sm);height:100%;box-shadow:0 0 10px var(--color-primary-glow);background:linear-gradient(90deg,#00f2fe 0%,#39ff14 100%);transition:width 1s cubic-bezier(.4,0,.2,1);position:relative}.palette-section{margin-top:var(--space-4xl);padding:var(--space-2xl);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);text-align:center}.palette-section__title{font-family:var(--font-heading);color:#fff;margin-bottom:var(--space-sm);font-size:1.3rem}.palette-section__subtitle{color:var(--color-text-muted);font-family:var(--font-code);margin-bottom:var(--space-xl);font-size:.88rem}.palette-swatches{justify-content:center;gap:var(--space-xl);flex-wrap:wrap;display:flex}.palette-swatch{align-items:center;gap:var(--space-sm);cursor:pointer;flex-direction:column;display:flex}.palette-swatch__logo-box{border-radius:var(--radius-md);border:1.5px solid var(--color-border);width:58px;height:58px;transition:all var(--transition-fast);box-shadow:var(--shadow-keycap);background:linear-gradient(#182030 0%,#0e1320 100%);justify-content:center;align-items:center;display:flex}.palette-swatch:hover .palette-swatch__logo-box{transform:translateY(-4px)}.palette-swatch__name{font-family:var(--font-code);color:var(--color-text-light);transition:color var(--transition-fast);font-size:.82rem;font-weight:600}.palette-swatch:hover .palette-swatch__name{color:#fff}@media (width<=768px){.skills-grid{grid-template-columns:1fr}}.experience-page{padding:var(--space-4xl) 0;position:relative}.experience-intro{text-align:center;max-width:680px;margin:0 auto var(--space-3xl);color:var(--color-text-light);font-size:1.05rem}.timeline-board{max-width:860px;padding:var(--space-3xl) var(--space-xl);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-xl);margin:0 auto;position:relative}.timeline-board:before{content:"";background:repeating-linear-gradient(to bottom, var(--color-primary) 0, var(--color-primary) 8px, transparent 8px, transparent 16px);z-index:1;width:2px;position:absolute;top:40px;bottom:40px;left:50%;transform:translate(-50%)}.timeline-items{gap:var(--space-3xl);z-index:2;flex-direction:column;display:flex;position:relative}.timeline-item{align-items:center;gap:var(--space-lg);grid-template-columns:1fr 60px 1fr;display:grid}.timeline-item__pin-wrap{justify-content:center;align-items:center;display:flex}.timeline-item__pin{border:2px solid var(--color-primary);width:44px;height:44px;box-shadow:0 0 12px var(--color-primary-glow);z-index:3;background:#0d121c;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.timeline-item__content{padding:var(--space-xl);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-md);background:#121722}.timeline-item--left .timeline-item__content{text-align:right;grid-column:1}.timeline-item--left .timeline-item__pin-wrap{grid-column:2}.timeline-item--left .timeline-item__spacer{grid-column:3}.timeline-item--right .timeline-item__spacer{grid-column:1}.timeline-item--right .timeline-item__pin-wrap{grid-column:2}.timeline-item--right .timeline-item__content{text-align:left;grid-column:3}.timeline-item__date{font-family:var(--font-code);color:var(--color-accent);border:1px solid var(--color-border);background:#080c14;border-radius:4px;margin-bottom:6px;padding:3px 10px;font-size:.8rem;font-weight:700;display:inline-block}.timeline-item__title{font-family:var(--font-heading);color:#fff;margin-bottom:4px;font-size:1.2rem}.timeline-item__role{font-family:var(--font-code);color:var(--color-primary);margin-bottom:8px;font-size:.88rem}.timeline-item__location{font-family:var(--font-code);color:var(--color-text-muted);align-items:center;gap:4px;margin-bottom:10px;font-size:.82rem;display:flex}.timeline-item--left .timeline-item__location{justify-content:flex-end}.timeline-item__description{color:var(--color-text-light);font-size:.92rem;line-height:1.6}@media (width<=768px){.timeline-board:before{left:24px;transform:none}.timeline-item{gap:var(--space-md);grid-template-columns:48px 1fr}.timeline-item--left .timeline-item__content,.timeline-item--right .timeline-item__content{text-align:left;grid-column:2}.timeline-item--left .timeline-item__pin-wrap,.timeline-item--right .timeline-item__pin-wrap{grid-column:1}.timeline-item__spacer{display:none}.timeline-item--left .timeline-item__location{justify-content:flex-start}}.skeu-input-group{margin-bottom:var(--space-lg)}.skeu-input-group label{font-family:var(--font-code);color:var(--color-text-light);margin-bottom:var(--space-sm);letter-spacing:.03em;text-transform:uppercase;font-size:.84rem;font-weight:600;display:block}.skeu-input{width:100%;font-family:var(--font-code);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-recessed);transition:all var(--transition-base);background:#080b10;outline:none;padding:11px 16px;font-size:.9rem}.skeu-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-recessed), 0 0 12px var(--color-primary-glow);color:#fff}.skeu-input::placeholder{color:var(--color-text-muted);opacity:.6}.skeu-input--error{border-color:var(--color-error);box-shadow:var(--shadow-recessed), 0 0 10px #ff2a6d66}.skeu-input-error-text{color:var(--color-error);font-family:var(--font-code);margin-top:var(--space-xs);font-size:.8rem}.skeu-textarea{resize:vertical;min-height:120px}.skeu-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2300f2fe' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.contact-page{padding:var(--space-4xl) 0;position:relative}.contact-intro{text-align:center;max-width:680px;margin:0 auto var(--space-3xl);color:var(--color-text-light);font-size:1.05rem}.contact-grid{gap:var(--space-3xl);grid-template-columns:1fr 1.3fr;align-items:start;display:grid}.contact-info{gap:var(--space-xl);flex-direction:column;display:flex}.contact-info-card{padding:var(--space-xl);align-items:flex-start;gap:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);display:flex}.contact-info-card__icon{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:46px;height:46px;box-shadow:var(--shadow-sm);background:#080c14;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.contact-info-card__title{font-family:var(--font-heading);color:#fff;margin-bottom:4px;font-size:1.05rem;font-weight:700}.contact-info-card__desc{color:var(--color-text-muted);font-size:.9rem;line-height:1.5}.contact-info-card__link{font-family:var(--font-code);color:var(--color-primary);margin-top:6px;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-block}.contact-window{box-shadow:var(--shadow-xl)}.contact-window-body{padding:28px}.contact-success{padding:var(--space-xl);border:1px solid var(--color-primary);border-radius:var(--radius-sm);text-align:center;align-items:center;gap:var(--space-md);box-shadow:0 0 20px var(--color-primary-glow);background:#08121a;flex-direction:column;display:flex}.contact-success__stamp{font-size:2.5rem}.contact-success__title{font-family:var(--font-heading);color:var(--color-accent);font-size:1.25rem;font-weight:700}.contact-success__text{color:var(--color-text-light);font-size:.92rem}.contact-error{padding:var(--space-md);border:1px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);font-family:var(--font-code);margin-bottom:var(--space-lg);background:#ff2a6d1a;font-size:.88rem}@media (width<=900px){.contact-grid{grid-template-columns:1fr}}.login-page{min-height:calc(85vh - 70px);padding:var(--space-3xl) var(--space-md);justify-content:center;align-items:center;display:flex;position:relative}.login-card{width:100%;max-width:440px;padding:var(--space-3xl) var(--space-2xl);background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:0 1px 0 #ffffff14 inset, 0 20px 45px #000c, 0 0 25px var(--color-primary-glow);position:relative}.login-card:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent));border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);height:3px;position:absolute;top:0;left:0;right:0}.login-header{text-align:center;margin-bottom:var(--space-2xl)}.login-logo-badge{width:60px;height:60px;margin:0 auto var(--space-md);border:1.5px solid var(--color-primary);box-shadow:0 0 15px var(--color-primary-glow), var(--shadow-sm);background:#080b10;border-radius:50%;justify-content:center;align-items:center;font-size:1.8rem;display:flex}.login-title{font-size:1.6rem;font-family:var(--font-heading);color:#fff;margin-bottom:var(--space-xs)}.login-subtitle{color:var(--color-text-muted);font-size:.88rem;font-family:var(--font-code)}.login-error{padding:var(--space-md);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-family:var(--font-code);margin-bottom:var(--space-lg);text-align:center;background:#ff2a6d1a;font-size:.88rem}.login-hint{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px dashed var(--color-border-light);color:var(--color-text-muted);font-size:.82rem;font-family:var(--font-code);text-align:center;line-height:1.5}.painting-list-wrap{overflow-x:auto}.painting-table{border-collapse:separate;border-spacing:0;width:100%;margin-top:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.painting-table th{color:var(--color-text-light);font-family:var(--font-code);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);text-align:left;background:#121722;padding:12px 16px;font-size:.8rem;font-weight:600}.painting-table td{border-bottom:1px solid var(--color-border-light);vertical-align:middle;background:var(--color-surface);color:#fff;font-family:var(--font-code);padding:14px 16px;font-size:.88rem}.painting-table tr:last-child td{border-bottom:none}.painting-table tr:hover td{background:#1c2434}.painting-thumb-frame{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#080b10;justify-content:center;align-items:center;width:54px;height:54px;display:flex;overflow:hidden}.painting-thumb-img{object-fit:cover;width:100%;height:100%}.painting-info-title{font-family:var(--font-heading);color:#fff;font-size:.98rem;font-weight:700}.painting-info-desc{font-family:var(--font-body);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-size:.82rem;overflow:hidden}.painting-meta-tag{font-family:var(--font-code);color:var(--color-primary);background:#09121a;border:1px solid #1a2a3a;border-radius:4px;padding:2px 8px;font-size:.78rem;display:inline-block}.painting-repo-link{color:var(--color-accent);font-weight:600;text-decoration:none}.painting-repo-link:hover{text-decoration:underline}.painting-actions-cell{white-space:nowrap;text-align:right}.painting-action-btn{border-radius:var(--radius-sm);font-family:var(--font-code);cursor:pointer;border:1px solid var(--color-border);transition:all var(--transition-fast);margin-left:6px;padding:6px 12px;font-size:.8rem;font-weight:600}.painting-action-btn--edit{color:var(--color-primary);border-color:var(--color-border);background:#162030}.painting-action-btn--edit:hover{background:var(--color-primary);color:#000}.painting-action-btn--delete{color:var(--color-error);background:#ff2a6d1a;border-color:#ff2a6d4d}.painting-action-btn--delete:hover{background:var(--color-error);color:#fff}.empty-state{text-align:center;padding:var(--space-3xl);color:var(--color-text-muted)}.empty-state__icon{margin-bottom:var(--space-md);font-size:3rem}.painting-form-container{padding-top:var(--space-sm)}.form-section-title{font-family:var(--font-heading);color:var(--color-primary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.04em;font-size:.95rem;font-weight:700}.image-upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center;cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-md);box-shadow:var(--shadow-recessed);background:#080b10;position:relative}.image-upload-zone:hover{border-color:var(--color-primary);background:#0d121c}.image-upload-zone input[type=file]{display:none}.image-upload-zone__placeholder{align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.image-upload-zone__icon{margin-bottom:var(--space-xs);font-size:2.2rem}.image-upload-zone__text{font-family:var(--font-code);color:#fff;font-size:.9rem;font-weight:600}.image-upload-zone__subtext{font-family:var(--font-code);color:var(--color-text-muted);font-size:.78rem}.multi-image-previews{margin-bottom:var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--color-border);background:#090d14;padding:12px}.preview-label{font-family:var(--font-code);color:var(--color-text-muted);margin-bottom:8px;font-size:.8rem}.previews-grid{flex-wrap:wrap;gap:12px;display:flex}.thumb-preview-card{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#000;width:90px;height:90px;position:relative;overflow:hidden}.thumb-preview-img{object-fit:cover;width:100%;height:100%}.thumb-badge{font-family:var(--font-code);color:var(--color-primary);background:#000000bf;border-radius:2px;padding:1px 4px;font-size:.65rem;position:absolute;bottom:2px;left:2px}.thumb-badge--new{color:var(--color-accent)}.thumb-remove-btn{color:#fff;cursor:pointer;background:#ff2a6dd9;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;display:flex;position:absolute;top:4px;right:4px}.thumb-remove-btn:hover{background:var(--color-error)}.video-upload-section{border-radius:var(--radius-md);border:1px solid var(--color-border);background:#090d14;flex-direction:column;gap:10px;padding:14px;display:flex}.video-upload-zone{border:1.5px dashed var(--color-border);border-radius:var(--radius-sm);cursor:pointer;text-align:center;transition:all var(--transition-fast);background:#04060a;padding:12px}.video-upload-zone:hover{border-color:var(--color-primary);background:#080c14}.video-upload-zone input{display:none}.video-zone-text{font-family:var(--font-code);color:var(--color-text-light);font-size:.84rem}.video-preview-box{flex-direction:column;gap:6px;max-width:320px;margin-top:8px;display:flex}.video-preview-element{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#000;width:100%}.video-remove-btn{color:var(--color-error);border:1px solid var(--color-error);font-family:var(--font-code);cursor:pointer;background:#ff2a6d26;border-radius:4px;align-self:flex-start;padding:4px 10px;font-size:.78rem}.painting-form-grid{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.painting-form-grid--full{grid-column:span 2}.painting-form-actions{justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--color-border);display:flex}@media (width<=600px){.painting-form-grid{grid-template-columns:1fr}.painting-form-grid--full{grid-column:span 1}}.profile-manager{margin-top:var(--space-md)}.profile-manager__grid{gap:var(--space-xl);grid-template-columns:1.2fr 1fr;display:grid}.manager-card{padding:var(--space-xl);margin-bottom:var(--space-lg);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border)}.manager-card__title{font-family:var(--font-heading);color:#fff;margin-bottom:var(--space-xs);font-size:1.2rem}.manager-card__subtitle{font-family:var(--font-code);color:var(--color-text-muted);margin-bottom:var(--space-lg);font-size:.82rem}.avatar-upload-wrap{align-items:center;gap:var(--space-lg);padding:var(--space-md);margin-bottom:var(--space-lg);border:1.5px dashed var(--color-border);border-radius:var(--radius-sm);background:#080b10;display:flex}.avatar-preview-box{border:2px solid var(--color-primary);width:80px;height:80px;box-shadow:0 0 10px var(--color-primary-glow);background:#121722;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar-preview-img{object-fit:cover;width:100%;height:100%}.avatar-placeholder{font-size:2rem}.avatar-upload-info{flex-direction:column;gap:6px;display:flex}.avatar-upload-btn{background:var(--color-primary);color:#080b10;border-radius:var(--radius-sm);font-family:var(--font-code);cursor:pointer;width:fit-content;padding:6px 14px;font-size:.82rem;font-weight:700;display:inline-block}.avatar-hint{font-family:var(--font-code);color:var(--color-text-muted);font-size:.74rem}.form-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.form-row-3{gap:var(--space-sm);grid-template-columns:1fr 1fr 1fr;display:grid}.profile-manager__actions{margin-top:var(--space-lg);margin-bottom:var(--space-2xl);justify-content:flex-end;display:flex}.manager-alert{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);margin-bottom:var(--space-lg);font-family:var(--font-code);font-size:.88rem;font-weight:600}.manager-alert--success{color:var(--color-accent);border:1px solid var(--color-accent);background:#39ff141a}.manager-alert--error{color:var(--color-error);border:1px solid var(--color-error);background:#ff2a6d1a}@media (width<=768px){.profile-manager__grid,.form-row,.form-row-3{grid-template-columns:1fr}}.skill-manager{margin-top:var(--space-md)}.manager-toolbar{margin-bottom:var(--space-xl);justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.manager-section-title{font-family:var(--font-heading);color:#fff;margin-bottom:4px;font-size:1.35rem}.manager-section-subtitle{font-family:var(--font-code);color:var(--color-text-muted);font-size:.85rem}.skill-manager-group{margin-bottom:var(--space-2xl)}.skill-group-heading{font-family:var(--font-heading);color:#fff;margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border);font-size:1.1rem}.skill-manager-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.skill-admin-card{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);flex-direction:column;display:flex}.skill-admin-card__top{margin-bottom:var(--space-xs);justify-content:space-between;align-items:flex-start;display:flex}.skill-admin-card__name{font-family:var(--font-heading);color:#fff;margin-bottom:4px;font-size:.98rem;font-weight:700}.skill-admin-card__badge{font-family:var(--font-code);color:var(--color-accent);background:#09121a;border:1px solid #1a2a3a;border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.skill-admin-card__level{font-family:var(--font-code);color:var(--color-primary);font-size:1.05rem;font-weight:700}.skill-admin-card__bar{border-radius:var(--radius-sm);height:8px;margin:var(--space-xs) 0;border:1px solid var(--color-border-light);box-shadow:var(--shadow-recessed);background:#080b10;overflow:hidden}.skill-admin-card__bar-fill{border-radius:var(--radius-sm);height:100%;box-shadow:0 0 8px var(--color-primary-glow);background:linear-gradient(90deg,#00f2fe,#39ff14)}.skill-admin-card__desc{color:var(--color-text-light);margin:var(--space-xs) 0 var(--space-md);flex-grow:1;font-size:.84rem;line-height:1.5}.skill-admin-card__actions{padding-top:var(--space-xs);border-top:1px solid var(--color-border-light);justify-content:flex-end;gap:8px;display:flex}.empty-card{text-align:center;padding:var(--space-2xl)}.empty-icon{margin-bottom:var(--space-sm);font-size:3rem}@media (width<=768px){.manager-toolbar{flex-direction:column}}.experience-manager{margin-top:var(--space-md)}.experience-admin-list{gap:var(--space-md);flex-direction:column;display:flex}.experience-admin-card{gap:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);align-items:flex-start;display:flex}.exp-admin__pin{border-radius:var(--radius-full);border:1px solid var(--color-border);background:#00f2fe1a;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.exp-admin__main{flex-grow:1}.exp-admin__header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.exp-admin__year{color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.75rem;font-weight:700;display:inline-block}.exp-admin__title{font-family:var(--font-heading);color:#fff;font-size:1.15rem}.exp-admin__actions{gap:var(--space-xs);display:flex}.exp-admin__meta{gap:var(--space-md);color:var(--color-text-muted);margin:var(--space-xs) 0;font-size:.825rem;font-family:var(--font-code);flex-wrap:wrap;display:flex}.exp-admin__desc{color:var(--color-text-light);margin-top:var(--space-xs);font-size:.875rem;line-height:1.5}.icon-selector{flex-wrap:wrap;gap:6px;display:flex}.icon-preset-btn{border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);background:#080b10;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.icon-preset-btn:hover{border-color:var(--color-primary);background:#121722;transform:scale(1.05)}.icon-preset-btn--active{border-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary-glow);background:#00f2fe26}@media (width<=640px){.experience-admin-card{flex-direction:column}}.admin-dashboard{padding:var(--space-3xl) 0 var(--space-4xl)}.dashboard-header{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-2xl);flex-wrap:wrap;display:flex}.dashboard-title-wrap h1{font-size:2rem;font-family:var(--font-heading);color:#fff}.dashboard-title-wrap p{color:var(--color-text-muted);font-family:var(--font-code);font-size:.88rem}.dashboard-stats{gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.stat-card{padding:var(--space-xl);align-items:center;gap:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.stat-card__icon{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:48px;height:48px;box-shadow:var(--shadow-sm);background:#080c14;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.stat-card__number{font-family:var(--font-code);color:var(--color-primary);font-size:1.8rem;font-weight:700;line-height:1.2}.stat-card__label{font-family:var(--font-code);color:var(--color-text-muted);font-size:.8rem;font-weight:500}.dashboard-tabs{gap:var(--space-xs);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-xl);display:flex}.dashboard-tab-btn{font-family:var(--font-code);color:var(--color-text-light);cursor:pointer;transition:all var(--transition-fast);border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm);align-items:center;gap:var(--space-sm);background:0 0;border:1px solid #0000;border-bottom:none;padding:10px 18px;font-size:.88rem;font-weight:600;display:flex;position:relative}.dashboard-tab-btn:hover{color:var(--color-primary);background:#00f2fe0f}.dashboard-tab-btn--active{color:var(--color-primary);background:var(--color-surface);border-color:var(--color-border);border-bottom-color:var(--color-surface);box-shadow:inset 0 1px #ffffff14}.dashboard-tab-btn--active:after{content:"";background:var(--color-primary);height:2px;position:absolute;top:0;left:0;right:0}.tab-badge{border:1px solid var(--color-border);color:var(--color-primary);background:#0d121c;border-radius:4px;padding:2px 7px;font-size:.72rem;font-weight:700}.tab-badge--unread{background:var(--color-error);color:#fff}.messages-list{gap:var(--space-md);flex-direction:column;display:flex}.message-card{padding:var(--space-xl);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.message-card--unread{border-left:4px solid var(--color-primary);background:linear-gradient(90deg, #00f2fe0f 0%, var(--color-surface) 100%)}.message-card__header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:flex-start;gap:var(--space-sm);flex-wrap:wrap;display:flex}.message-card__sender{font-family:var(--font-heading);color:#fff;align-items:center;gap:var(--space-sm);font-size:1.05rem;font-weight:700;display:flex}.message-card__email{font-family:var(--font-code);color:var(--color-primary);font-size:.85rem;font-weight:400}.message-card__date{font-family:var(--font-code);color:var(--color-text-muted);font-size:.78rem}.message-card__subject{font-family:var(--font-code);color:var(--color-accent);margin-bottom:var(--space-sm);font-size:.92rem;font-weight:600}.message-card__body{color:var(--color-text-light);white-space:pre-wrap;padding:var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--color-border-light);font-size:.92rem;line-height:1.6;font-family:var(--font-code);background:#080b10}.message-card__actions{gap:10px;margin-top:14px;display:flex}@media (width<=768px){.admin-dashboard{padding:var(--space-xl) 0 var(--space-2xl)}.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-stats{grid-template-columns:1fr}}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%}:root{--color-bg:#0b0e14;--color-bg-alt:#121620;--color-surface:#181d28;--color-surface-raised:#202736;--color-surface-bezel:#2a3346;--color-primary:#00f2fe;--color-primary-light:#4facfe;--color-primary-dark:#0088b3;--color-primary-glow:#00f2fe40;--color-accent:#39ff14;--color-accent-amber:#ffb703;--color-accent-rose:#ff2a6d;--color-text:#f1f5f9;--color-text-light:#94a3b8;--color-text-muted:#64748b;--color-border:#2c364a;--color-border-light:#1e2636;--color-border-glow:#00f2fe66;--color-success:#39ff14;--color-error:#ff2a6d;--color-warning:#ffb703;--shadow-sm:0 2px 4px #0006, inset 0 1px 0 #ffffff0f;--shadow-md:0 4px 12px #00000080, inset 0 1px 0 #ffffff14;--shadow-lg:0 12px 28px #000000a6, 0 0 20px #00f2fe14;--shadow-xl:0 20px 45px #000c, 0 0 35px #00f2fe1f;--shadow-recessed:inset 0 3px 8px #000c, inset 0 1px 3px #000000e6, 0 1px 0 #ffffff0d;--shadow-keycap:0 4px 0 #0d111a, 0 6px 12px #0009, inset 0 1px 0 #ffffff26;--shadow-keycap-pressed:0 1px 0 #0d111a, inset 0 2px 4px #000000b3;--font-heading:"JetBrains Mono", monospace;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-code:"JetBrains Mono", monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:18px;--radius-full:9999px;--transition-fast:.12s ease;--transition-base:.22s cubic-bezier(.4, 0, .2, 1);--transition-slow:.38s cubic-bezier(.4, 0, .2, 1);--z-dropdown:100;--z-navbar:200;--z-modal-backdrop:300;--z-modal:400;--z-toast:500}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);background-image:linear-gradient(#00f2fe08 1px,#0000 1px),linear-gradient(90deg,#00f2fe08 1px,#0000 1px),radial-gradient(circle at 50% 0,#00f2fe1a 0%,#0000 60%),radial-gradient(circle at 100% 100%,#39ff140d 0%,#0000 50%);background-size:32px 32px,32px 32px,100% 100%,100% 100%;min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text);letter-spacing:-.02em;font-weight:700;line-height:1.3}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.2rem}p{color:var(--color-text-light);line-height:1.7}a{color:var(--color-primary);transition:all var(--transition-fast);text-decoration:none}a:hover{color:#66f6ff;text-shadow:0 0 8px var(--color-primary-glow)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}code,pre{font-family:var(--font-code)}.container{width:100%;max-width:1240px;padding:0 var(--space-lg);margin:0 auto}.section{padding:var(--space-4xl) 0}.section-title{text-align:center;margin-bottom:var(--space-xs);font-family:var(--font-heading);text-transform:uppercase;background:linear-gradient(135deg, #fff 0%, var(--color-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2rem;position:relative}.section-title:after{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent));width:70px;height:3px;margin:var(--space-sm) auto 0;border-radius:var(--radius-full);box-shadow:0 0 10px var(--color-primary-glow);display:block}.section-subtitle{text-align:center;color:var(--color-text-muted);max-width:650px;margin:0 auto var(--space-3xl);font-size:.95rem;font-family:var(--font-code)}.workstation-window{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.workstation-header{background:var(--color-bg-alt);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:10px 16px;display:flex;box-shadow:inset 0 1px #ffffff0f}.window-dots{align-items:center;gap:8px;display:flex}.dot{border-radius:50%;width:12px;height:12px;box-shadow:inset 0 1px 2px #0006}.dot-red{background:#ff5f56;border:1px solid #e0443e}.dot-yellow{background:#ffbd2e;border:1px solid #dea123}.dot-green{background:#27c93f;border:1px solid #1aab29}.window-title{font-family:var(--font-code);color:var(--color-text-muted);align-items:center;gap:6px;font-size:.8rem;display:flex}.window-body{padding:24px}.recessed-box{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-recessed);color:var(--color-accent);font-family:var(--font-code);background:#080b10;padding:16px;font-size:.9rem;position:relative}.btn-workstation{font-family:var(--font-code);text-transform:uppercase;letter-spacing:.05em;color:#0b0e14;border-radius:var(--radius-md);box-shadow:var(--shadow-keycap);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;background:linear-gradient(#00f2fe 0%,#00b4d8 100%);border:1px solid #66f6ff;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-workstation:hover{color:#000;transform:translateY(-2px);box-shadow:0 6px #0d111a,0 10px 20px #00f2fe66}.btn-workstation:active{box-shadow:var(--shadow-keycap-pressed);transform:translateY(2px)}.btn-workstation-secondary{color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-keycap);background:linear-gradient(#252e3f 0%,#171d29 100%)}.btn-workstation-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 6px 0 #0d111a, 0 0 15px var(--color-primary-glow)}.led-indicator{background-color:var(--color-accent);width:8px;height:8px;box-shadow:0 0 8px var(--color-accent);border-radius:50%;animation:2s infinite pulse;display:inline-block}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-alt);border-left:1px solid var(--color-border)}::-webkit-scrollbar-thumb{background:var(--color-surface-bezel);border:2px solid var(--color-bg-alt);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.9)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(1000%)}}.animate-fade-in-up{animation:.5s forwards fadeInUp}@media (width<=768px){h1{font-size:1.85rem}h2{font-size:1.5rem}h3{font-size:1.2rem}.container{padding:0 var(--space-md)}.section{padding:var(--space-3xl) 0}}