@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{--bg:#070b14;--panel:#0c1220;--text:#f0f3fc;--muted:#939caf;--faint:#606a80;--line:rgba(177,198,240,.13);--blue:#5da9ff;--violet:#9476ff;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.ambient{position:absolute;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(100px);opacity:.14}.ambient-a{width:540px;height:460px;right:2%;top:50px;background:#2950ad}.ambient-b{width:450px;height:600px;left:-15%;top:1800px;background:#30247b}.topbar{height:78px;max-width:1400px;padding:0 6.4%;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;letter-spacing:.01em;white-space:nowrap}.brand-mark{font-family:var(--display);font-size:18px;font-weight:800;font-style:italic;letter-spacing:-2px;color:#dbe5ff}.brand-mark span{color:var(--blue)}.nav-links{display:flex;gap:32px;height:100%;align-items:center}.nav-links a{font-size:12px;color:#a8b0c2;transition:color .2s;position:relative}.nav-links a:hover,.nav-links a.active{color:white}.nav-links a.active:after{position:absolute;content:'';bottom:-30px;left:0;right:0;height:2px;background:var(--blue)}.nav-actions{display:flex;align-items:center;gap:16px}.icon-btn,.menu-toggle{background:none;color:#c5d0e7;border:1px solid var(--line);width:34px;height:34px;border-radius:50%;cursor:pointer}.nav-account{font-size:12px;color:#c3d8ff}.nav-account span{color:var(--blue);padding-left:3px}.menu-toggle{display:none;border:0;font-size:19px}.section-wrap{max-width:1400px;padding-left:8%;padding-right:8%;margin-left:auto;margin-right:auto}.hero{min-height:660px;position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:4%;padding-top:54px;padding-bottom:72px}.hero-copy{padding-bottom:28px;max-width:570px}.eyebrow{font:10px var(--mono);letter-spacing:.11em;color:#a2b4d7;display:flex;align-items:center;gap:9px}.status-dot,.badge-dot{height:7px;width:7px;background:#83e8bd;border-radius:50%;display:inline-block;box-shadow:0 0 12px #83e8bd88}.eyebrow-line{width:28px;height:1px;background:#44536e;margin-left:5px}.hero h1,.section-heading h2,.about-heading h2,.services-section h2,.contact-copy h2,.auth-intro h2{font:700 clamp(43px,5.3vw,72px)/1.1 var(--display);letter-spacing:-.06em;margin:29px 0 22px}.hero h1 .soft-white{color:#cbd5e8}.hero h1 .blue-dot{color:var(--blue)}.hero-intro{max-width:438px;font-size:14px;line-height:1.9;color:#a5aec0}.hero-intro strong{color:#f4f5fc}.hero-buttons{display:flex;gap:12px;margin-top:28px}.button{min-height:45px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:0}.button span{font-size:15px}.button-primary{color:white;background:linear-gradient(105deg,#167ee8,#725bff);box-shadow:0 7px 26px #315dba39}.button-primary:hover{filter:brightness(1.13)}.button-quiet{border:1px solid #485979;color:#e2e9fa}.hero-meta{margin-top:47px;display:flex;align-items:center;gap:24px}.hero-meta div{display:flex;flex-direction:column}.hero-meta strong{font:600 17px var(--display);color:#dce7ff}.hero-meta span{font-size:10px;color:var(--muted);margin-top:1px}.hero-meta i{height:33px;width:1px;background:var(--line)}.hero-visual{height:485px;position:relative;max-width:500px;width:100%;justify-self:end}.photo-frame{position:absolute;inset:23px 30px 31px 18px;background:#10192b;border:1px solid #2a4265;border-radius:9px;overflow:hidden;box-shadow:0 30px 90px #0007}.photo-backdrop{position:absolute;inset:0;background:linear-gradient(140deg,#142541,#223d53 48%,#25223f)}.portrait{position:absolute;right:-7%;bottom:-12%;height:96%;width:104%;object-fit:cover;object-position:50% 39%;mask-image:linear-gradient(to bottom,black 0%,black 70%,transparent 99%);filter:saturate(.84)}.photo-shade{position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(6,10,19,.88))}.photo-index{position:absolute;top:19px;left:19px;font:9px var(--mono);letter-spacing:.08em;color:#d7e1f2}.photo-caption{position:absolute;bottom:23px;left:25px;display:flex;flex-direction:column}.caption-kicker{font:9px var(--mono);letter-spacing:.1em;color:#88bcff;margin-bottom:8px}.photo-caption strong{font:700 26px/1.15 var(--display);letter-spacing:-.04em}.photo-badge{position:absolute;right:17px;bottom:25px;border:1px solid #5b6c8180;border-radius:20px;padding:7px 10px;font-size:9px;background:#09101ec9;display:flex;align-items:center;gap:7px}.badge-dot{height:6px;width:6px}.orbit-word{position:absolute;font:9px var(--mono);letter-spacing:.13em;color:#9eafd0}.orbit-word span{color:var(--blue)}.orbit-top{top:2px;right:25px}.orbit-bottom{bottom:8px;left:20px;font-size:8px}.hero:after{content:'';position:absolute;height:1px;bottom:0;left:8%;right:8%;background:var(--line)}.hero-bottom{position:absolute;bottom:20px;left:8%;right:8%;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.08em;color:#637089}.scroll-cue{color:#93a1b9}.scroll-cue b{font-size:13px;color:var(--blue);padding-left:9px}.intro-strip{max-width:1150px;margin:0 auto;padding:91px 8% 69px;display:flex;justify-content:space-between;align-items:flex-end}.intro-strip p{font:500 clamp(23px,3.1vw,39px)/1.45 var(--display);letter-spacing:-.04em;color:#aebbd1;margin:0}.intro-strip em{font-style:normal;color:#f0f3fc}.intro-strip p span{color:#75b8ff}.strip-number{font:9px var(--mono);letter-spacing:.08em;color:#7887a3;padding-bottom:8px;white-space:nowrap}.mobile-break{display:none}.content-section{padding-top:48px;padding-bottom:116px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:36px}.section-heading h2,.about-heading h2,.services-section h2,.contact-copy h2,.auth-intro h2{font-size:clamp(36px,4vw,52px);margin:17px 0 0}.section-heading h2 span,.about-heading h2 span,.services-section h2 span,.contact-copy h2 span,.auth-intro h2 span{color:#8997b2}.section-heading>p{max-width:290px;font-size:12px;line-height:1.85;color:var(--muted);margin:0 3px 5px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.project-card{min-width:0}.project-art{height:265px;border:1px solid #202c41;border-radius:7px;overflow:hidden;position:relative;background:#0d1728}.project-large .project-art{height:335px}.dash-window{position:absolute;inset:13% 8% 12%;border:1px solid #32405a;border-radius:6px;background:#0b1321;box-shadow:0 12px 38px #0005;overflow:hidden}.dash-top{height:27px;border-bottom:1px solid #1e2a40;display:flex;align-items:center;gap:4px;padding:0 9px}.dash-top i{width:5px;height:5px;border-radius:50%;background:#55677f}.dash-top span{font:7px var(--mono);color:#8492ab;padding-left:10px}.dash-body{display:flex;height:calc(100% - 27px)}.dash-sidebar{width:17%;border-right:1px solid #1e2a40;background:#0d1828}.dash-content{padding:18px 18px 10px;flex:1}.dash-stat{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#99a7be}.dash-stat strong{font:14px var(--display);color:#f3f6ff}.dash-stat small{font:8px var(--mono);color:#72dfb1}.chart{height:65%;margin-top:12px;border-bottom:1px solid #31405a;background:repeating-linear-gradient(to bottom,transparent 0,transparent 25%,#26334955 26%,transparent 27%)}.chart svg{width:100%;height:100%}.project-info{min-height:91px;display:flex;align-items:center;justify-content:space-between;padding:14px 2px}.project-type{font:8px var(--mono);color:#8190ab;letter-spacing:.08em}.project-info h3{font:600 16px var(--display);margin:3px 0}.project-info p{font-size:10px;color:var(--muted);margin:0}.round-arrow{width:31px;height:31px;border:1px solid #35445e;border-radius:50%;display:grid;place-items:center;color:#a9caff;font-size:15px;flex-shrink:0;margin-left:12px}.round-arrow:hover{background:#25416b}.art-travel{background:linear-gradient(160deg,#172b3b 5%,#3a6175 55%,#b17b58);padding:22px}.art-travel>span{font:8px var(--mono);letter-spacing:.11em;color:#d1e2db}.art-travel strong{position:absolute;top:45px;left:22px;font:600 27px/1.15 var(--display);letter-spacing:-.05em;color:#f7ede0}.mountain{position:absolute;width:110%;height:54%;bottom:-3%;right:-3%;background:linear-gradient(135deg,#293e51,#182b3c);clip-path:polygon(0 100%,18% 43%,28% 62%,44% 8%,58% 48%,73% 20%,100% 78%,100% 100%)}.art-weather{background:radial-gradient(ellipse at 65% 30%,#407aa4,#18334c 48%,#111e31);padding:22px}.art-weather>span{position:absolute;top:20px;left:22px;font:8px var(--mono);letter-spacing:.1em;color:#b0c9df}.weather-cloud{position:absolute;right:24%;top:18px;color:#ffd48b;font-size:53px}.art-weather>strong{position:absolute;left:23px;top:72px;font:500 55px var(--display);letter-spacing:-.07em}.art-weather>strong small{display:block;font:12px var(--font);letter-spacing:0;color:#c5d5df}.weather-line{position:absolute;bottom:18px;left:22px;font:8px var(--mono);color:#a4cce9}.art-game{display:grid;place-items:center;background:radial-gradient(ellipse at center,#182641,#0a101d 70%)}.game-label{position:absolute;top:19px;left:21px;font:9px var(--mono);letter-spacing:.12em;color:#8498bc}.game-board{display:grid;grid-template-columns:repeat(3,42px);gap:5px}.game-board i{font:20px var(--display);font-style:normal;color:#73adff;border:1px solid #354c70;width:42px;height:42px;border-radius:4px;display:grid;place-items:center}.game-board i:nth-child(2n){color:#b798ff}.about-section{padding-top:83px;padding-bottom:94px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:13%;align-items:center}.about-heading h2{margin-bottom:19px}.about-heading>p{max-width:400px;font-size:12px;line-height:1.95;color:var(--muted)}.text-link{display:inline-flex;gap:18px;color:#b4d1ff;font-size:11px;margin-top:12px}.text-link span{color:var(--blue)}.about-facts{position:relative;padding:10px 30px 10px 0}.fact{padding:16px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px}.fact span{font:8px var(--mono);letter-spacing:.1em;color:#7e8ba4}.fact strong{font:500 11px var(--font);color:#d5def0}.fact strong b{color:var(--blue);padding-left:7px}.fact .status-dot{height:6px;width:6px;margin-right:6px}.hand-note{position:absolute;right:-8px;bottom:-63px;font:italic 21px/1.16 var(--display);color:#93a9d1;transform:rotate(-8deg)}.hand-note span{color:var(--blue);font-style:normal}.skills-section{padding-top:108px;padding-bottom:113px}.skills-section .section-heading{margin-bottom:30px}.skills-list{border-top:1px solid var(--line)}.skill-row{height:62px;display:grid;grid-template-columns:36px 1.1fr 1.4fr 100px;align-items:center;gap:16px;border-bottom:1px solid var(--line)}.skill-row>span{font:9px var(--mono);color:#687793}.skill-row>strong{font:500 12px var(--display)}.skill-track{height:3px;background:#1d2738;border-radius:2px}.skill-track i{display:block;width:var(--level);height:100%;background:linear-gradient(90deg,#378ee9,#9173fa);border-radius:2px}.skill-row small{font:9px var(--mono);color:#8b99b2;text-align:right}.services-section{padding-top:80px;padding-bottom:95px;border-top:1px solid var(--line)}.services-section h2{margin-bottom:35px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-grid article{min-height:210px;padding:21px 22px 20px 0;position:relative}.service-grid article+article{padding-left:22px;border-left:1px solid var(--line)}.service-no{font:9px var(--mono);color:#7b89a2}.service-icon{position:absolute;right:19px;top:18px;width:30px;height:30px;border-radius:50%;border:1px solid #2d3b54;color:#91bfff;display:grid;place-items:center}.service-grid h3{font:600 15px var(--display);margin:46px 0 6px}.service-grid p{max-width:245px;font-size:10px;color:var(--muted);line-height:1.8;margin:0}.contact-section{padding-top:80px;padding-bottom:100px;display:grid;grid-template-columns:1fr 1fr;gap:13%;border-top:1px solid var(--line)}.contact-copy h2{margin:17px 0}.contact-copy>p{font-size:12px;color:var(--muted);max-width:365px;line-height:1.9;margin-bottom:25px}.contact-form{padding-top:8px}.contact-form label,.field label{display:block;font-size:10px;color:#adb9ce;margin-bottom:15px}.contact-form input,.contact-form textarea,.field input{display:block;width:100%;margin-top:7px;border:1px solid #26344d;background:#0b111d;border-radius:5px;color:#ecf1fa;padding:11px 12px;outline:none;font-size:11px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus,.field input:focus{border-color:#548fdb}.contact-form input::placeholder,.contact-form textarea::placeholder,.field input::placeholder{color:#59677e}.contact-form .button{min-width:145px}.form-message{font-size:10px;color:#9bdabb;min-height:16px;margin:9px 0 0}.form-message.error{color:#ff9d9d}.auth-panel{border-top:1px solid var(--line);padding-top:78px;padding-bottom:87px;display:grid;grid-template-columns:1fr .8fr;gap:16%;align-items:center}.auth-intro h2{margin:18px 0}.auth-intro>p{font-size:12px;line-height:1.9;color:var(--muted);max-width:350px}.auth-note{font:9px var(--mono);color:#8392ac;margin-top:26px}.auth-card{border:1px solid #293751;background:#0b111d;border-radius:8px;padding:24px}.auth-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:21px}.auth-tab{background:none;border:0;color:#7e8aa0;padding:0 0 11px;cursor:pointer;font-size:11px}.auth-tab.selected{color:#e8effd;border-bottom:2px solid var(--blue)}.field label{margin-bottom:14px}.field input{height:40px}.password-hint{float:right;color:#68758c;font-size:9px}.auth-submit{width:100%;margin-top:4px}.hidden{display:none!important}.footer{min-height:80px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.footer>span{font:9px var(--mono);color:#7b879c}.theme-light{--bg:#f2f5fb;--panel:#fff;--text:#101b2c;--muted:#53647c;--faint:#7b8ba2;--line:rgba(48,70,106,.18)}.theme-light .hero-intro strong,.theme-light .section-heading h2 span,.theme-light .project-info h3{color:#162338}.theme-light .auth-card,.theme-light .contact-form input,.theme-light .contact-form textarea,.theme-light .field input{background:#fff}.theme-light .auth-tab.selected{color:#182842}.theme-light .contact-form label,.theme-light .field label{color:#455773}
@media(min-width:1300px){.hero{min-height:720px}.hero-visual{height:535px}.project-art{height:300px}.project-large .project-art{height:370px}}
@media(max-width:900px){.topbar{padding:0 5%}.nav-links{gap:18px}.nav-links a{font-size:11px}.section-wrap{padding-left:7%;padding-right:7%}.hero{gap:2%;grid-template-columns:1fr .85fr;min-height:600px}.hero-visual{height:420px}.hero h1{font-size:clamp(40px,6.1vw,58px)}.photo-frame{inset:27px 13px 34px 4px}.project-art{height:225px}.project-large .project-art{height:285px}.about-section{gap:7%}.auth-panel{gap:8%}}
@media(max-width:650px){html{scroll-padding-top:65px}.topbar{height:64px;padding:0 5%}.brand{font-size:12px}.nav-actions{gap:10px}.nav-account{font-size:11px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:63px;left:0;right:0;height:auto;padding:16px 6%;background:#0b111e;border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:0}.nav-links.open{display:grid}.nav-links a{padding:12px 5px}.nav-links a.active:after{bottom:4px;right:auto;width:20px}.section-wrap{padding-left:6%;padding-right:6%}.hero{padding-top:47px;padding-bottom:50px;grid-template-columns:1fr;gap:30px;min-height:0}.hero-copy{padding:0}.hero h1{font-size:clamp(43px,11vw,63px);margin:22px 0 17px}.hero-intro{font-size:13px;max-width:450px}.hero-meta{margin-top:29px}.hero-visual{height:390px;width:min(100%,430px);justify-self:center}.photo-frame{inset:18px 14px 30px 14px}.portrait{width:108%;height:104%;right:-4%;object-position:50% 36%}.orbit-top{right:12px}.orbit-bottom{left:14px}.hero:after{left:6%;right:6%}.hero-bottom{left:6%;right:6%;bottom:16px;font-size:7px}.hero-bottom>span:last-child{display:none}.intro-strip{padding:66px 6% 52px;display:block}.intro-strip p{font-size:28px}.strip-number{display:block;margin-top:16px}.mobile-break{display:block}.content-section{padding-top:28px;padding-bottom:76px}.section-heading{align-items:flex-start;flex-direction:column;gap:15px}.section-heading h2,.about-heading h2,.services-section h2,.contact-copy h2,.auth-intro h2{font-size:42px}.section-heading>p{max-width:370px}.project-grid{grid-template-columns:1fr;gap:4px}.project-large .project-art,.project-art{height:260px}.project-info{min-height:82px}.about-section{grid-template-columns:1fr;gap:43px;padding-top:65px;padding-bottom:73px}.about-facts{padding-right:25px}.hand-note{right:0;bottom:-58px;font-size:18px}.skills-section{padding-top:76px;padding-bottom:80px}.skill-row{grid-template-columns:25px 1fr 1fr 72px;gap:9px;height:58px}.skill-row>strong{font-size:10px}.skill-row small{font-size:8px}.services-section{padding-top:66px;padding-bottom:72px}.service-grid{grid-template-columns:1fr}.service-grid article,.service-grid article+article{min-height:150px;padding:18px 10px 18px 0;border-left:0}.service-grid article+article{border-top:1px solid var(--line)}.service-grid h3{margin:26px 0 5px}.service-icon{right:10px;top:20px}.contact-section{padding-top:67px;padding-bottom:75px;grid-template-columns:1fr;gap:31px}.auth-panel{padding-top:66px;padding-bottom:70px;grid-template-columns:1fr;gap:29px}.auth-card{padding:20px}.footer{padding-top:17px;padding-bottom:17px;flex-wrap:wrap;min-height:unset}.footer>span:nth-child(2){order:3;flex-basis:100%}.footer>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.photo-index{background:#09101ec9;border:1px solid #7288a333;border-radius:16px;padding:5px 9px;top:20px;left:18px}.rtl .photo-index{left:auto;right:18px}
.photo-backdrop{display:none}.photo-frame .portrait{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;width:100%;height:100%;min-height:100%;object-fit:cover;object-position:center 35%}.photo-shade{z-index:2}.photo-index,.photo-caption,.photo-badge{z-index:3}
.brand-logo{width:82px;height:43px;object-fit:cover;object-position:center;background:#fff;border-radius:4px}.project-image{height:auto;aspect-ratio:2.1;padding:0;background:#080d16}.project-image img{object-fit:contain}.project-large .project-image{height:auto}
@media(max-width:650px){.brand-logo{width:68px;height:36px}.project-image,.project-large .project-image{height:auto;aspect-ratio:2.1}}
.project-image,.project-large .project-image{width:100%;height:260px;aspect-ratio:auto;display:grid;place-items:center;padding:9px}.project-image img{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}.project-large .project-image{height:260px}
@media(max-width:900px){.project-image,.project-large .project-image{height:230px}}
@media(max-width:650px){.project-image,.project-large .project-image{height:220px}}
.brand-logo{width:86px;height:45px;object-fit:contain;background:transparent;border-radius:0}.language-toggle{appearance:none;-webkit-appearance:none;background-color:var(--bg)!important;color:#d4e2fa!important;border-color:var(--line);box-shadow:none}.language-toggle:hover,.language-toggle:focus-visible{background-color:#111a2a!important;border-color:var(--blue);color:#fff!important}.nav-links a:after{transform:scaleX(0);transform-origin:center;transition:transform .24s ease}.nav-links a.active:after,.nav-links a:hover:after,.nav-links a:focus-visible:after{transform:scaleX(1)}
@media(max-width:650px){.brand-logo{width:72px;height:38px}}
.brand-logo{object-fit:cover;object-position:center 50%;background:transparent;border-radius:0;filter:none}
.theme-light .project-art,.theme-light .project-image{background:#e8edf4;border-color:#ccd6e4;box-shadow:0 8px 24px rgba(34,48,73,.06)}
.field input{color:var(--text)}
.theme-light .field input{color:#17243a;background:#fff;border-color:#cbd6e4;caret-color:#17243a}
.theme-light .field input::placeholder{color:#718098}
.theme-light .auth-card{color:#17243a;border-color:#d2dbe7;box-shadow:0 16px 42px rgba(28,47,78,.08)}
.theme-light .button-quiet{color:#243b58;border-color:#bdcadb;background:transparent}
.dashboard-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.account-welcome{font:650 23px/1.25 var(--display);letter-spacing:-.035em;margin:9px 0 3px;color:var(--text)}
.account-email{font-size:11px;color:var(--muted);margin:0;overflow-wrap:anywhere}
.role-badge{display:inline-flex;align-items:center;border:1px solid #4c80c955;border-radius:20px;padding:5px 10px;background:#24528b22;color:#91c2ff;font-size:10px;font-weight:600;white-space:nowrap}
.password-protected{font-size:10px;line-height:1.6;color:var(--muted);margin:17px 0 20px}
.dashboard-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}
.dashboard-stats article{min-height:73px;padding:12px 14px;border:1px solid var(--line);border-radius:7px;background:var(--panel);display:flex;flex-direction:column;justify-content:space-between}
.dashboard-stats article span{font-size:10px;color:var(--muted)}
.dashboard-stats article strong{font:650 22px/1 var(--display);color:var(--text)}
.dashboard-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.dashboard-list{min-width:0;border:1px solid var(--line);border-radius:7px;background:var(--panel);overflow:hidden}
.dashboard-list>header{padding:11px 12px;border-bottom:1px solid var(--line)}
.dashboard-list h4,.member-dashboard h4{font:600 12px var(--display);margin:0;color:var(--text)}
.admin-results{max-height:370px;overflow:auto;padding:0 11px;scrollbar-color:#63738b transparent;scrollbar-width:thin}
.admin-item{padding:12px 1px;border-bottom:1px solid var(--line);min-width:0}
.admin-item:last-child{border-bottom:0}
.admin-item-heading{display:flex;flex-direction:column;gap:2px;min-width:0}
.admin-item-heading strong{font:600 11px var(--display);color:var(--text)}
.admin-item-heading>span{font-size:9px;color:var(--muted);overflow-wrap:anywhere}
.admin-item-meta{display:flex;flex-direction:column;gap:3px;margin-top:8px;font-size:8px;color:var(--muted);overflow-wrap:anywhere}
.admin-item>p{font-size:10px;line-height:1.6;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 2px}
.role-control{display:grid;grid-template-columns:auto minmax(90px,1fr);align-items:center;gap:7px;margin-top:9px;font-size:9px;color:var(--muted)}
.role-control select{min-height:30px;border:1px solid var(--line);border-radius:5px;background:var(--bg);color:var(--text);padding:4px 7px;font:inherit}
.role-control small{grid-column:1/-1;color:#ff9d9d;overflow-wrap:anywhere}
.member-dashboard{border:1px solid var(--line);border-radius:7px;background:var(--panel);padding:16px}
.dashboard-kicker{font:9px var(--mono);letter-spacing:.08em;color:var(--blue);margin-bottom:8px}
.member-dashboard h4{font-size:15px;margin-bottom:11px}
.member-data{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.member-data>div{padding:9px 10px;border:1px solid var(--line);border-radius:5px;min-width:0}
.member-data dt{font:8px var(--mono);color:var(--muted);margin-bottom:3px}
.member-data dd{font-size:10px;color:var(--text);margin:0;overflow-wrap:anywhere}
.theme-light .role-badge{background:#e9f2ff;color:#245b9e;border-color:#c6dafa}
.theme-light .dashboard-stats article,.theme-light .dashboard-list,.theme-light .member-dashboard{background:#fff;border-color:#d7e0ea}
.theme-light .dashboard-list>header,.theme-light .admin-item{border-color:#e4eaf1}
.theme-light .role-control select{background:#fff;color:#17243a;border-color:#cbd6e4}
@media(max-width:900px){.dashboard-lists{grid-template-columns:1fr}.admin-results{max-height:300px}}
@media(max-width:650px){.dashboard-heading{gap:8px}.role-badge{font-size:9px;padding:4px 8px}.dashboard-stats{gap:7px}.dashboard-stats article{padding:10px}.dashboard-lists{grid-template-columns:1fr}.member-data{grid-template-columns:1fr}}
.button-quiet{background:transparent}
.dashboard-body{min-height:100vh;background:var(--bg)}
.dashboard-topbar{min-height:76px;max-width:1400px;padding:0 6%;margin:0 auto;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}
.dashboard-topbar .brand-logo{width:86px;height:45px}
.dashboard-actions{display:flex;align-items:center;gap:12px}
.dashboard-back{font-size:11px;color:var(--muted);margin-inline-end:8px}
.dashboard-back:hover{color:var(--text)}
.dashboard-actions .language-toggle{min-height:34px;padding:0 9px;border:1px solid var(--line);border-radius:6px;color:var(--text);background:var(--panel);cursor:pointer;font-size:11px}
.dashboard-logout{min-height:34px;padding:0 12px;gap:6px;font-size:10px}
.dashboard-shell{max-width:1200px;margin:0 auto;padding:65px 6% 100px}
.dashboard-status{padding:18px 0;color:var(--muted);font-size:13px}
.dashboard-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}
.dashboard-page-heading h1{font:700 clamp(34px,5vw,54px)/1.1 var(--display);letter-spacing:-.05em;margin:14px 0 9px;color:var(--text)}
.dashboard-page-heading>div>p,.dashboard-list-heading p{font-size:12px;color:var(--muted);margin:0;line-height:1.7}
.dashboard-page-heading .role-badge{margin-bottom:6px}
.dashboard-stats{margin-bottom:18px}
.dashboard-stats article{min-height:90px;padding:17px 19px}
.dashboard-stats article strong{font-size:28px}
.dashboard-owner-list,.dashboard-messages-list{margin-top:18px}
.dashboard-list-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}
.dashboard-list-heading h2,.dashboard-messages-list h2{font:650 18px var(--display);color:var(--text);margin:0 0 4px}
.dashboard-search{display:grid;grid-template-columns:auto minmax(180px,280px);align-items:center;gap:10px;color:var(--muted);font-size:10px}
.dashboard-search input{height:38px;border:1px solid #334158;border-radius:6px;background:#0b111d;color:#f0f3fc;padding:0 11px;font:11px var(--font);outline:none}
.dashboard-search input:focus{border-color:#548fdb}
.dashboard-search input::placeholder{color:#78869c}
.search-count{margin:12px 14px 2px;color:var(--muted);font-size:9px}
.dashboard-account-list{padding:0 14px 8px}
.dashboard-account-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 2px;border-bottom:1px solid var(--line)}
.dashboard-account-row:last-child{border-bottom:0}
.account-row-main{display:flex;flex-direction:column;gap:3px;min-width:0}
.account-row-main strong{font:600 13px var(--display);color:var(--text)}
.account-row-main>span{font-size:11px;color:var(--muted);overflow-wrap:anywhere}
.account-row-main small{font-size:9px;color:var(--faint);overflow-wrap:anywhere}
.dashboard-account-row .role-control{min-width:160px;max-width:200px;margin:0;grid-template-columns:auto minmax(90px,1fr)}
.role-control select:disabled{opacity:.8;cursor:not-allowed}
.dashboard-message-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}
.dashboard-message{min-width:0;padding:15px;border:1px solid var(--line);border-radius:6px;background:var(--bg)}
.dashboard-message-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.dashboard-message-top strong{font:600 12px var(--display);color:var(--text)}
.dashboard-message-top span{font:8px var(--mono);color:var(--blue);text-transform:uppercase}
.dashboard-message>a{display:inline-block;margin-top:4px;font-size:10px;color:var(--blue);overflow-wrap:anywhere}
.dashboard-message>p{margin:12px 0;font-size:11px;line-height:1.7;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}
.dashboard-message time{font:8px var(--mono);color:var(--muted)}
.empty-state{padding:16px 3px;color:var(--muted);font-size:11px}
.dashboard-member{max-width:760px;padding:26px}
.dashboard-member h2{font:650 25px var(--display);color:var(--text);margin:0 0 5px}
.dashboard-member>p:not(.password-protected){font-size:11px;color:var(--muted);margin:0 0 22px}
.dashboard-member .member-data{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.theme-light .dashboard-search input{color:#17243a;background:#fff;border-color:#cbd6e4;caret-color:#17243a}
.theme-light .dashboard-search input::placeholder{color:#718098}
.theme-light .dashboard-message{background:#f9fbfe;border-color:#dce4ed}
.theme-light .dashboard-account-row{border-color:#e4eaf1}
.theme-light .dashboard-topbar .brand{color:#162338}
.theme-light .dashboard-logout{color:#243b58;background:transparent;border-color:#bdcadb}
.theme-light .language-toggle,.theme-light .dashboard-actions .language-toggle{color:#15243a!important;background-color:#e7edf5!important;border-color:#aebdd0}
.theme-light .language-toggle:hover,.theme-light .dashboard-actions .language-toggle:hover{color:#111e31!important;background-color:#dce5f0!important}
.theme-light .nav-links a{color:#52647e}
.theme-light .nav-links a:hover,.theme-light .nav-links a.active{color:#17243a}
.theme-light .nav-account,.theme-light .icon-btn{color:#334b6a}
.forgot-password,.reset-flow .text-link{border:0;background:none;color:var(--blue);padding:4px 0;cursor:pointer;font-size:11px}
.reset-flow{margin-top:8px}.reset-send{margin-bottom:8px}.reset-flow .field{margin-bottom:12px}.reset-flow .button{min-height:38px}.reset-flow .form-message{overflow-wrap:anywhere}
.email-update-form{padding:14px;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px}.email-update-form label{font-size:10px;color:var(--muted)}.email-update-form input{display:block;width:100%;height:38px;margin-top:5px;padding:8px 10px;border:1px solid var(--line);border-radius:5px;background:var(--bg);color:var(--text);font:11px var(--font)}.email-update-form .button{min-height:38px}.account-settings{margin-bottom:14px}.account-settings>header h2{font:650 16px var(--display);margin:0;color:var(--text)}.account-settings>header p{font-size:11px;color:var(--muted);margin:3px 0 0}.email-update-form .form-message{grid-column:1/-1;margin:0}
.account-row-actions{display:flex;align-items:center;gap:12px}.account-details-button{min-height:32px;padding:0 10px;font-size:10px}.account-details{grid-column:1/-1;flex:1 0 100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;border-radius:6px;background:rgba(74,123,191,.08);color:var(--muted);font-size:10px;overflow-wrap:anywhere}.account-details strong{grid-column:1/-1;color:var(--text);font-size:12px}.account-details.hidden{display:none}.theme-light .email-update-form input{background:#fff;color:#17243a;border-color:#cbd6e4}.theme-light .account-details{background:#f5f8fc;color:#435671}
@media(max-width:700px){.email-update-form{grid-template-columns:1fr}.email-update-form .form-message{grid-column:auto}.account-row-actions{width:100%;align-items:flex-start;flex-direction:column}.account-details{grid-template-columns:1fr}}
@media(max-width:700px){.dashboard-topbar{padding:0 5%;min-height:66px;gap:8px}.dashboard-topbar .brand{gap:7px;font-size:11px}.dashboard-topbar .brand-logo{width:70px;height:38px}.dashboard-actions{gap:7px}.dashboard-back{font-size:0;margin:0}.dashboard-back span{font-size:10px}.dashboard-actions .language-toggle{font-size:10px;padding:0 7px}.dashboard-logout{font-size:0;width:35px;padding:0}.dashboard-logout:before{content:'↗';font-size:14px}.dashboard-shell{padding:42px 5% 70px}.dashboard-page-heading{align-items:flex-start}.dashboard-page-heading h1{font-size:36px}.dashboard-search{grid-template-columns:1fr;gap:5px;min-width:130px}.dashboard-search input{min-width:0;width:100%}.dashboard-list-heading{align-items:flex-start;flex-direction:column}.dashboard-account-row{align-items:flex-start;flex-direction:column;gap:12px}.dashboard-account-row .role-control{width:100%;max-width:none}.dashboard-message-grid{grid-template-columns:1fr;padding:10px}.dashboard-member{padding:18px}.dashboard-member .member-data{grid-template-columns:1fr}}