.app-container{min-height:100vh;display:flex;flex-direction:column;background:var(--color-neutral-background-1)}.hero-section{padding:var(--spacing-huge) var(--spacing-xxl);text-align:center;background:var(--color-neutral-background-2);border-bottom:1px solid var(--color-neutral-stroke-2);box-shadow:var(--shadow4)}.hero-content{max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-l)}.avatar{margin-bottom:var(--spacing-s);box-shadow:var(--shadow16);border:2px solid var(--color-neutral-stroke-2)}.hero-title{font-size:40px!important;line-height:52px!important;font-weight:600!important;color:var(--color-neutral-foreground-1)!important;letter-spacing:-.02em}.hero-subtitle{font-size:20px!important;line-height:26px!important;font-weight:600!important;color:var(--color-brand-foreground-1)!important}.hero-tagline{font-size:14px!important;line-height:20px!important;color:var(--color-neutral-foreground-3)!important}.contact-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-m);justify-content:center;margin-top:var(--spacing-l)}.contact-badges .fui-Badge{padding:var(--spacing-s) var(--spacing-l);background:var(--color-neutral-background-3);border-color:var(--color-neutral-stroke-1);border-radius:var(--radius-m);transition:transform var(--durationGentle) var(--curveEasyEase),box-shadow var(--durationGentle) var(--curveEasyEase),background var(--durationGentle) var(--curveEasyEase)}.contact-badges .fui-Badge:hover{transform:translateY(-1px);box-shadow:var(--shadow4);background:var(--color-neutral-background-4)}.contact-badges .fui-Badge:focus-visible{outline:2px solid var(--color-brand-foreground-1);outline-offset:2px;box-shadow:0 0 0 4px #0f6cbd40}.main-content{flex:1;max-width:1000px;margin:0 auto;padding:var(--spacing-xxxl);width:100%}.section{margin-bottom:var(--spacing-huge)}.section-header{display:flex;align-items:center;gap:var(--spacing-m);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-m);border-bottom:1px solid var(--color-neutral-stroke-2)}.section-icon{font-size:24px;color:var(--color-brand-foreground-1)}.card{background:var(--color-neutral-background-2)!important;border:1px solid var(--color-neutral-stroke-2)!important;border-radius:var(--radius-l)!important;padding:var(--spacing-xl)!important;box-shadow:var(--shadow2);transition:box-shadow var(--durationGentle) var(--curveEasyEase),border-color var(--durationGentle) var(--curveEasyEase),transform var(--durationGentle) var(--curveEasyEase)}.card:hover{box-shadow:var(--shadow8);border-color:var(--color-neutral-stroke-1)!important}.card:focus-visible{outline:2px solid var(--color-brand-foreground-1);outline-offset:2px;box-shadow:var(--shadow8),0 0 0 4px #0f6cbd40}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-l)}.skill-card{display:flex;flex-direction:column;gap:var(--spacing-m)}.skill-category{font-size:16px!important;font-weight:600!important;color:var(--color-brand-foreground-1)!important}.skill-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-s)}.skill-badges .fui-Badge{background:var(--color-brand-background-2)!important;color:var(--color-brand-foreground-2)!important;font-size:12px!important;padding:var(--spacing-xs) var(--spacing-s);transition:transform var(--durationGentle) var(--curveEasyEase),box-shadow var(--durationGentle) var(--curveEasyEase)}.skill-badges .fui-Badge:hover{transform:translateY(-1px);box-shadow:var(--shadow2)}.timeline{position:relative;display:flex;flex-direction:column}.timeline-item{display:flex;gap:var(--spacing-xl);position:relative}.timeline-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:24px}.timeline-dot{width:12px;height:12px;border-radius:var(--radius-circular);background:var(--color-brand-background-1);box-shadow:0 0 0 4px var(--color-brand-background-2);z-index:1;flex-shrink:0;transition:transform var(--durationGentle) var(--curveEasyEase),box-shadow var(--durationGentle) var(--curveEasyEase)}.timeline-dot:hover{transform:scale(1.4);box-shadow:0 0 0 6px var(--color-brand-background-2)}.timeline-line{width:2px;flex:1;background:var(--color-neutral-stroke-2);margin-top:var(--spacing-xs)}.timeline-item .experience-card{flex:1;margin-bottom:var(--spacing-l);transition:transform var(--durationGentle) var(--curveEasyEase),box-shadow var(--durationGentle) var(--curveEasyEase)}.timeline-item .experience-card:hover{transform:translateY(-2px);box-shadow:var(--shadow8)}.experience-card{position:relative}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--spacing-l);margin-bottom:var(--spacing-m)}.experience-title-block{display:flex;flex-direction:column;gap:var(--spacing-xs)}.role-title{font-size:16px!important;font-weight:600!important;color:var(--color-neutral-foreground-1)!important;line-height:22px!important}.company-name{font-size:14px!important;font-weight:500!important;color:var(--color-brand-foreground-1)!important}.company-description{font-size:13px!important;color:var(--color-neutral-foreground-3)!important;font-style:italic;margin:var(--spacing-s) 0;padding:var(--spacing-m);background:var(--color-neutral-background-3);border-radius:var(--radius-m);border-left:3px solid var(--color-brand-background-1)}.experience-meta{display:flex;flex-direction:column;gap:var(--spacing-s);align-items:flex-end;flex-shrink:0}.location{font-size:12px!important;color:var(--color-neutral-foreground-3)!important;display:flex;align-items:center;gap:var(--spacing-xs)}.location-icon{font-size:12px}.divider{margin:var(--spacing-l) 0!important;background:var(--color-neutral-stroke-2)!important}.highlights{list-style:none;padding:0;margin:0}.highlights li{position:relative;padding-left:var(--spacing-xl);margin-bottom:var(--spacing-s);font-size:14px;line-height:20px;color:var(--color-neutral-foreground-2)}.highlights li:before{content:"";position:absolute;left:var(--spacing-s);top:8px;width:4px;height:4px;border-radius:var(--radius-circular);background:var(--color-brand-foreground-1)}.highlights li:last-child{margin-bottom:0}.technologies{margin-top:var(--spacing-l);padding-top:var(--spacing-l);border-top:1px solid var(--color-neutral-stroke-2);font-size:13px;line-height:18px}.tech-label{color:var(--color-neutral-foreground-2)!important;font-weight:600!important;display:inline}.tech-list{color:var(--color-neutral-foreground-3)!important;display:inline}.education-list{display:flex;flex-direction:column;gap:var(--spacing-l)}.education-card{display:flex;flex-direction:column}.education-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--spacing-l)}.institution-name{font-size:16px!important;font-weight:600!important;color:var(--color-neutral-foreground-1)!important}.degree{font-size:14px!important;color:var(--color-brand-foreground-1)!important;margin-top:var(--spacing-xs)}.education-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-s)}.certifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-l)}.certification-card{padding:var(--spacing-l)!important;transition:transform var(--durationGentle) var(--curveEasyEase),box-shadow var(--durationGentle) var(--curveEasyEase)}.certification-card:hover{transform:translateY(-2px);box-shadow:var(--shadow8)}.certification-content{display:flex;align-items:flex-start;gap:var(--spacing-l)}.cert-icon{font-size:28px;color:var(--color-brand-foreground-1);flex-shrink:0}.cert-name{font-size:14px!important;font-weight:600!important;color:var(--color-neutral-foreground-1)!important}.cert-issuer{font-size:12px!important;color:var(--color-neutral-foreground-3)!important;margin-top:var(--spacing-xs)}.domain-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-s)}.domain-badges .fui-Badge{background:var(--color-neutral-background-3)!important;color:var(--color-neutral-foreground-2)!important;padding:var(--spacing-s) var(--spacing-m);border-radius:var(--radius-m)}.footer{padding:var(--spacing-xxl);text-align:center;background:var(--color-neutral-background-2);border-top:1px solid var(--color-neutral-stroke-2);box-shadow:var(--shadow4)}.footer-text{margin-top:var(--spacing-l);font-size:12px!important;color:var(--color-neutral-foreground-4)!important}.admin-link{display:inline-block;margin-top:var(--spacing-s);font-size:12px;color:var(--color-neutral-foreground-4)!important;transition:color var(--durationNormal) var(--curveEasyEase);border-radius:var(--radius-s)}.admin-link:hover{color:var(--color-brand-foreground-1)!important}.admin-link:focus-visible{outline:2px solid var(--color-brand-foreground-1);outline-offset:2px;box-shadow:0 0 0 4px #0f6cbd40}@media(max-width:768px){.hero-section{padding:var(--spacing-xxxl) var(--spacing-l)}.hero-title{font-size:28px!important;line-height:36px!important}.hero-subtitle{font-size:16px!important;line-height:22px!important}.main-content{padding:var(--spacing-xl)}.section{margin-bottom:var(--spacing-xxxl)}.experience-header,.education-header{flex-direction:column}.experience-meta,.education-meta{align-items:flex-start}.contact-badges{flex-direction:column;align-items:center}.timeline-item{gap:var(--spacing-l)}.timeline-marker{width:20px}.card{padding:var(--spacing-l)!important}}@media(max-width:480px){.skills-grid,.certifications-grid{grid-template-columns:1fr}.hero-title{font-size:24px!important;line-height:32px!important}}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.admin-container{min-height:100vh;padding:var(--spacing-xxxl);max-width:1000px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xxl);padding-bottom:var(--spacing-l);border-bottom:1px solid var(--color-neutral-stroke-2)}.header-left{flex:1}.header-right{display:flex;align-items:center;gap:var(--spacing-l);flex:1;justify-content:flex-end}.user-info{color:var(--color-neutral-foreground-3)!important;font-size:13px}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-s);color:var(--color-brand-foreground-1);text-decoration:none;font-size:14px;line-height:20px;transition:color var(--durationNormal) var(--curveEasyEase)}.back-link:hover{color:var(--color-brand-foreground-2);text-decoration:underline}.admin-tabs{margin-bottom:var(--spacing-xxl)}.admin-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.admin-card{background:var(--color-neutral-background-2)!important;border:1px solid var(--color-neutral-stroke-2)!important;border-radius:var(--radius-l)!important;padding:var(--spacing-xxl)!important;box-shadow:var(--shadow2);transition:box-shadow var(--durationGentle) var(--curveEasyEase),border-color var(--durationGentle) var(--curveEasyEase)}.admin-card:hover{box-shadow:var(--shadow8);border-color:var(--color-neutral-stroke-1)!important}.card-title{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-l);border-bottom:1px solid var(--color-neutral-stroke-2)}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-l);border-bottom:1px solid var(--color-neutral-stroke-2)}.photo-upload-section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-neutral-stroke-2)}.photo-upload-row{display:flex;align-items:center;gap:var(--spacing-xl)}.photo-upload-controls{display:flex;flex-direction:column;gap:var(--spacing-s)}.photo-upload-buttons{display:flex;gap:var(--spacing-s)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-l);margin-bottom:var(--spacing-xl)}.form-grid .full-width{grid-column:1 / -1}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-s);padding-top:var(--spacing-l);border-top:1px solid var(--color-neutral-stroke-2)}.items-list{display:flex;flex-direction:column;gap:var(--spacing-m)}.list-item{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-l);background:var(--color-neutral-background-3);border-radius:var(--radius-m);border:1px solid var(--color-neutral-stroke-2);gap:var(--spacing-l);transition:transform var(--durationGentle) var(--curveEasyEase),box-shadow var(--durationGentle) var(--curveEasyEase),border-color var(--durationGentle) var(--curveEasyEase)}.list-item:hover{transform:translateY(-1px);box-shadow:var(--shadow4);border-color:var(--color-neutral-stroke-1)}.list-item-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-s)}.list-item-actions{display:flex;gap:var(--spacing-s);flex-shrink:0;align-self:center}.skill-badges-preview{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.muted{color:var(--color-neutral-foreground-4)!important;font-size:13px}.accordion-header-content{display:flex;align-items:center;gap:var(--spacing-l);flex-wrap:wrap;padding:var(--spacing-xs) 0;border-radius:var(--radius-s);transition:background var(--durationNormal) var(--curveEasyEase)}.accordion-header-content:hover{background:var(--color-neutral-background-3)}.exp-role{font-weight:600;font-size:14px;color:var(--color-neutral-foreground-1)}.exp-company{font-size:14px;color:var(--color-brand-foreground-1)}.accordion-panel-content{padding:var(--spacing-l);display:flex;flex-direction:column;gap:var(--spacing-m)}.detail-row{display:flex;gap:var(--spacing-s);align-items:baseline}.detail-label{font-weight:600!important;color:var(--color-neutral-foreground-2)!important;flex-shrink:0;min-width:110px}.detail-value{color:var(--color-neutral-foreground-3)!important}.accordion-panel-content ul{margin:0 0 0 var(--spacing-xxl);padding:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.accordion-panel-content ul li{font-size:14px;line-height:20px;color:var(--color-neutral-foreground-3)}.panel-actions{display:flex;gap:var(--spacing-s);margin-top:var(--spacing-s);padding-top:var(--spacing-l);border-top:1px solid var(--color-neutral-stroke-2)}.domains-list{display:flex;flex-wrap:wrap;gap:var(--spacing-s)}.domain-badge-admin{display:inline-flex;align-items:center;gap:var(--spacing-s);padding:var(--spacing-s) var(--spacing-m)!important}.domain-delete{margin-left:var(--spacing-xs);min-width:auto!important;padding:2px!important}.edit-dialog{max-width:600px;width:90vw}.dialog-form{display:flex;flex-direction:column;gap:var(--spacing-l);margin-top:var(--spacing-l)}@media(max-width:768px){.admin-container{padding:var(--spacing-l)}.form-grid{grid-template-columns:1fr}.list-item{flex-direction:column}.list-item-actions{width:100%;justify-content:flex-end;align-self:flex-end}.section-header-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-l)}.accordion-header-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.detail-row{flex-direction:column;gap:var(--spacing-xxs)}.detail-label{min-width:auto}.photo-upload-row{flex-direction:column;align-items:flex-start}}:root{--spacing-none: 0;--spacing-xxs: 2px;--spacing-xs: 4px;--spacing-s: 8px;--spacing-m: 12px;--spacing-l: 16px;--spacing-xl: 20px;--spacing-xxl: 24px;--spacing-xxxl: 32px;--spacing-huge: 48px;--radius-none: 0;--radius-s: 4px;--radius-m: 8px;--radius-l: 12px;--radius-xl: 16px;--radius-circular: 50%;--color-neutral-background-1: #1f1f1f;--color-neutral-background-2: #272727;--color-neutral-background-3: #303030;--color-neutral-background-4: #383838;--color-neutral-foreground-1: #ffffff;--color-neutral-foreground-2: #d6d6d6;--color-neutral-foreground-3: #adadad;--color-neutral-foreground-4: #808080;--color-neutral-stroke-1: #525252;--color-neutral-stroke-2: #404040;--color-brand-primary: #0f6cbd;--color-brand-hover: #115ea3;--color-brand-pressed: #0c5089;--color-brand-background-1: #0f6cbd;--color-brand-background-2: rgba(15, 108, 189, .2);--color-brand-foreground-1: #479ef5;--color-brand-foreground-2: #62abf5;--shadow2: 0 1px 2px rgba(0, 0, 0, .24);--shadow4: 0 2px 4px rgba(0, 0, 0, .28);--shadow8: 0 4px 8px rgba(0, 0, 0, .32);--shadow16: 0 8px 16px rgba(0, 0, 0, .36);--shadow28: 0 14px 28px rgba(0, 0, 0, .4);--shadow64: 0 32px 64px rgba(0, 0, 0, .48);--durationFaster: .1s;--durationFast: .15s;--durationNormal: .2s;--durationGentle: .3s;--durationSlow: .4s;--curveEasyEase: cubic-bezier(.33, 0, .67, 1);--curveDecelerateMid: cubic-bezier(0, 0, 0, 1);--fontSizeBase200: 12px;--fontSizeBase300: 14px;--fontSizeBase400: 16px;--fontSizeBase500: 20px;--fontSizeBase600: 24px;--fontSizeHero700: 28px;--fontSizeHero800: 32px;--fontSizeHero900: 40px;--lineHeightBase200: 16px;--lineHeightBase300: 20px;--lineHeightBase400: 22px;--lineHeightBase500: 26px;--lineHeightBase600: 32px;--lineHeightHero700: 36px;--lineHeightHero800: 40px;--lineHeightHero900: 52px;--fontWeightMedium: 500;--fontWeightSemibold: 600;--fontWeightBold: 700;--fontFamilyMonospace: "Cascadia Code", "Fira Code", "Consolas", monospace;--zIndexContent: 1;--zIndexCard: 10;--zIndexHeader: 100;font-family:Segoe UI Variable,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,sans-serif;font-size:14px;line-height:20px;font-weight:400;color-scheme:dark;color:var(--color-neutral-foreground-1);background:var(--color-neutral-background-1);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--color-neutral-background-1)}#root{min-height:100vh}a{color:var(--color-brand-foreground-1);text-decoration:none;transition:color var(--durationNormal) var(--curveEasyEase)}a:hover{color:var(--color-brand-foreground-2);text-decoration:underline}::selection{background:var(--color-brand-background-1);color:#fff}:focus-visible{outline:2px solid var(--color-brand-foreground-1);outline-offset:2px;box-shadow:0 0 0 4px #0f6cbd40}*:focus:not(:focus-visible){outline:none;box-shadow:none}.skip-link{position:absolute;top:-100%;left:var(--spacing-l);padding:var(--spacing-s) var(--spacing-l);background:var(--color-brand-background-1);color:var(--color-neutral-foreground-1);border-radius:var(--radius-m);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightSemibold);z-index:var(--zIndexHeader);transition:top var(--durationFast) var(--curveDecelerateMid)}.skip-link:focus{top:var(--spacing-l)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){:focus-visible{outline-width:3px;outline-offset:3px;box-shadow:0 0 0 5px #0f6cbd66}}