:root{--bg:#f5f5f7;--panel:rgba(255,255,255,.78);--text:#1d1d1f;--muted:#6e6e73;--line:rgba(0,0,0,.08);--accent:#0071e3;--shadow:0 24px 70px rgba(0,0,0,.10)}*{box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,#fff 0,#f5f5f7 42%,#eef2f8 100%)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.75);font-weight:650;cursor:pointer;backdrop-filter:blur(20px)}.button.primary{background:var(--accent);color:#fff;border-color:transparent;box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 28%,transparent)}.button.full{width:100%}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.16em;color:var(--accent)}.muted,.hint{color:var(--muted)}.logo-orb,.brand span{display:grid;place-items:center;background:linear-gradient(145deg,#111,#48484a);color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.2),0 10px 30px rgba(0,0,0,.18)}.logo-orb{width:78px;height:78px;border-radius:24px;font-size:2rem}.hero{max-width:980px;margin:auto;padding:10vh 28px}.hero h1,.login-visual h1{font-size:clamp(3rem,8vw,7rem);line-height:.92;letter-spacing:-.07em;margin:24px 0}.hero p,.login-visual p{font-size:1.25rem;line-height:1.55;color:var(--muted);max-width:660px}.actions{display:flex;gap:12px;margin:34px 0}.glass-card{display:flex;justify-content:space-between;gap:30px;margin-top:80px;padding:24px;border:1px solid rgba(255,255,255,.7);border-radius:24px;background:var(--panel);backdrop-filter:blur(30px);box-shadow:var(--shadow)}.glass-card div{display:flex;flex-direction:column;gap:6px}.glass-card span{color:var(--muted)}.status{color:#16803c!important}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:rgba(255,255,255,.62);backdrop-filter:blur(30px)}.brand{display:flex;align-items:center;gap:12px}.brand span{width:36px;height:36px;border-radius:11px}.sidebar nav{display:grid;gap:6px;margin-top:44px}.sidebar nav a,.logout{padding:13px 14px;border-radius:12px;color:var(--muted);font-weight:600}.sidebar nav a:hover{background:#fff;color:var(--text)}.logout{margin-top:auto}.content{padding:44px;max-width:1500px;width:100%;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}.page-head h1{font-size:clamp(2.4rem,5vw,4.8rem);letter-spacing:-.055em;margin:8px 0}.page-head p{margin:0;color:var(--muted);font-size:1.08rem}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.stat-card,.panel{background:var(--panel);border:1px solid rgba(255,255,255,.78);backdrop-filter:blur(28px);box-shadow:0 16px 50px rgba(0,0,0,.06);border-radius:24px}.stat-card{padding:24px;display:flex;flex-direction:column;gap:16px}.stat-card span{color:var(--muted)}.stat-card strong{font-size:3rem;letter-spacing:-.05em}.panel{padding:24px}.panel h2{margin-top:0}.grid.two{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(420px,1.4fr);gap:18px}.form-panel{display:grid;gap:14px;align-content:start}.form-panel label,.login-panel label{display:grid;gap:8px;font-weight:650}.form-panel input,.form-panel textarea,.form-panel select,.login-panel input{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.82);outline:none}.form-panel input:focus,.form-panel textarea:focus,.form-panel select:focus,.login-panel input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}.table{display:grid}.row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px 4px;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row div:nth-child(2){display:grid;gap:4px}.row span{color:var(--muted);font-size:.9rem}.dot{width:12px;height:12px;border-radius:999px}.pill{padding:7px 11px;background:#e8f7ed;color:#16723a!important;border-radius:999px;font-weight:700}.row-meta{display:grid;text-align:right}.module-list{display:grid;gap:9px}.module-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.7);cursor:pointer;text-align:left}.module-item:hover{transform:translateY(-1px);background:white}.module-item small{color:var(--muted)}.switch{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.switch input{width:auto!important}.flash{padding:13px 15px;border-radius:13px;margin-bottom:18px;background:#e8f7ed;color:#176c38}.flash.error{background:#fff0f0;color:#b42318}.login-page{display:grid;place-items:center;padding:28px}.login-wrap{width:min(1100px,100%);display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:center}.login-panel{padding:30px;display:grid;gap:16px}.login-panel h2{font-size:2rem;margin:0}.login-panel small{color:var(--muted);text-align:center}.legal-page{background:#fff}.legal-nav,.legal-footer{max-width:1080px;margin:auto;padding:22px 28px;display:flex;justify-content:space-between;align-items:center}.legal-nav nav{display:flex;gap:20px;color:var(--muted)}.legal-wrap{max-width:880px;margin:80px auto;padding:0 28px}.legal-wrap h1{font-size:clamp(3.2rem,8vw,6rem);letter-spacing:-.065em;line-height:.95;margin:18px 0}.lead{font-size:1.25rem;color:var(--muted);line-height:1.6}.legal-meta{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 55px}.legal-meta span{padding:9px 13px;border-radius:999px;background:#f5f5f7;color:var(--muted)}.legal-section{padding:34px 0;border-top:1px solid var(--line)}.legal-section h2{font-size:1.7rem;letter-spacing:-.025em}.prose{line-height:1.75;color:#3a3a3c}.legal-footer{border-top:1px solid var(--line);color:var(--muted)}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;flex-direction:row;align-items:center;overflow:auto}.sidebar nav{display:flex;margin:0 0 0 24px}.logout{margin:0 0 0 auto}.content{padding:24px}.grid.two,.login-wrap{grid-template-columns:1fr}.login-visual{padding-top:30px}.stats{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.legal-wrap{margin-top:40px}}@media(max-width:620px){.sidebar{padding:14px}.sidebar .brand strong{display:none}.sidebar nav a{padding:10px}.content{padding:18px}.hero{padding-top:7vh}.glass-card{margin-top:44px;flex-direction:column}.actions{flex-direction:column}.legal-nav nav{font-size:.9rem}.legal-footer{flex-direction:column;gap:8px;align-items:flex-start}}
.button.danger{color:#b42318;background:#fff0f0}.button-row{display:flex;gap:10px}.honey{position:absolute!important;left:-9999px!important}.contact-page{min-height:100vh;background:radial-gradient(circle at 16% 20%,color-mix(in srgb,var(--accent) 18%,#fff),transparent 35%),#f5f5f7}.contact-stage{max-width:1180px;margin:40px auto 90px;padding:0 28px;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.contact-visual h1{font-size:clamp(3.5rem,7vw,6.8rem);line-height:.9;letter-spacing:-.075em;margin:20px 0}.contact-visual h1 em{font-style:normal;color:var(--accent)}.contact-visual>p{font-size:1.2rem;color:var(--muted);line-height:1.6;max-width:580px}.message-orbit{position:relative;width:min(520px,90vw);aspect-ratio:1;margin:20px 0 -90px;display:grid;place-items:center}.orbit-core{position:relative;z-index:3;width:96px;height:96px;border-radius:31px;display:grid;place-items:center;font-size:2.2rem;color:white;background:linear-gradient(145deg,var(--accent),#17171a);box-shadow:0 28px 70px color-mix(in srgb,var(--accent) 35%,transparent);animation:coreFloat 4s ease-in-out infinite}.orbit-ring{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:50%}.ring-a{width:54%;height:54%;animation:spin 18s linear infinite}.ring-b{width:83%;height:83%;animation:spin 28s linear infinite reverse}.message-chip{position:absolute;z-index:2;padding:11px 15px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.9);box-shadow:0 18px 45px rgba(0,0,0,.10);backdrop-filter:blur(24px);font-weight:700;animation:chipFloat 5s ease-in-out infinite}.chip-a{top:17%;left:11%}.chip-b{right:7%;top:29%;animation-delay:-1s}.chip-c{left:12%;bottom:19%;animation-delay:-2s}.chip-d{right:17%;bottom:8%;animation-delay:-3s}.contact-card{padding:32px;border-radius:32px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.96);box-shadow:0 30px 90px rgba(0,0,0,.12);backdrop-filter:blur(35px)}.form-heading h2,.success-scene h2{font-size:2.5rem;letter-spacing:-.04em;margin:8px 0}.form-heading p{color:var(--muted)}.contact-form{display:grid;gap:17px}.contact-form label{display:grid;gap:8px;font-weight:650}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:rgba(248,248,250,.92);outline:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}.form-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-form label small{text-align:right;color:var(--muted);font-weight:500}.consent{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;font-weight:500!important;color:var(--muted);font-size:.92rem}.consent input{width:auto;margin-top:3px}.consent a{color:var(--accent)}.contact-form .button{justify-content:space-between;padding-inline:20px}.privacy-hint{text-align:center;color:var(--muted);font-size:.82rem;margin:0}.success-scene{text-align:center;padding:25px 8px}.success-mark{width:96px;height:96px;margin:0 auto 28px;border-radius:50%;display:grid;place-items:center;font-size:2.7rem;color:#fff;background:#21a453;box-shadow:0 20px 50px rgba(33,164,83,.28);animation:successPop .7s cubic-bezier(.2,1.5,.4,1)}.reference-box{display:grid;gap:6px;padding:18px;margin:25px 0;border-radius:18px;background:#f5f5f7}.reference-box span{color:var(--muted);font-size:.86rem}.reference-box strong{font-size:1.2rem;letter-spacing:.05em}.inbox-layout{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(460px,1.28fr);gap:18px}.inbox-list{padding:10px;align-self:start}.inbox-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:15px;border-radius:15px}.inbox-item:hover,.inbox-item.active{background:#fff}.inbox-item div{display:grid;gap:4px}.inbox-item span,.inbox-item time{font-size:.86rem;color:var(--muted)}.status-dot{width:9px;height:9px;border-radius:50%;background:#aaa}.status-new{background:#ff3b30;box-shadow:0 0 0 4px #ff3b3018}.status-open{background:#ff9f0a}.status-answered{background:#34c759}.status-closed{background:#8e8e93}.message-detail{min-height:570px}.message-head{display:flex;justify-content:space-between;gap:20px}.message-head h2{font-size:2rem;margin:8px 0}.message-head p{color:var(--muted)}.message-body{font-size:1.06rem;line-height:1.75;padding:28px 0;border-block:1px solid var(--line)}.message-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.85rem;padding:13px 0 25px}.note-form{padding:0}.empty-state{min-height:180px;display:grid;place-items:center;align-content:center;text-align:center;gap:8px;color:var(--muted)}.empty-state strong{color:var(--text)}.empty-state.large{min-height:500px}.mail-symbol{width:70px;height:70px;border-radius:22px;display:grid;place-items:center;background:#f2f2f7;font-size:1.8rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes chipFloat{50%{transform:translateY(-12px) rotate(1deg)}}@keyframes coreFloat{50%{transform:translateY(-10px) scale(1.03)}}@keyframes successPop{from{transform:scale(.2) rotate(-15deg);opacity:0}}@media(max-width:900px){.contact-stage,.inbox-layout{grid-template-columns:1fr}.message-orbit{margin-bottom:-40px}.contact-visual{text-align:center}.contact-visual>p{margin-inline:auto}.message-detail{min-height:400px}}@media(max-width:620px){.contact-stage{padding:0 18px;margin-top:20px;gap:30px}.contact-card{padding:21px;border-radius:24px}.form-split{grid-template-columns:1fr}.message-orbit{transform:scale(.82);margin-left:-8%;margin-top:-25px;margin-bottom:-75px}.contact-visual h1{font-size:3.8rem}.message-meta{flex-direction:column;gap:6px}.button-row{flex-direction:column}}@media(prefers-reduced-motion:reduce){.orbit-core,.orbit-ring,.message-chip,.success-mark{animation:none!important}}
.form-divider{height:1px;background:var(--line);margin:8px 0}.form-panel h3{margin:4px 0 0}.form-panel small.hint{font-weight:400;line-height:1.4}