@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/plus-jakarta-sans-latin-600-normal-DLTa1BUW.woff2) format("woff2"),url(/assets/plus-jakarta-sans-latin-600-normal-BR_Ojra4.woff) format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/plus-jakarta-sans-latin-700-normal-CfpNZvy6.woff2) format("woff2"),url(/assets/plus-jakarta-sans-latin-700-normal-DqEcQeE5.woff) format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/plus-jakarta-sans-latin-800-normal-CusIZhrK.woff2) format("woff2"),url(/assets/plus-jakarta-sans-latin-800-normal-BRNHt2w0.woff) format("woff")}@font-face{font-family:Maledpan;src:url(/assets/Maledpan-Regular-TmhYlG_8.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{font-family:Maledpan,sans-serif;color:#eef0f7;background:#101321;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #101321;--surface: #141826;--surface-raised: #1c2132;--text: #eef0f7;--muted: #a0a7ba;--subtle: #818a9f;--border: #242a3b;--accent: #8ad0b6;--accent-ink: #102f2a;--blue: #87bbf4;--tint: rgba(123, 201, 176, .09);--header: rgba(16, 19, 33, .95);--shadow: 0 4px 20px #0000000b;color-scheme:dark}:root[data-theme=light]{--bg: #f7f8fa;--surface: #fff;--surface-raised: #f0f3f7;--text: #171c28;--muted: #606879;--subtle: #738091;--border: #e5e8ee;--accent: #427e75;--accent-ink: #fff;--blue: #427ab5;--tint: rgba(100, 190, 172, .1);--header: rgba(255, 255, 255, .95);color-scheme:light;background:var(--bg);color:var(--text)}*{font-family:Maledpan,sans-serif!important}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--text);letter-spacing:-.035em}h2{font-size:30px;line-height:1.25;font-weight:650}h3{font-size:16px;line-height:1.5;font-weight:600;letter-spacing:-.02em}p{line-height:1.7}button{border:0}::selection{background:var(--accent);color:var(--bg)}.container{width:min(1136px,calc(100% - 80px));margin-inline:auto}.mono,.eyebrow,.tech-tags,.category-badge,.filters,.table-badge{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.muted{color:var(--muted)}.green{color:var(--accent)}.icon{width:18px;height:18px;flex-shrink:0;vertical-align:middle}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.button{min-height:42px;padding:10px 17px;border-radius:6px;display:inline-flex;justify-content:center;align-items:center;gap:9px;font-size:13px;font-weight:550;border:1px solid transparent;transition:background .18s,transform .18s,border-color .18s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--accent);color:var(--accent-ink)}.button.primary:hover{filter:brightness(1.08)}.button.secondary{background:var(--surface);border-color:var(--border)}.button.secondary:hover{border-color:var(--accent)}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.15em;color:var(--accent);margin-bottom:12px;font-weight:500}.section{padding:88px 0;border-top:1px solid var(--border);scroll-margin-top:88px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:34px}.section-description{font-size:12px;color:var(--muted);line-height:1.6;max-width:410px}.site-header{position:sticky;top:0;z-index:20;background:var(--header);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.header-inner{height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:9px;font-family:Consolas,monospace;font-size:19px;letter-spacing:-.04em;font-weight:700;color:var(--accent)}img.image-skeleton{background-color:color-mix(in srgb,var(--surface) 84%,var(--border))}img.image-skeleton--loading{background-image:linear-gradient(105deg,transparent 28%,color-mix(in srgb,var(--text) 11%,transparent) 42%,color-mix(in srgb,var(--text) 18%,transparent) 50%,color-mix(in srgb,var(--text) 11%,transparent) 58%,transparent 72%);background-position:100% 0;background-size:220% 100%;animation:image-skeleton-shimmer 1.35s ease-in-out infinite}img.image-skeleton--error{background-image:linear-gradient(135deg,color-mix(in srgb,var(--surface) 88%,var(--border)),color-mix(in srgb,var(--surface) 72%,var(--border)))}@keyframes image-skeleton-shimmer{to{background-position:-120% 0}}@media(prefers-reduced-motion:reduce){img.image-skeleton--loading{animation:none}}.brand img{width:38px;height:38px;transform:scale(1.3);transition:transform .2s ease}.brand:hover img{transform:rotate(-3deg) scale(1.36)}.brand strong{color:inherit;font-weight:800}.site-header nav{display:flex;gap:28px}.site-header nav a{font-size:13px;color:var(--muted);transition:color .15s}.site-header nav a:hover{color:var(--accent)}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;left:50%;bottom:-8px;width:0;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--blue));transform:translate(-50%);transition:width .2s ease}.site-header nav a.active{color:var(--text)}.site-header nav a.active:after{width:100%}.header-actions{display:flex;align-items:center;gap:12px}.theme-button{display:flex;gap:7px;align-items:center;font:12px Consolas,monospace;background:var(--surface-raised);border:1px solid var(--border);padding:7px 10px;border-radius:5px;min-height:34px}.theme-button .icon{width:14px;height:14px;color:var(--accent)}.header-contact{min-height:34px;padding:7px 13px;font-size:14px}.header-contact .icon{width:14px}.menu-button{display:none;background:transparent;padding:8px}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center;min-height:584px;padding:100px 0 108px;background:radial-gradient(ellipse at 3% 2%,var(--tint),transparent 52%),radial-gradient(ellipse at 100% 100%,#578fd610,transparent 48%);scroll-margin-top:90px}.availability-pill{display:inline-flex;align-items:center;gap:8px;font:10px/1.5 Consolas,monospace;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:6px 10px;margin-bottom:25px;color:var(--muted)}.status-dot{width:7px;height:7px;display:inline-block;background:var(--accent);border-radius:50%;flex-shrink:0;box-shadow:0 0 0 3px var(--tint)}.hero h1{font-size:clamp(32px,4.05vw,52px);line-height:1.1;letter-spacing:-.055em;font-weight:750;white-space:nowrap}.tagline{font-size:23px;font-weight:550;color:var(--accent);margin:8px 0 24px;letter-spacing:-.035em}.hero-description{font-size:16px;line-height:1.75;color:var(--muted);max-width:575px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.profile-card{padding:27px 26px}.profile-identity{display:flex;gap:14px;align-items:center;padding-bottom:25px}.profile-icon{height:48px;width:48px;display:grid;place-items:center;background:var(--tint);color:var(--accent);border:1px solid var(--border);border-radius:10px}.profile-icon .icon{width:25px;height:25px}.profile-identity strong{font-size:15px;font-weight:550}.verified{color:var(--accent)}.profile-identity p{font-size:10px;color:var(--subtle);margin-top:5px}.profile-dots{margin-left:auto;color:var(--subtle)}.stats{padding:24px 0;border-block:1px solid var(--border);display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stats strong{display:block;font:700 30px/1.1 Consolas,monospace;letter-spacing:-.055em}.stats div:nth-child(2) strong{color:var(--accent)}.stats div:nth-child(3) strong{color:var(--blue)}.stats small{font-size:10px;color:var(--muted);display:block;margin-top:7px;white-space:nowrap}.profile-meta{margin:24px 0 0;font-size:9px}.profile-meta>div{display:flex;justify-content:space-between;gap:8px;margin-top:13px}.profile-meta dt{color:var(--subtle)}.profile-meta dd{margin:0;text-align:right}.hero-portrait{position:relative;width:min(100%,440px);aspect-ratio:4 / 4.35;justify-self:end;margin:0;overflow:hidden;border-radius:22px;isolation:isolate;box-shadow:0 24px 70px #02081752,0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.hero-portrait:before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb,#fff 18%,transparent)}.hero-portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:53% center;transition:transform .65s cubic-bezier(.2,.75,.25,1)}.hero-portrait-glow{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 58%,rgba(5,10,25,.76)),linear-gradient(130deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent 35%)}.hero-portrait figcaption{position:absolute;z-index:3;left:22px;bottom:20px;display:grid;gap:3px;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.5)}.hero-portrait figcaption span{font-family:var(--font-strong)!important;font-size:17px;font-weight:700}.hero-portrait figcaption small{font-size:13px;color:#ffffffc7}.hero-portrait:hover{transform:translateY(-5px) rotate(.35deg);border-color:color-mix(in srgb,var(--accent) 60%,var(--border));box-shadow:0 30px 80px #02081766,0 0 34px color-mix(in srgb,var(--blue) 12%,transparent)}.hero-portrait:hover img{transform:scale(1.025)}.services-grid,.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.service-card{padding:25px}.service-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:7px;color:var(--accent);background:var(--tint);margin-bottom:18px}.service-card:nth-child(2) .service-icon{color:var(--blue);background:#78aeff0c}.service-card p{font-size:14px;color:var(--muted);line-height:1.65;margin:12px 0 13px}.service-card>.mono{font-size:10px}.philosophy h2{font-size:29px}.skills-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.skill-card{padding:20px}.skill-card h3{display:flex;align-items:center;gap:8px;font-size:14px;border-bottom:1px solid var(--border);padding-bottom:13px;margin-bottom:14px}.skill-card h3 .icon{width:16px;color:var(--accent)}.tech-tags{list-style:none;display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:0}.tech-tags li{font-size:10px;background:var(--surface-raised);color:var(--muted);padding:4px 7px;border:1px solid var(--border);border-radius:3px;line-height:1.3;display:inline-flex;align-items:center;gap:6px}.tech-logo{width:14px;height:14px;flex:0 0 auto}.tech-logo-generic{color:var(--accent)}.skill-card .tech-tags li{padding:7px 9px}.skill-card .tech-logo{width:17px;height:17px}.timeline{list-style:none;margin:0;padding:0 0 0 31px}.timeline li{position:relative;padding:0 0 38px}.timeline li:last-child{padding-bottom:0}.timeline li:before{content:"";position:absolute;top:8px;bottom:-8px;left:-23px;width:1px;background:var(--border)}.timeline li:last-child:before{bottom:0}.timeline li:after{content:"";position:absolute;left:-29px;top:7px;width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--tint)}.timeline li:nth-child(2):after{background:var(--blue)}.timeline li:nth-child(3):after{background:var(--subtle)}.job-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.period{font-size:10px;color:var(--accent);background:var(--tint);padding:4px 8px;border:1px solid var(--border);border-radius:3px;white-space:nowrap}.timeline p{font-size:14px;color:var(--muted);max-width:790px;margin:10px 0}.job-stack{font-size:10px;color:var(--subtle)}.education-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:38px;padding:22px;border-color:color-mix(in srgb,var(--blue) 28%,var(--border))}.education-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:10px;color:var(--blue);background:color-mix(in srgb,var(--blue) 10%,var(--surface-raised))}.education-card .eyebrow{margin-bottom:5px}.education-card h3{font-size:16px}.education-card div>p:not(.eyebrow){color:var(--muted);font-size:13px}.education-honours{display:inline-block;margin-top:5px;color:var(--orange);font-size:11px}@media(max-width:620px){.education-card{grid-template-columns:auto 1fr;padding:18px}.education-card>.period{grid-column:2;width:fit-content}}.project-card{overflow:hidden;transition:transform .2s,border-color .2s}.project-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}.project-card-body{padding:20px;display:flex;flex-direction:column;align-items:stretch}.project-card h3{font-size:14px;line-height:1.6;min-height:45px}.project-card .tech-tags{gap:5px;margin-top:10px}.project-card .tech-tags li{font-size:9px}.project-card-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 14px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border);color:var(--muted);font-size:14px}.project-card-meta span:last-child{color:var(--subtle)}.project-link{background:var(--surface-raised);border:1px solid var(--border);padding:9px 10px;border-radius:5px;font-size:11px;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:16px}.project-link .icon{width:13px;height:13px}.project-link .icon:last-child{margin-left:auto}.project-link .icon:first-child{margin-left:auto}.project-link:hover{color:var(--accent)}.project-visual{height:190px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 60% 30%,#31544a,transparent 65%),linear-gradient(145deg,#172522,#121c24);color:#e4f1ef;isolation:isolate}.project-visual>img{width:100%;height:100%;object-fit:cover}.visual-license,.visual-lomo{background:radial-gradient(ellipse at 20% 20%,#294364,transparent 75%),#141c2a}.visual-dive{background:radial-gradient(ellipse at 50% 0,#275a70,transparent 75%),#10252e}.project-visual:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 29px,#ffffff03 30px),repeating-linear-gradient(90deg,transparent,transparent 29px,#ffffff03 30px);z-index:-1}.category-badge{--badge-ink: #146044;--badge-fill: #70b99c;position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;padding:4px 6px;border:1px solid var(--badge-ink);border-radius:7px;color:var(--badge-ink);background:var(--badge-fill);font-size:12px}.category-badge.mobile{--badge-ink: #205b9e;--badge-fill: #7da9dc}.category-badge.api{--badge-ink: #934609;--badge-fill: #dda05f}.visual-caption{position:absolute;bottom:7px;left:10px;font:8px Consolas,monospace;color:#c0cfce}.phone-preview{width:126px;height:225px;padding:9px 9px 12px;background:#101b1c;border:4px solid #405354;border-radius:20px;transform:rotate(-9deg) translateY(23px);box-shadow:15px 15px 22px #0007}.phone-top{display:flex;justify-content:space-between;font:5px monospace;margin:0 1px 15px}.phone-brand{font-size:10px;font-weight:650;display:flex;justify-content:space-between}.phone-brand>span{color:#89cfb4;font-size:7px}.phone-welcome{font-size:5px;color:#a6b6b5;margin:6px 0 11px}.phone-feature{padding:10px 7px;background:#244239;border:1px solid #426155;border-radius:7px}.phone-feature>span{font-size:5px;display:block;color:#b1c7bb}.phone-feature strong{font-size:7px;display:block;margin-top:4px}.mini-line{height:3px;border-radius:4px;width:75%;background:#89d0b1;margin-top:9px}.phone-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}.phone-grid>div{border:1px solid #344542;padding:6px;border-radius:4px;color:#9ed9c4}.phone-grid small{font-size:4px;display:block;margin-top:3px;color:#c3cfcb}.phone-grid>div>span{font-size:10px}.phone-nav{text-align:center;font-size:10px;border-top:1px solid #30423e;margin-top:10px;padding-top:7px}.desktop-preview{width:86%;background:#111b22;border:4px solid #34414a;border-radius:7px;box-shadow:0 14px 22px #0006;transform:perspective(700px) rotateY(-5deg);font-family:Arial,sans-serif}.terminal-top{display:flex;justify-content:space-between;padding:8px 10px;font-size:6px;border-bottom:1px solid #2b393e;color:#a1b5b5}.terminal-top>span:first-child{letter-spacing:2px;color:#8bcbb5}.dashboard-body{display:flex;height:126px}.dashboard-body aside{width:32px;border-right:1px solid #2b393e;padding:10px;color:#8acfb5;font-size:12px}.dashboard-body aside i{height:3px;background:#3f525b;display:block;margin-top:12px}.dashboard-main{padding:12px;flex:1}.dashboard-main>strong{font-size:10px;display:block}.dashboard-main>small{font-size:5px;color:#849a9f;display:block;margin-top:4px}.dashboard-stats{display:flex;gap:7px;margin-top:10px}.dashboard-stats>div{flex:1;border:1px solid #314248;border-radius:3px;padding:5px}.dashboard-stats small{font-size:4px;display:block;color:#a1b5b5}.dashboard-stats b{font:10px monospace;display:block;color:#9edbc5;margin-top:3px}.chart{height:30px;display:flex;gap:6px;align-items:flex-end;margin-top:10px;border-bottom:1px solid #4e7369}.chart>i{background:linear-gradient(#87cdb5,#274439);flex:1;border-radius:2px 2px 0 0}.api-preview{background:#10191e;border:1px solid #34434a;width:87%;border-radius:7px;font-family:Consolas,monospace;box-shadow:0 12px 30px #0003}.api-preview .terminal-top{font-size:8px}.api-preview>p{font-size:10px;margin:16px 14px 9px}.api-preview .green{color:#8ad0b6}.api-result{display:flex;justify-content:space-between;font-size:8px;color:#8ad0b6;margin:0 14px}.api-preview code{display:block;font-size:9px;color:#9eaeb7;margin:12px 14px 15px;line-height:1.6}.project-index{padding:25px;margin-top:55px}.index-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.index-heading h3{font-size:16px}.index-heading p{font-size:11px;color:var(--muted);margin-top:4px}.filters{display:flex;gap:3px;padding:4px;border:1px solid var(--border);background:var(--bg);border-radius:5px}.filters button{background:transparent;border-radius:3px;padding:7px 9px;font:10px Consolas,monospace;white-space:nowrap}.filters button.active{color:var(--accent-ink);background:var(--accent)}.filters button:hover:not(.active){background:var(--surface-raised)}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:670px}th{background:var(--surface-raised);font:10px Consolas,monospace;color:var(--muted);padding:12px 13px;font-weight:400}td{padding:14px 13px;font-size:12px;border-bottom:1px solid var(--border)}tr:last-child td{border-bottom:0}th:first-child{width:42%}td:last-child{text-align:right;white-space:nowrap;color:var(--accent)}th:last-child{text-align:right}td a:hover{text-decoration:underline}.stack-cell{font-size:10px;color:var(--subtle)}.table-badge{font-size:9px;padding:4px 6px;background:var(--tint);color:var(--accent);border:1px solid var(--border);border-radius:3px}.table-badge.mobile{color:var(--blue);background:#7cafec0c}.table-badge.website{color:var(--accent);background:var(--tint)}.table-badge.api{color:var(--orange);background:color-mix(in srgb,var(--orange) 9%,transparent)}.contact-section{display:grid;grid-template-columns:1fr 1.3fr;gap:75px}.contact-intro>p:not(.eyebrow){font-size:14px;color:var(--muted);margin:20px 0 25px;max-width:380px}.contact-item{display:flex;align-items:center;gap:15px;padding:17px;margin:12px 0}.contact-item>.icon{width:35px;height:35px;padding:8px;background:var(--surface-raised);border-radius:6px;color:var(--accent)}.contact-item>span:nth-child(2){flex:1;min-width:0}.contact-item strong{display:block;font-size:12px}.contact-item small{display:block;color:var(--subtle);font-size:10px;margin-top:5px;overflow-wrap:anywhere}.availability{color:var(--accent);font:10px Consolas,monospace;margin-top:25px;display:flex;gap:9px;align-items:center}.contact-form{padding:30px}.contact-form h3{font-size:20px}.contact-form>p:first-of-type{font-size:12px;color:var(--muted);margin:7px 0 23px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font:11px Consolas,monospace;margin-bottom:19px;color:var(--muted)}input,select,textarea{display:block;width:100%;margin-top:8px;border:1px solid var(--border);border-radius:5px;background:var(--bg);color:var(--text);padding:12px;font-family:inherit;font-size:12px;min-height:42px}textarea{resize:vertical;min-height:115px}input::placeholder,textarea::placeholder{color:var(--subtle)}.contact-form>.button{width:100%}.contact-form>.button .icon:last-child{margin-left:auto}.contact-form>.button .icon:first-child{margin-left:auto}.form-note{font-size:10px;color:var(--subtle);margin-bottom:14px}.site-footer{border-top:1px solid var(--border);padding-block:27px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--subtle)}.site-footer a{color:var(--accent)}.project-detail{max-width:960px;padding-block:34px 80px}.back-link{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:var(--muted)}.detail-heading{text-align:center;padding:65px 40px 50px}.detail-heading h1{font-size:36px;line-height:1.4;max-width:750px;margin:0 auto}.project-byline{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:10px;color:var(--muted);font-size:12px}.project-byline span:nth-child(2){color:var(--accent)}.detail-figure{padding:20px;margin:0;overflow:hidden}.detail-cover{margin-bottom:24px}.project-carousel{padding:20px;overflow:hidden}.project-carousel:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.carousel-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:2px 4px 18px}.carousel-header .eyebrow{margin-bottom:4px}.carousel-header strong{font-size:13px}.carousel-controls{display:flex;gap:8px}.carousel-controls button{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--border);border-radius:50%;color:var(--text);background:color-mix(in srgb,var(--panel) 88%,var(--accent));transition:transform .2s ease,border-color .2s ease,color .2s ease}.carousel-controls button:hover{transform:translateY(-2px);border-color:var(--accent);color:var(--accent)}.carousel-controls .icon{width:18px}.carousel-viewport{overflow:hidden;border-radius:8px;background:transparent}.carousel-slide{display:flex;justify-content:center;margin:0}.carousel-slide>img{display:block;width:auto;max-width:100%;height:min(56vh,560px);min-height:340px;object-fit:contain}.carousel-next-enter-active,.carousel-next-leave-active,.carousel-previous-enter-active,.carousel-previous-leave-active{transition:transform .28s ease,opacity .28s ease}.carousel-next-enter-from,.carousel-previous-leave-to{transform:translate(48px);opacity:0}.carousel-next-leave-to,.carousel-previous-enter-from{transform:translate(-48px);opacity:0}.detail-figure .project-visual{height:420px;border-radius:7px}.detail-figure .phone-preview{transform:rotate(-9deg) scale(1.7)}.detail-figure .desktop-preview{width:70%;transform:scale(1.1)}.detail-figure .dashboard-body{height:225px}.detail-figure .dashboard-main{padding:24px}.detail-figure .dashboard-main>strong{font-size:20px}.detail-figure .dashboard-main>small{font-size:10px}.detail-figure .dashboard-stats b{font-size:20px}.detail-figure .dashboard-stats small{font-size:8px}.detail-figure .chart{height:70px}.detail-figure .api-preview{width:65%;transform:scale(1.3)}.detail-figure figcaption{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 4px 4px;font-size:12px}.detail-figure figcaption span{font-size:10px;color:var(--muted)}.detail-about{display:grid;grid-template-columns:1.25fr 1fr;gap:50px;margin:60px 0}.detail-about h2{font-size:25px}.detail-about p:not(.eyebrow){color:var(--muted);font-size:14px;margin-top:16px}.detail-stack{padding:25px}.links-label{margin-top:24px}.detail-stack .hero-actions{margin-top:12px}.detail-stack .hero-actions .button{min-height:34px;padding:7px 10px;gap:6px;font-size:11px}.detail-stack .store-icon{width:16px;height:16px;flex:0 0 auto}.detail-stack .android-link{border-color:#3ddc84;color:#062d18;background:#3ddc84}.detail-stack .android-link:hover{border-color:#7af0ae;background:#62e69b}.detail-stack .ios-link{border-color:#57b9ff;color:#fff;background:linear-gradient(135deg,#27b8f1,#1671ed)}.detail-stack .ios-link:hover{border-color:#a2dfff;background:linear-gradient(135deg,#49c8fa,#2d82f2)}.next-project{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px}.next-project>.icon{width:28px;height:28px;color:var(--accent)}.next-project:hover{border-color:var(--accent)}.not-found{padding-block:120px;min-height:70vh}.not-found h1{font-size:40px}.not-found>p:not(.eyebrow){color:var(--muted);margin:20px 0 30px}.skip-link{position:fixed;top:-80px;left:15px;z-index:100;background:var(--accent);color:var(--accent-ink);padding:12px}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1450px){.hero h1{font-size:52px}}@media(max-width:1050px){.container{width:calc(100% - 56px)}.site-header nav{gap:17px}.hero{gap:30px}.hero h1{white-space:normal}.profile-card{padding:22px 18px}.profile-meta{font-size:8px}.stats strong{font-size:26px}.stats small{font-size:9px}.services-grid,.projects-grid{gap:17px}.service-card{padding:20px}.section-heading{gap:24px}.section-description{max-width:340px}.contact-section{gap:40px}.index-heading{align-items:flex-start;flex-direction:column}.skills-grid{gap:12px}.skill-card{padding:16px}.philosophy h2{font-size:27px}.project-card-body{padding:16px}.project-card h3{min-height:65px}}@media(max-width:780px){.container{width:calc(100% - 40px)}.header-inner{height:62px}.site-header nav{display:none;position:absolute;left:0;right:0;top:62px;background:var(--surface);border-bottom:1px solid var(--border);padding:18px 24px;box-shadow:0 12px 25px #0002}.site-header nav.open{display:flex;flex-direction:column;gap:0}.site-header nav a{padding:14px;font-size:15px}.site-header nav a:after{left:14px;bottom:5px;transform:none}.site-header nav a.active:after{width:34px}.menu-button{display:block}.header-contact{display:none}.hero{grid-template-columns:1fr;padding:65px 0;gap:40px;min-height:0}.hero h1{font-size:45px}.hero-description{max-width:600px}.profile-card{max-width:480px;width:100%;padding:26px}.hero-portrait{width:min(100%,540px);aspect-ratio:5 / 4;justify-self:start}.hero-portrait img{object-position:53% 47%}.profile-meta{font-size:10px}.stats strong{font-size:30px}.stats small{font-size:11px}.section{padding:60px 0}.section-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:28px}.section-description{max-width:540px}.services-grid{grid-template-columns:1fr}.service-card{padding:24px}.service-card p{max-width:550px}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-card h3{min-height:65px}.contact-section{grid-template-columns:1fr;gap:30px}.contact-intro>p:not(.eyebrow){max-width:550px}.contact-item{max-width:450px}.job-heading{align-items:flex-start;flex-direction:column;gap:9px}.site-footer{flex-wrap:wrap;line-height:1.5}.site-footer>span{display:none}.detail-heading{padding:50px 0 35px}.detail-heading h1{font-size:28px}.detail-about{grid-template-columns:1fr;gap:25px}.detail-figure .project-visual{height:330px}.carousel-slide>img{height:min(50vh,460px);min-height:300px}.detail-figure figcaption{flex-direction:column;align-items:flex-start;gap:9px}.detail-figure .desktop-preview{width:90%}.detail-figure .api-preview{width:80%;transform:none}}@media(max-width:480px){.hero h1{font-size:36px}.tagline{font-size:21px}.hero-description{font-size:15px}.availability-pill{font-size:8px;padding:6px 8px;gap:6px}.hero-actions{gap:8px}.hero-actions .button{padding:11px 12px;font-size:12px}.hero-actions .button>.icon:last-child:not(:first-child){width:14px}.profile-card{padding:22px 18px}.hero-portrait{aspect-ratio:4 / 3.45;border-radius:18px}.hero-portrait figcaption{left:17px;bottom:15px}.profile-meta{font-size:8px}.profile-identity strong{font-size:14px}.stats small{font-size:9px}.stats strong{font-size:28px}h2,.philosophy h2{font-size:25px}.projects-grid{grid-template-columns:1fr}.project-visual{height:210px}.project-card h3{min-height:0;font-size:15px}.project-card-body{padding:20px}.project-card .tech-tags li{font-size:10px}.skills-grid{gap:10px}.skill-card{padding:14px 12px}.skill-card h3{font-size:12px;gap:5px}.tech-tags{gap:5px}.tech-tags li{font-size:9px;padding:4px 5px}.project-index{padding:16px;margin-top:35px}.filters{width:100%;justify-content:space-between}.filters button{font-size:9px;padding:8px 5px}.form-row{grid-template-columns:1fr;gap:0}.contact-form{padding:23px}.contact-form input,.contact-form select,.contact-form textarea{font-size:16px}.contact-form label{font-size:12px}.site-footer{font-size:9px}.detail-figure,.project-carousel{padding:12px}.carousel-header{padding:2px 2px 12px}.carousel-controls button{width:38px;height:38px}.carousel-slide>img{height:min(44vh,360px);min-height:220px}.detail-figure .project-visual{height:280px}.detail-figure .phone-preview{transform:rotate(-9deg) scale(1.1)}.detail-figure .desktop-preview{transform:none}.detail-figure .dashboard-body{height:150px}.detail-figure .dashboard-main{padding:12px}.detail-figure .dashboard-main>strong{font-size:12px}.detail-figure .chart{height:30px}.detail-figure .dashboard-stats b{font-size:12px}.detail-heading h1{font-size:25px}.next-project{padding:20px}.next-project h3{font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.brand{font-size:22px}.site-header nav a{font-size:15px}.theme-button,.header-contact{font-size:14px}.button{font-size:15px}.eyebrow{font-size:13px}.section-description{font-size:16px}.availability-pill{font-size:12px}.hero-description{font-size:18px}.tagline{font-size:26px}.profile-identity strong{font-size:17px}.profile-identity p,.stats small{font-size:12px}.profile-meta{font-size:11px}.service-card h3,.skill-card h3{font-size:17px}.service-card p{font-size:16px}.service-card>.mono,.job-stack,.period{font-size:12px}.tech-tags li{font-size:13px}.skill-card .tech-tags li{font-size:14px}.timeline p{font-size:16px}.project-card h3{font-size:17px}.project-card .tech-tags li{font-size:11px}.project-link{font-size:13px}.index-heading h3{font-size:19px}.index-heading p{font-size:13px}.filters button,th{font-size:12px}td{font-size:14px}.stack-cell{font-size:12px}.table-badge{font-size:11px}.contact-intro>p:not(.eyebrow){font-size:16px}.contact-item strong{font-size:14px}.contact-item small,.availability{font-size:12px}.contact-form>p:first-of-type{font-size:14px}label{font-size:13px}input,select,textarea{font-size:15px}.form-note,.site-footer{font-size:12px}.hero{position:relative;isolation:isolate;min-height:calc(100svh - 68px);background:none}.hero:before{content:"";position:absolute;z-index:-1;inset-block:0;left:50%;width:100vw;transform:translate(-50%);background:radial-gradient(ellipse at 16% 5%,var(--tint),transparent 54%),radial-gradient(ellipse at 90% 92%,#578fd616,transparent 52%)}@media(max-width:780px){.hero{min-height:calc(100svh - 62px)}.site-header nav a{font-size:17px}}@media(max-width:480px){.availability-pill{font-size:10px}.hero-description{font-size:17px}.tagline{font-size:24px}.profile-meta{font-size:10px}.stats small{font-size:11px}.skill-card h3{font-size:14px}.tech-tags li{font-size:12px}.skill-card .tech-tags li{font-size:13px}.filters button,.site-footer{font-size:11px}}body{letter-spacing:.02em}.brand{font-size:24px;letter-spacing:.015em}.site-header nav a{font-size:17px}.theme-button,.header-contact{font-size:15px}.site-footer{font-size:14px}.site-footer .mono{letter-spacing:.03em}h1,h2,h3{letter-spacing:-.01em}.hero h1{letter-spacing:-.015em}.tagline{letter-spacing:.01em}@media(max-width:780px){.site-header nav a{font-size:18px}.site-footer{font-size:13px}}@media(max-width:480px){.brand{font-size:22px}.theme-button{font-size:14px}.site-footer{font-size:12px}}:root{--bg: #0d1020;--surface: #13182a;--surface-raised: #1b2238;--text: #f7f8fc;--muted: #abb4cb;--subtle: #7f8ba7;--border: #29324a;--accent: #61d5ad;--accent-ink: #08271e;--blue: #5aaeff;--tint: rgba(97, 213, 173, .14);--header: rgba(13, 16, 32, .93);--hero-green: rgba(49, 211, 166, .18);--hero-blue: rgba(70, 139, 255, .16);--shadow: 0 12px 36px rgba(2, 5, 16, .2)}:root[data-theme=light]{--bg: #f7f9fc;--surface: #fff;--surface-raised: #eff4f8;--text: #111827;--muted: #536179;--subtle: #74839a;--border: #dce4ec;--accent: #3c9a82;--accent-ink: #fff;--blue: #367dc4;--tint: rgba(60, 154, 130, .12);--header: rgba(255, 255, 255, .93);--hero-green: rgba(69, 195, 160, .18);--hero-blue: rgba(74, 142, 235, .15);--shadow: 0 12px 36px rgba(38, 59, 91, .09)}body{background:var(--bg);color:var(--text)}.panel{box-shadow:var(--shadow)}.button.primary{box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 27%,transparent)}.service-icon,.profile-icon{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent)}.hero{min-height:auto;padding-block:64px 72px}.hero:before{background:radial-gradient(ellipse at 12% 4%,var(--hero-green),transparent 52%),radial-gradient(ellipse at 88% 92%,var(--hero-blue),transparent 50%),linear-gradient(120deg,color-mix(in srgb,var(--surface) 30%,transparent),transparent 58%)}@media(max-width:780px){.hero{min-height:auto;padding-block:50px 58px}}@media(max-width:480px){.hero{padding-block:42px 48px}}:root{--font-body: "Maledpan", sans-serif;--font-strong: "Plus Jakarta Sans", "Noto Sans Thai", "Thonburi", system-ui, sans-serif}*{font-family:var(--font-body)!important}h1,h2,h3,strong,b,.brand,.brand span,.button,.site-header nav a,.eyebrow,.stats strong,.period,.project-link,.filters button.active,th,.category-badge,.table-badge{font-family:var(--font-strong)!important}h1,.hero h1{font-weight:800}h2{font-weight:750}h3,.profile-identity strong,.contact-item strong,.detail-figure figcaption strong{font-weight:700}.brand,.brand span{font-weight:800}.button,.site-header nav a,.project-link{font-weight:650}.eyebrow,.period,.filters button.active,th,.category-badge,.table-badge{font-weight:700}.stats strong{font-weight:800}.brand span{opacity:1;color:inherit}:root{--purple: #a78bfa;--pink: #f38ba8;--orange: #f0ad68;--cyan: #55c8d8;--color-wash-strength: 13%}:root[data-theme=light]{--purple: #7658c8;--pink: #c85178;--orange: #c87832;--cyan: #238b9d;--color-wash-strength: 9%}main:not(.admin-main){position:relative;overflow:clip}.site-header:after{content:"";position:absolute;inset:auto 0 -1px;height:1px;background:linear-gradient(90deg,transparent 8%,var(--accent),var(--blue),var(--purple),transparent 92%);opacity:.42}.site-scroll-progress{position:absolute;z-index:2;left:0;bottom:-1px;width:100%;height:2px;background:linear-gradient(90deg,var(--accent),var(--cyan),var(--blue),var(--purple));box-shadow:0 0 10px color-mix(in srgb,var(--blue) 32%,transparent);transform:scaleX(0);transform-origin:left;transition:transform .08s linear}.brand{background:linear-gradient(115deg,var(--accent),var(--cyan) 52%,var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}.brand{width:48px;height:48px;justify-content:center;flex:0 0 auto}.brand img{width:42px;height:42px}.section,.philosophy,.portfolio-section,.contact-section{position:relative;isolation:isolate}.section:before{content:"";position:absolute;z-index:-1;pointer-events:none;left:50%;top:0;width:100vw;height:100%;transform:translate(-50%);opacity:.8}.philosophy:before{background:radial-gradient(circle at 6% 28%,color-mix(in srgb,var(--cyan) var(--color-wash-strength),transparent),transparent 34%)}#skills:before{background:radial-gradient(circle at 92% 24%,color-mix(in srgb,var(--purple) var(--color-wash-strength),transparent),transparent 33%),radial-gradient(circle at 8% 90%,color-mix(in srgb,var(--pink) 7%,transparent),transparent 28%)}#experience:before{background:radial-gradient(ellipse at 48% 48%,color-mix(in srgb,var(--blue) 8%,transparent),transparent 55%)}.portfolio-section:before{background:radial-gradient(circle at 3% 15%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 30%),radial-gradient(circle at 98% 65%,color-mix(in srgb,var(--orange) 8%,transparent),transparent 30%)}.contact-section:before{background:radial-gradient(ellipse at 70% 45%,color-mix(in srgb,var(--purple) 10%,transparent),transparent 45%)}.panel{transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.profile-card,.service-card,.skill-card,.contact-form{overflow:hidden}.profile-card:after,.service-card:after,.skill-card:after,.contact-form:after{content:"";position:absolute;pointer-events:none;inset:0;background:linear-gradient(130deg,color-mix(in srgb,var(--accent) 7%,transparent),transparent 34%);opacity:0;transition:opacity .24s ease}.profile-card:hover,.service-card:hover,.skill-card:hover,.contact-form:focus-within{transform:translateY(-4px);border-color:color-mix(in srgb,var(--card-accent, var(--accent)) 55%,var(--border));box-shadow:0 18px 48px color-mix(in srgb,var(--card-accent, var(--accent)) 13%,transparent)}.profile-card:hover:after,.service-card:hover:after,.skill-card:hover:after,.contact-form:focus-within:after{opacity:1}.service-card:nth-child(2),.skill-card:nth-child(2){--card-accent: var(--blue)}.service-card:nth-child(3),.skill-card:nth-child(3){--card-accent: var(--purple)}.skill-card:nth-child(4){--card-accent: var(--orange)}.service-card,.skill-card,.contact-form,.profile-card{position:relative}.service-card:before,.skill-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--card-accent, var(--accent)),transparent 78%);opacity:.75}.service-card:nth-child(3) .service-icon,.skill-card:nth-child(3) h3 .icon{color:var(--purple)}.skill-card:nth-child(4) h3 .icon{color:var(--orange)}.button.primary,.header-contact{background:linear-gradient(115deg,var(--accent),color-mix(in srgb,var(--accent) 65%,var(--cyan)))}.button.primary:hover,.header-contact:hover{box-shadow:0 11px 30px color-mix(in srgb,var(--accent) 30%,transparent)}.status-dot{animation:status-pulse 2.4s ease-out infinite}.tech-tags li:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--surface-raised));transform:translateY(-1px)}.tech-tags li{transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}.timeline li:before{background:linear-gradient(var(--accent),var(--blue),var(--purple),var(--border));opacity:.65}.timeline li:after{animation:timeline-glow 3s ease-in-out infinite}.project-card:nth-child(3n+2){--project-accent: var(--blue)}.project-card:nth-child(3n+3){--project-accent: var(--purple)}.project-card:hover{border-color:color-mix(in srgb,var(--project-accent, var(--accent)) 62%,var(--border));box-shadow:0 20px 48px color-mix(in srgb,var(--project-accent, var(--accent)) 14%,transparent)}.project-card .project-visual{transition:filter .3s ease}.project-card:hover .project-visual{filter:saturate(1.18) brightness(1.04)}.project-link{transition:color .18s ease,border-color .18s ease,background .18s ease}.project-link:hover{background:color-mix(in srgb,var(--accent) 10%,var(--surface-raised));border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}@keyframes status-pulse{0%,to{box-shadow:0 0 0 3px var(--tint)}45%{box-shadow:0 0 0 7px transparent}}@keyframes timeline-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.35)}}@keyframes section-reveal{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@supports (animation-timeline: view()){main:not(.admin-main) .section-heading,main:not(.admin-main) .services-grid,main:not(.admin-main) .skills-grid,main:not(.admin-main) .timeline,main:not(.admin-main) .projects-grid,main:not(.admin-main) .project-index,main:not(.admin-main) .contact-section>*{animation:section-reveal linear both;animation-timeline:view();animation-range:entry 4% cover 24%}main:not(.admin-main) .all-projects .section-heading,main:not(.admin-main) .all-projects .projects-grid{animation:none;opacity:1;transform:none}}@media(max-width:780px){.profile-card:hover,.service-card:hover,.skill-card:hover,.contact-form:focus-within{transform:none}}.portfolio-section .projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.portfolio-section .project-visual{height:250px}.portfolio-section{padding-block:68px}.portfolio-section .section-heading{margin-bottom:26px}.portfolio-section .project-card-body{padding:18px}.portfolio-section .project-card h3{min-height:0}.portfolio-section .project-link{margin-top:12px}.portfolio-section .project-index{margin-top:38px;padding:22px}.project-index th{font-size:13px;padding-block:13px}.project-index td{font-size:15px;line-height:1.5;padding-block:15px}.project-index .stack-cell{font-size:13px}.project-index .table-badge{font-size:12px}.project-index td:last-child a{font-size:14px}@media(max-width:780px){.portfolio-section{padding-block:52px}.portfolio-section .section-heading{margin-bottom:22px}.portfolio-section .projects-grid{grid-template-columns:1fr;gap:16px}.portfolio-section .project-visual{height:220px}.portfolio-section .project-index{margin-top:30px;padding:18px}}.admin-main,.admin-main *{font-family:var(--font-body)!important}.admin-main{--admin-bg: #080b14;--admin-sidebar: #0d111d;--admin-surface: #111725;--admin-surface-2: #171e2e;--admin-border: #242d40;--admin-text: #f5f7fb;--admin-muted: #8b96aa;--admin-accent: #38d39f;--admin-blue: #579dff;--admin-purple: #9b7cff;--admin-orange: #ff9f5a;min-height:100vh;background:var(--admin-bg);color:var(--admin-text);letter-spacing:0}.admin-main h1,.admin-main h2,.admin-main h3{font-family:var(--font-strong)!important;color:var(--admin-text);letter-spacing:-.025em}.admin-main strong,.admin-main b,.admin-main button,.admin-main th,.admin-login-brand,.admin-kicker,.admin-sidebar a,.admin-primary-button,.admin-secondary-button,.admin-category-chip,.admin-status{font-family:var(--font-strong)!important}.admin-main button,.admin-main input,.admin-main select,.admin-main textarea{font:inherit}.admin-login-page{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;padding:90px 24px 40px;background:linear-gradient(#080b14eb,#080b14fa),repeating-linear-gradient(90deg,transparent 0 63px,rgba(255,255,255,.025) 64px),repeating-linear-gradient(0deg,transparent 0 63px,rgba(255,255,255,.025) 64px)}.admin-login-glow{position:absolute;width:520px;height:520px;border-radius:50%;top:-260px;left:calc(50% - 260px);background:#38d39f2e;filter:blur(100px);pointer-events:none}.admin-login-brand{position:absolute;top:30px;left:38px;display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:800}.admin-login-brand>span{background:linear-gradient(115deg,var(--admin-accent),var(--admin-cyan) 52%,var(--admin-blue));-webkit-background-clip:text;background-clip:text;color:transparent}.admin-login-brand img{width:42px;height:42px;transform:scale(1.3)}.admin-login-brand strong{color:inherit;font-weight:800}.admin-login-card{position:relative;width:min(430px,100%);padding:38px;border:1px solid var(--admin-border);border-radius:18px;background:#111725eb;box-shadow:0 30px 80px #0006;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.admin-login-icon{display:grid;width:50px;height:50px;place-items:center;margin-bottom:24px;border:1px solid rgba(56,211,159,.26);border-radius:12px;color:var(--admin-accent);background:#38d39f14}.admin-login-icon .icon{width:24px;height:24px}.admin-kicker{margin-bottom:8px;color:var(--admin-accent);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.admin-login-card h1{font-size:32px}.admin-login-copy{margin:10px 0 30px;color:var(--admin-muted);font-size:14px}.admin-main label{display:block;margin:0 0 20px;color:#b7c0d0;font-size:13px;font-weight:600}.admin-main label small{margin-left:5px;color:var(--admin-muted);font-size:11px;font-weight:500}.admin-main input,.admin-main select,.admin-main textarea{display:block;width:100%;min-height:44px;margin-top:8px;padding:11px 13px;border:1px solid var(--admin-border);border-radius:8px;outline:none;background:#0b101b;color:var(--admin-text);font-size:14px;transition:border-color .18s,box-shadow .18s}.admin-main textarea{min-height:100px;resize:vertical;line-height:1.6}.admin-main input:focus,.admin-main select:focus,.admin-main textarea:focus{border-color:var(--admin-accent);box-shadow:0 0 0 3px #38d39f1a}.admin-primary-button,.admin-secondary-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid transparent;border-radius:8px;color:#041b13;background:var(--admin-accent);font-size:13px;font-weight:700;transition:transform .18s,filter .18s}.admin-primary-button:hover,.admin-secondary-button:hover{transform:translateY(-1px);filter:brightness(1.08)}.admin-primary-button:disabled,.admin-secondary-button:disabled{cursor:wait;opacity:.55;transform:none}.admin-secondary-button{border-color:var(--admin-border);color:var(--admin-text);background:var(--admin-surface-2)}.admin-login-card .admin-primary-button{width:100%;margin-top:3px}.admin-login-card .admin-primary-button .icon:last-child{margin-left:auto}.admin-login-note{margin-top:20px;color:#687388;font-size:11px;line-height:1.6;text-align:center}.admin-login-back{display:flex;min-height:40px;align-items:center;justify-content:center;gap:8px;margin-top:18px;border:1px solid var(--admin-border);border-radius:8px;color:var(--admin-muted);background:#0b101bb3;font-size:12px;font-weight:650;transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease}.admin-login-back .icon{width:15px;height:15px}.admin-login-back:hover{color:var(--admin-text);border-color:color-mix(in srgb,var(--admin-blue) 45%,var(--admin-border));background:linear-gradient(90deg,#38d39f0f,#579dff12);transform:translateY(-1px)}.admin-password-field{position:relative;display:block}.admin-password-field input{padding-right:46px}.admin-password-field button{position:absolute;right:7px;top:15px;display:grid;width:32px;height:32px;place-items:center;border-radius:7px;color:var(--admin-muted);background:transparent}.admin-password-field button:hover{color:var(--admin-accent);background:#38d39f12}.admin-password-field .icon{width:16px;height:16px}.admin-main label .admin-caps-lock{display:block;margin:7px 0 0;color:var(--admin-orange);font-size:10px}.app-alert{position:fixed;z-index:200;top:18px;left:50%;display:flex;width:min(520px,calc(100vw - 32px));align-items:center;justify-content:space-between;gap:16px;padding:13px 14px 13px 18px;border:1px solid var(--admin-border);border-radius:10px;margin:0;box-shadow:0 16px 45px #00000061;transform:translate(-50%);font-size:13px;line-height:1.5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-alert button{flex:0 0 auto;width:28px;height:28px;padding:0;border:0;border-radius:6px;color:currentColor;background:transparent;font:inherit;font-size:20px;line-height:1;cursor:pointer}.app-alert button:hover{background:#ffffff14}.app-alert.error{border-color:#ff697852;color:#ff96a3;background:#ff526314}.app-alert.success{border-color:#38d39f4d;color:#72e8c0;background:#38d39f14}.app-alert-slide-enter-active,.app-alert-slide-leave-active{transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1)}.app-alert-slide-enter-from,.app-alert-slide-leave-to{opacity:0;transform:translate(-50%,-22px)}.admin-shell{min-height:100vh}.admin-sidebar{position:fixed;z-index:50;inset:0 auto 0 0;display:flex;width:252px;flex-direction:column;border-right:1px solid var(--admin-border);background:var(--admin-sidebar)}.admin-sidebar-brand{display:flex;height:76px;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid var(--admin-border)}.admin-user-avatar,.admin-account-avatar{display:grid;flex:0 0 auto;width:38px;height:38px;place-items:center;border-radius:10px;color:#041b13;background:linear-gradient(135deg,var(--admin-accent),#83eecb);font-size:16px;font-weight:800}.admin-brand-logo{width:40px;height:40px;flex:0 0 auto;transform:scale(1.3)}.admin-sidebar-brand>span:nth-child(2){display:flex;flex-direction:column;line-height:1.2}.admin-sidebar-brand strong{background:linear-gradient(115deg,var(--admin-accent),var(--admin-cyan) 52%,var(--admin-blue));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:14px}.admin-sidebar-brand small{margin-top:5px;color:var(--admin-muted);font-size:10px}.admin-sidebar nav{display:flex;flex:1;flex-direction:column;gap:4px;padding:22px 12px}.admin-sidebar nav a,.admin-sidebar-footer a,.admin-sidebar-footer button{display:flex;min-height:44px;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:var(--admin-muted);background:transparent;font-size:13px;font-weight:600;text-align:left;transition:color .18s,background .18s}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{color:var(--admin-text);background:var(--admin-surface-2)}.admin-sidebar nav a.active{box-shadow:inset 3px 0 var(--admin-accent)}.admin-sidebar nav a.active .icon{color:var(--admin-accent)}.admin-sidebar-footer{padding:14px 12px 18px;border-top:1px solid var(--admin-border)}.admin-sidebar-footer>*{width:100%}.admin-sidebar-footer a span{margin-left:auto}.admin-sidebar-footer button:hover{color:#ff96a3;background:#ff526312}.admin-sidebar-close,.admin-mobile-menu{display:none}.admin-workspace{min-height:100vh;margin-left:252px}.admin-topbar{position:sticky;z-index:30;top:0;display:flex;height:76px;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--admin-border);background:#080b14e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.admin-breadcrumb{color:var(--admin-muted);font-size:12px;text-transform:capitalize}.admin-breadcrumb span{margin:0 8px;color:#465066}.admin-page-context{display:flex;flex-direction:column;gap:5px}.admin-page-context time{color:#657086;font-size:9px}.admin-user{display:flex;align-items:center;gap:10px}.admin-user-avatar{width:34px;height:34px;font-size:13px}.admin-user>span:last-child{display:flex;flex-direction:column}.admin-user strong{font-size:12px}.admin-user small{margin-top:3px;color:var(--admin-muted);font-size:9px}.admin-content{width:min(1400px,100%);margin:0 auto;padding:34px 32px 64px}.admin-page-header{display:flex;min-height:68px;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}.admin-page-header h1{font-size:27px;font-weight:750}.admin-page-header p{margin-top:7px;color:var(--admin-muted);font-size:13px}.admin-page-actions{display:flex;gap:10px}.admin-card{border:1px solid var(--admin-border);border-radius:12px;background:var(--admin-surface);box-shadow:0 16px 38px #0000001f}.admin-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.admin-stat-grid article{display:grid;grid-template-columns:auto 1fr;gap:15px;padding:20px;border:1px solid var(--admin-border);border-radius:12px;background:var(--admin-surface)}.admin-stat-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:10px}.admin-stat-icon.teal{color:var(--admin-accent);background:#38d39f1a}.admin-stat-icon.blue{color:var(--admin-blue);background:#579dff1a}.admin-stat-icon.purple{color:var(--admin-purple);background:#9b7cff1a}.admin-stat-icon.orange{color:var(--admin-orange);background:#ff9f5a1a}.admin-stat-grid article>div{display:flex;flex-direction:column}.admin-stat-grid small{color:var(--admin-muted);font-size:11px}.admin-stat-grid strong{margin-top:3px;font-size:28px;line-height:1.1}.admin-stat-grid a,.admin-stat-caption{grid-column:2;color:var(--admin-accent);font-size:10px}.admin-stat-caption{color:#6f7b90}.admin-dashboard-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px}.admin-dashboard-grid>.admin-card,.admin-form-card,.admin-table-card,.admin-inbox-card{padding:22px}.admin-activity-card{grid-column:1 / -1}.admin-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.admin-card-header h2{font-size:15px}.admin-card-header p{margin-top:5px;color:var(--admin-muted);font-size:11px}.admin-card-header a{color:var(--admin-accent);font-size:11px}.admin-bar-list{display:flex;flex-direction:column;gap:21px}.admin-bar-list>div>div{display:flex;justify-content:space-between;margin-bottom:8px;font-size:12px}.admin-bar-track{display:block;height:7px;overflow:hidden;border-radius:10px;background:#20283a}.admin-bar-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--admin-accent),var(--admin-blue))}.admin-compact-list,.admin-activity-list{display:flex;flex-direction:column}.admin-compact-list a,.admin-activity-list>div{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--admin-border)}.admin-compact-list a:last-child,.admin-activity-list>div:last-child{border-bottom:0}.admin-list-avatar{display:grid;flex:0 0 auto;width:34px;height:34px;place-items:center;border-radius:50%;color:var(--admin-accent);background:#38d39f1a;font-size:12px;font-weight:700}.admin-compact-list a>span:nth-child(2),.admin-activity-list>div>div{display:flex;min-width:0;flex:1;flex-direction:column}.admin-compact-list strong,.admin-activity-list strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.admin-compact-list small,.admin-activity-list small{margin-top:4px;color:var(--admin-muted);font-size:9px}.admin-compact-list i{width:7px;height:7px;border-radius:50%;background:#4c566b}.admin-compact-list i.unread{background:var(--admin-accent)}.admin-activity-list>div>span{display:grid;width:30px;height:30px;place-items:center;border-radius:7px;color:var(--admin-blue);background:#579dff17}.admin-activity-list .icon{width:14px}.admin-loading-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.admin-loading-grid span,.admin-loading-panel{min-height:130px;border:1px solid var(--admin-border);border-radius:12px;background:linear-gradient(100deg,var(--admin-surface) 20%,var(--admin-surface-2) 40%,var(--admin-surface) 60%);background-size:200% 100%;animation:admin-shimmer 1.4s infinite}@keyframes admin-shimmer{to{background-position:-200% 0}}.admin-empty{display:grid;min-height:190px;place-items:center;align-content:center;padding:30px;color:var(--admin-muted);text-align:center}.admin-empty>.icon{width:30px;height:30px;margin-bottom:14px;color:#556176}.admin-empty h3{font-size:14px}.admin-empty p{margin-top:6px;font-size:11px}.admin-editor-grid,.admin-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-profile-wide{grid-column:1 / -1}.admin-form-card label:last-child{margin-bottom:0}.admin-preview-block{padding:22px;border:1px solid var(--admin-border);border-radius:10px;background:#0b101b}.admin-preview-block>span{color:var(--admin-muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.admin-preview-block h3{margin-top:15px;font-size:24px}.admin-preview-block strong{display:block;margin-top:5px;color:var(--admin-accent);font-size:14px}.admin-preview-block p{margin-top:12px;color:var(--admin-muted);font-size:11px;line-height:1.7}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.admin-search{position:relative;flex:1;max-width:440px;margin:0!important}.admin-search .icon{position:absolute;z-index:1;top:13px;left:13px;width:16px;color:var(--admin-muted)}.admin-search input{margin:0;padding-left:40px}.admin-filter-tabs,.admin-section-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--admin-border);border-radius:8px;background:#0b101b}.admin-filter-tabs button,.admin-section-tabs button{padding:7px 11px;border-radius:5px;color:var(--admin-muted);background:transparent;font-size:11px}.admin-filter-tabs button.active,.admin-section-tabs button.active{color:var(--admin-text);background:var(--admin-surface-2)}.admin-section-tabs{width:fit-content;margin-bottom:20px}.admin-section-tabs button span{margin-left:5px;color:var(--admin-accent)}.admin-table-scroll{overflow-x:auto}.admin-table{min-width:760px;color:var(--admin-text)}.admin-table th{padding:11px 12px;color:#6f7b90;background:#0b101b;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.admin-table td{padding:14px 12px;border-color:var(--admin-border);font-size:12px}.admin-project-cell{display:flex;align-items:center;gap:12px}.admin-table .admin-project-order{width:1%;white-space:nowrap}.admin-project-order .admin-row-actions{align-items:center;justify-content:flex-start;width:max-content}.admin-project-order .admin-row-actions>span{min-width:24px;text-align:center;font-variant-numeric:tabular-nums}.admin-project-cell>span{display:grid;width:36px;height:36px;place-items:center;border-radius:8px;color:var(--admin-accent);background:#38d39f17}.admin-project-cell>span.mobile{color:var(--admin-blue);background:#579dff17}.admin-project-cell>span.api{color:var(--admin-orange);background:#ff9f5a17}.admin-project-cell div{display:flex;min-width:0;flex-direction:column}.admin-project-cell strong{max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-project-cell small{margin-top:4px;color:var(--admin-muted)}.admin-category-chip{display:inline-flex;align-items:center;padding:4px 6px;border:1px solid var(--border);border-radius:3px;color:var(--accent);background:var(--tint);font-size:12px}.admin-status{display:inline-flex;padding:4px 7px;border:1px solid var(--admin-border);border-radius:5px;color:#b7c0d0;background:var(--admin-surface-2);font-size:10px}.admin-category-chip.website{color:var(--accent);background:var(--tint)}.admin-category-chip.mobile{color:var(--blue);background:#7cafec0c}.admin-category-chip.api{color:var(--orange);background:color-mix(in srgb,var(--orange) 9%,transparent)}.admin-status.published{border-color:#38d39f40;color:var(--admin-accent);background:#38d39f12}.admin-status.draft{color:var(--admin-orange)}.admin-status-stack{display:flex;align-items:center;gap:7px}.admin-status-stack small{color:var(--admin-purple);font-size:9px}.admin-row-actions{display:flex;justify-content:flex-end;gap:5px}.admin-row-actions button,.admin-icon-button,.admin-repeat-card header button{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--admin-border);border-radius:7px;color:var(--admin-muted);background:var(--admin-surface-2)}.admin-row-actions button:hover,.admin-icon-button:hover{color:var(--admin-text);border-color:#48546b}.admin-row-actions button.danger:hover,.admin-icon-button.danger:hover,.admin-repeat-card header button.danger:hover{color:#ff8794;border-color:#ff52634d}.admin-row-actions .icon,.admin-icon-button .icon{width:15px;height:15px}.admin-modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:24px;background:#02040ac7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.admin-modal{width:min(560px,100%);max-height:calc(100vh - 48px);overflow:hidden;border:1px solid var(--admin-border);border-radius:14px;background:var(--admin-surface);box-shadow:0 35px 90px #00000080}.admin-modal.wide{width:min(800px,100%)}.admin-modal>header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:19px 22px;border-bottom:1px solid var(--admin-border);background:color-mix(in srgb,var(--admin-surface) 96%,var(--admin-blue))}.admin-modal>header h2{font-size:16px}.admin-modal-body{max-height:calc(100vh - 116px);overflow-y:auto;padding:22px}.admin-modal-close{color:var(--admin-text);border-color:color-mix(in srgb,var(--admin-blue) 28%,var(--admin-border));background:color-mix(in srgb,var(--admin-blue) 7%,var(--admin-surface-2))}.admin-modal-close:hover{color:var(--admin-accent);border-color:color-mix(in srgb,var(--admin-accent) 48%,var(--admin-border))}.admin-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-repeat-card .admin-form-row{grid-template-columns:1.2fr .8fr .7fr}.admin-modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:18px;border-top:1px solid var(--admin-border)}.admin-image-upload{display:grid;gap:14px;padding:16px;border:1px solid var(--admin-border);border-radius:10px;background:#0b101b}.admin-image-upload>div:first-child{display:flex;flex-direction:column;gap:4px}.admin-image-upload>div:first-child small{color:var(--admin-muted);font-size:10px}.admin-image-picker{display:inline-flex!important;width:fit-content;align-items:center;gap:7px;margin:0!important;padding:9px 12px;border:1px dashed #3c4b63;border-radius:8px;color:var(--admin-accent)!important;background:#38d39f0d;cursor:pointer}.admin-image-picker .icon{width:14px}.admin-image-picker input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.admin-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.admin-image-grid figure{position:relative;min-width:0;margin:0;overflow:hidden;border:1px solid var(--admin-border);border-radius:8px;background:var(--admin-surface)}.admin-image-grid img{display:block;width:100%;height:96px;object-fit:cover}.admin-cover-grid{grid-template-columns:minmax(220px,360px)}.admin-cover-grid img{height:auto;aspect-ratio:16 / 9}.admin-image-grid figcaption{overflow:hidden;padding:8px;color:var(--admin-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.admin-image-grid .admin-image-remove{position:absolute;top:6px;right:6px;display:grid;width:24px;height:24px;place-items:center;border-radius:50%;color:#fff;background:#05080ed1;font-size:17px}.admin-image-grid figure>span{position:absolute;top:7px;left:7px;padding:3px 6px;border-radius:10px;color:#07120e;background:var(--admin-accent);font-size:8px}.admin-switch-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.admin-switch-row label{display:flex;gap:10px;margin:0;padding:13px;border:1px solid var(--admin-border);border-radius:8px;background:#0b101b}.admin-switch-row input{width:17px;height:17px;min-height:0;margin:2px 0 0;accent-color:var(--admin-accent)}.admin-switch-row label>span{display:flex;flex-direction:column}.admin-switch-row small{margin:4px 0 0!important}.admin-stack-list{display:flex;flex-direction:column;gap:16px}.admin-repeat-card{padding:20px}.admin-repeat-card>header{display:flex;align-items:center;gap:12px;margin-bottom:18px}.admin-repeat-card>header>strong{flex:1;font-size:13px}.admin-repeat-card>header>div{display:flex;gap:5px}.admin-repeat-card header button{width:30px;height:30px}.admin-repeat-card header button:disabled{opacity:.25}.admin-repeat-card header .icon{width:13px}.admin-order{color:var(--admin-accent);font-size:11px;font-weight:700}.admin-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.admin-form-card.compact{padding:19px}.admin-add-card{display:grid;min-height:280px;place-items:center;align-content:center;gap:9px;border:1px dashed #364157;border-radius:12px;color:var(--admin-muted);background:transparent}.admin-add-card:hover{border-color:var(--admin-accent);color:var(--admin-accent);background:#38d39f08}.admin-add-card strong{color:inherit;font-size:13px}.admin-add-card small{font-size:10px}.admin-inbox-card{padding-top:12px}.inbox-tabs{margin-bottom:10px;border:0;background:transparent}.admin-inbox-list{display:flex;flex-direction:column}.admin-inbox-list>button{position:relative;display:grid;grid-template-columns:auto 180px minmax(220px,1fr) auto;align-items:center;gap:15px;width:100%;padding:14px 10px;border-bottom:1px solid var(--admin-border);color:var(--admin-text);background:transparent;text-align:left}.admin-inbox-list>button:hover{background:#ffffff05}.admin-inbox-list>button.unread{background:#38d39f06}.admin-inbox-list>button.unread>i{position:absolute;left:-7px;width:6px;height:6px;border-radius:50%;background:var(--admin-accent)}.admin-inbox-sender,.admin-inbox-message{display:flex;min-width:0;flex-direction:column}.admin-inbox-sender strong,.admin-inbox-message strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.admin-inbox-sender small,.admin-inbox-message small{margin-top:4px;overflow:hidden;color:var(--admin-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.admin-inbox-list time{color:#687388;font-size:9px;white-space:nowrap}.admin-inquiry-person{display:flex;align-items:center;gap:13px}.admin-inquiry-person h3{font-size:16px}.admin-inquiry-person a{color:var(--admin-accent);font-size:11px}.admin-inquiry-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.admin-inquiry-detail dl>div{padding:16px;border:1px solid var(--admin-border);border-radius:8px;background:#0b101b}.admin-inquiry-detail dt{color:var(--admin-muted);font-size:9px;text-transform:uppercase}.admin-inquiry-detail dd{margin:5px 0 0;font-size:12px}.admin-message-box{min-height:130px;padding:16px;border:1px solid var(--admin-border);border-radius:9px;background:#0b101b;color:#c6cedc;font-size:13px;line-height:1.75;white-space:pre-wrap}.admin-account-grid{grid-template-columns:.8fr 1.2fr}.admin-account-card{display:flex;align-items:center;gap:18px;padding:24px;height:fit-content}.admin-account-avatar{width:62px;height:62px;border-radius:16px;font-size:22px}.admin-account-card h2{font-size:20px}.admin-account-card>div>p:last-child{margin-top:8px;color:var(--admin-muted);font-size:11px}@media(max-width:1100px){.admin-stat-grid,.admin-capability-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.admin-sidebar{transform:translate(-100%);transition:transform .22s ease}.admin-sidebar.open{transform:translate(0)}.admin-sidebar-close{display:grid;margin-left:auto;width:34px;height:34px;place-items:center;border-radius:7px;color:var(--admin-muted);background:transparent}.admin-sidebar-scrim{position:fixed;z-index:40;inset:0;background:#0009}.admin-workspace{margin-left:0}.admin-mobile-menu{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;color:var(--admin-text);background:var(--admin-surface-2)}.admin-breadcrumb{margin-left:0}.admin-page-context{flex:1;margin-left:14px}.admin-editor-grid,.admin-account-grid,.admin-dashboard-grid{grid-template-columns:1fr}.admin-activity-card{grid-column:auto}.admin-inbox-list>button{grid-template-columns:auto 150px 1fr}.admin-inbox-list time{display:none}}@media(max-width:620px){.admin-content{padding:24px 16px 50px}.admin-topbar{height:66px;padding:0 16px}.admin-user>span:last-child{display:none}.admin-page-header{flex-direction:column}.admin-page-actions{width:100%;flex-wrap:wrap}.admin-page-actions>*{flex:1}.admin-stat-grid,.admin-capability-grid{grid-template-columns:1fr}.admin-toolbar{align-items:stretch;flex-direction:column}.admin-search{max-width:none}.admin-filter-tabs{overflow-x:auto}.admin-form-row,.admin-repeat-card .admin-form-row,.admin-switch-row{grid-template-columns:1fr}.admin-inbox-list>button{grid-template-columns:auto 1fr}.admin-inbox-message{grid-column:2}.admin-inquiry-detail dl{grid-template-columns:1fr}.admin-login-card{padding:28px 22px}.admin-login-brand{left:24px}}.admin-login-page{padding:36px}.admin-login-shell{position:relative;z-index:1;display:grid;width:min(980px,100%);min-height:620px;grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);overflow:hidden;border:1px solid color-mix(in srgb,var(--admin-border) 80%,var(--admin-blue));border-radius:24px;background:#0d111df0;box-shadow:0 36px 100px #0000007a,0 0 70px #579dff14;animation:admin-card-in .48s ease-out both}.admin-login-visual{position:relative;min-height:620px;overflow:hidden;background:#0c1320}.admin-login-portrait{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.88) contrast(1.04) brightness(.82);transform:scale(1.02)}.admin-login-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,8,16,.2) 15%,transparent 44%,rgba(4,8,16,.92) 100%),linear-gradient(100deg,#080b141f,#080b1447);pointer-events:none}.admin-login-logo{position:absolute;z-index:2;top:26px;left:26px;display:grid;width:64px;height:64px;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:#080b1480;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .2s ease,background .2s ease}.admin-login-logo:hover{background:#080b14b3;transform:translateY(-2px)}.admin-login-logo img{width:54px;height:54px;transform:scale(1.18)}.admin-login-visual-copy{position:absolute;z-index:2;right:30px;bottom:32px;left:30px}.admin-login-visual-copy span{color:#8fe8c7;font-family:var(--font-strong)!important;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.admin-login-visual-copy h2{max-width:330px;margin-top:10px;color:#fff;font-size:clamp(25px,3vw,36px);line-height:1.12}.admin-login-visual-copy p{margin-top:14px;color:#ebf1f9ad;font-size:13px}.admin-login-shell .admin-login-card{display:flex;width:auto;flex-direction:column;justify-content:center;padding:58px 64px;border:0;border-radius:0;background:radial-gradient(circle at 100% 0,rgba(87,157,255,.08),transparent 32%),#111725fa;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;animation:none}.admin-login-shell .admin-login-card:before{display:none}.admin-login-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.admin-login-heading .admin-login-icon{width:42px;height:42px;margin:0;border-radius:10px}.admin-login-heading .admin-kicker{margin:0}.admin-login-shell .admin-login-copy{margin-bottom:34px}@media(max-width:840px){.admin-login-page{align-items:start;padding:24px}.admin-login-shell{min-height:0;grid-template-columns:1fr}.admin-login-visual{min-height:250px}.admin-login-portrait{object-position:center 43%}.admin-login-visual-copy{bottom:24px}.admin-login-visual-copy h2{font-size:27px}.admin-login-shell .admin-login-card{padding:44px}}@media(max-width:520px){.admin-login-page{padding:14px}.admin-login-shell{border-radius:18px}.admin-login-visual{min-height:210px}.admin-login-logo{top:18px;left:18px;width:52px;height:52px;border-radius:13px}.admin-login-logo img{width:44px;height:44px}.admin-login-visual-copy{right:22px;bottom:20px;left:22px}.admin-login-visual-copy h2{margin-top:7px;font-size:23px}.admin-login-visual-copy p{display:none}.admin-login-shell .admin-login-card{padding:34px 24px}}.admin-main{--admin-cyan: #48c7df;--admin-pink: #f278a6;background:radial-gradient(circle at 90% 8%,rgba(87,157,255,.09),transparent 28%),radial-gradient(circle at 16% 92%,rgba(155,124,255,.07),transparent 30%),var(--admin-bg);background-attachment:fixed}.admin-login-page:before,.admin-login-page:after{content:"";position:absolute;pointer-events:none;width:360px;height:360px;border-radius:50%;filter:blur(110px);opacity:.2}.admin-login-page:before{right:-130px;bottom:-120px;background:var(--admin-blue)}.admin-login-page:after{left:-160px;top:32%;background:var(--admin-purple)}.admin-login-card{box-shadow:0 30px 80px #0000006b,0 0 0 1px #38d39f0a,0 0 80px #579dff12;animation:admin-card-in .48s ease-out both}.admin-login-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;border-radius:18px 18px 0 0;background:linear-gradient(90deg,transparent,var(--admin-accent),var(--admin-blue),var(--admin-purple),transparent)}.admin-login-icon{box-shadow:0 0 28px #38d39f1f}.admin-sidebar{background:radial-gradient(circle at 10% 0,rgba(56,211,159,.08),transparent 24%),linear-gradient(180deg,#0d121f,var(--admin-sidebar))}.admin-sidebar-brand{position:relative}.admin-sidebar-brand:after,.admin-topbar:after{content:"";position:absolute;inset:auto 0 -1px;height:1px;background:linear-gradient(90deg,var(--admin-accent),var(--admin-blue),transparent 82%);opacity:.45}.admin-brand-mark,.admin-user-avatar,.admin-account-avatar{box-shadow:0 8px 24px #38d39f2e}.admin-sidebar nav a{position:relative;overflow:hidden}.admin-sidebar nav a:hover{background:linear-gradient(90deg,rgba(87,157,255,.08),var(--admin-surface-2))}.admin-sidebar nav a.active{background:linear-gradient(90deg,#38d39f21,#171e2ee0);box-shadow:inset 3px 0 var(--admin-accent),0 8px 24px #00000014}.admin-sidebar nav a.active:after{content:"";position:absolute;right:12px;width:5px;height:5px;border-radius:50%;background:var(--admin-accent);box-shadow:0 0 10px var(--admin-accent)}.admin-topbar{position:sticky;background:#080b14d6}.admin-content>*{animation:admin-page-in .34s ease-out both}.admin-page-header h1{width:fit-content;background:linear-gradient(110deg,var(--admin-text) 30%,#b8f7e2 70%,#b9d8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.admin-primary-button{background:linear-gradient(115deg,var(--admin-accent),#6be3bd 58%,var(--admin-cyan));box-shadow:0 8px 24px #38d39f1f}.admin-primary-button:hover{box-shadow:0 12px 30px #38d39f38}.admin-secondary-button:hover{border-color:color-mix(in srgb,var(--admin-blue) 40%,var(--admin-border));box-shadow:0 8px 24px #579dff14}.admin-card,.admin-stat-grid article,.admin-repeat-card,.admin-add-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.admin-card:hover{border-color:color-mix(in srgb,var(--admin-card-color, var(--admin-blue)) 22%,var(--admin-border))}.admin-stat-grid article{position:relative;overflow:hidden}.admin-stat-grid article:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--stat-color, var(--admin-accent)),transparent 78%)}.admin-stat-grid article:nth-child(2){--stat-color: var(--admin-blue)}.admin-stat-grid article:nth-child(3){--stat-color: var(--admin-purple)}.admin-stat-grid article:nth-child(4){--stat-color: var(--admin-orange)}.admin-stat-grid article:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--stat-color, var(--admin-accent)) 42%,var(--admin-border));box-shadow:0 16px 36px color-mix(in srgb,var(--stat-color, var(--admin-accent)) 10%,transparent)}.admin-stat-icon{box-shadow:0 0 24px color-mix(in srgb,currentColor 10%,transparent)}.admin-bar-track i{background-size:180% 100%;animation:admin-bar-flow 3.2s ease-in-out infinite alternate}.admin-compact-list a,.admin-inbox-list>button,.admin-table tbody tr{transition:background .18s ease,transform .18s ease}.admin-compact-list a:hover,.admin-inbox-list>button:hover,.admin-table tbody tr:hover{background:linear-gradient(90deg,#579dff0b,#9b7cff06)}.admin-compact-list a:hover{transform:translate(3px)}.admin-row-actions button,.admin-icon-button,.admin-repeat-card header button{transition:color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.admin-row-actions button:hover,.admin-icon-button:hover,.admin-repeat-card header button:hover{transform:translateY(-2px);box-shadow:0 7px 18px #579dff1c}.admin-add-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px #38d39f12}.admin-modal-backdrop{animation:admin-fade-in .18s ease-out both}.admin-modal{animation:admin-modal-in .26s ease-out both;box-shadow:0 35px 90px #00000085,0 0 60px #579dff0f}.admin-status.published,.admin-compact-list i.unread,.admin-inbox-list>button.unread>i{box-shadow:0 0 12px #38d39f38}.admin-login-brand{font-size:22px}.admin-kicker{font-size:12px}.admin-login-card h1{font-size:34px}.admin-login-copy{font-size:16px}.admin-main label{font-size:15px}.admin-main label small,.admin-login-note{font-size:12px}.admin-main input,.admin-main select,.admin-main textarea{font-size:16px}.admin-primary-button,.admin-secondary-button,.admin-login-back{font-size:15px}.admin-sidebar-brand strong{font-size:16px}.admin-sidebar-brand small{font-size:12px}.admin-sidebar nav a,.admin-sidebar-footer a,.admin-sidebar-footer button{font-size:15px}.admin-breadcrumb{font-size:14px}.admin-page-context time,.admin-user small{font-size:11px}.admin-user strong{font-size:14px}.admin-page-header h1{font-size:30px}.admin-page-header p{font-size:15px}.admin-stat-grid small{font-size:13px}.admin-stat-grid strong{font-size:30px}.admin-stat-grid a,.admin-stat-caption{font-size:12px}.admin-card-header h2{font-size:17px}.admin-card-header p,.admin-card-header a{font-size:13px}.admin-bar-list>div>div{font-size:14px}.admin-compact-list strong,.admin-activity-list strong{font-size:13px}.admin-compact-list small,.admin-activity-list small{font-size:11px}.admin-empty h3{font-size:16px}.admin-empty p{font-size:13px}.admin-preview-block>span{font-size:12px}.admin-preview-block strong{font-size:16px}.admin-preview-block p,.admin-filter-tabs button,.admin-section-tabs button{font-size:13px}.admin-table th{font-size:12px}.admin-table td{font-size:14px}.admin-category-chip,.admin-status{font-size:12px}.admin-status-stack small{font-size:11px}.admin-modal>header h2{font-size:18px}.admin-repeat-card>header>strong,.admin-add-card strong{font-size:15px}.admin-order,.admin-add-card small{font-size:12px}.admin-inbox-sender strong,.admin-inbox-message strong{font-size:14px}.admin-inbox-sender small,.admin-inbox-message small{font-size:12px}.admin-inbox-list time{font-size:11px}.admin-inquiry-person h3{font-size:18px}.admin-inquiry-person a{font-size:13px}.admin-inquiry-detail dt{font-size:11px}.admin-inquiry-detail dd{font-size:14px}.admin-message-box{font-size:15px}.admin-account-card h2{font-size:22px}.admin-account-card>div>p:last-child{font-size:13px}@keyframes admin-page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes admin-card-in{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes admin-modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes admin-fade-in{0%{opacity:0}to{opacity:1}}@keyframes admin-bar-flow{to{filter:saturate(1.3) brightness(1.12)}}@media(max-width:620px){.admin-stat-grid article:hover,.admin-add-card:hover{transform:none}}@media(prefers-reduced-motion:reduce){.admin-main *,.admin-main *:before,.admin-main *:after{animation:none!important;transition:none!important}}