.panel-page{background:radial-gradient(circle at 85% 20%,#4c162a50,transparent 40%),#0b090c;min-height:100vh}.panel-nav{display:flex;justify-content:space-between;align-items:center;max-width:1440px;margin:auto;padding:27px 36px;border-bottom:1px solid #46303b}.panel-nav>a:not(.brand),.panel-links a{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#d3a4b3}.panel-links{display:flex;align-items:center;gap:20px}.auth-layout{max-width:1340px;min-height:calc(100vh - 120px);margin:auto;display:grid;grid-template-columns:1fr 480px;gap:80px;align-items:center;padding:60px 35px}.auth-intro h1,.dash-title h1{font:900 clamp(75px,9vw,148px)/.83 'Barlow Condensed',Impact,sans-serif;letter-spacing:-2px;margin:35px 0}.auth-intro h1 em,.dash-title h1 span,.dash-section h2 em{font-style:normal;color:#e9506a}.auth-intro p{max-width:490px;color:#b6a9b2;line-height:1.9}.auth-stamp{margin-top:75px;display:flex;align-items:center;justify-content:center;width:160px;height:160px;border:2px solid #854051;transform:rotate(-8deg);font:900 28px/.9 'Barlow Condensed';text-align:center;color:#cd4c64;letter-spacing:4px}.auth-card,.dash-section{border:1px solid #573041;background:linear-gradient(135deg,#23131d,#120e14);padding:42px;box-shadow:0 25px 70px #0006}.auth-card h2,.dash-section h2{font:900 clamp(45px,5vw,70px)/.9 'Barlow Condensed';margin:24px 0}.auth-card>p,.dash-section .step-head>p:last-child,.manage-box p{color:#b6a9b2;font-size:14px;line-height:1.8}label{display:block;color:#eac7d3;font-size:10px;letter-spacing:1.5px;font-weight:800;margin:20px 0 10px}input,select{display:block;margin-top:11px;width:100%;padding:16px;background:#0a090e;border:1px solid #49303b;color:white;border-radius:3px;outline:none;font:500 15px Inter,Arial,sans-serif;letter-spacing:0}input:focus,select:focus{border-color:#e9506a;box-shadow:0 0 0 2px #e9506a27}input[type=file]{font-size:12px}.panel-button{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;text-align:left;background:#b62d49;border:1px solid #e04c66;color:white;font-size:12px;font-weight:900;letter-spacing:1px;padding:18px 21px;margin-top:27px}.panel-button:hover,.small-btn:hover{background:#d8415d}.message{min-height:22px;color:#f397aa;font-size:12px;line-height:1.6;margin-top:12px}.message.ok{color:#8de8b0}.auth-switch{font-size:12px;margin-top:30px;padding-top:20px;border-top:1px solid #ffffff22;color:#a99ca5}.auth-switch a{color:#ff7994;font-weight:800}.dashboard{max-width:1370px;padding:55px 30px 100px;margin:auto}.dash-title{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:50px}.dash-title h1{font-size:clamp(66px,9vw,130px);margin:20px 0}.dash-title p:last-child{color:#ad9fac}.role-tag{border:1px solid #a93e57;color:#ff9bae;padding:15px 20px;font-size:12px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.dash-section{margin-bottom:28px}.form-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:35px}.form-step{padding:25px;background:#100c12;border:1px solid #382631}.form-step>b{font:900 32px 'Barlow Condensed';color:#d84666}.form-step label{margin-bottom:0}.form-step p{font-size:11px;color:#b8a6b0}.photo-step{grid-column:1/-1}.photo-step img{display:block;max-height:250px;max-width:100%;object-fit:contain;margin-top:15px}.photo-step img[hidden]{display:none}.identity-card{display:grid;grid-template-columns:240px 1fr;gap:35px;background:#100b11;padding:25px;border:1px solid #49303b;margin:30px 0}.identity-card>img{width:240px;height:280px;object-fit:cover;background:#221522}.identity-card h3{font:900 53px 'Barlow Condensed';margin:22px 0}.identity-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.identity-stats p{font-size:10px;letter-spacing:1px;color:#bcaeb9}.identity-stats strong{display:block;font-size:17px;letter-spacing:0;color:white;margin-top:10px;overflow-wrap:anywhere}.password-box{border:1px solid #49303b;padding:20px;max-width:470px}.password-box summary{cursor:pointer;color:#ed9dac;font-weight:800;font-size:12px}.manage-grid{display:grid;grid-template-columns:minmax(300px,.8fr) 1.2fr;gap:20px}.manage-box{padding:26px;border:1px solid #49303b;background:#100b11;min-width:0}.manage-box h3{font:900 32px 'Barlow Condensed';margin:5px 0}.credentials{margin-top:25px;border:1px solid #db5d75;padding:18px;background:#2c1420;font-size:14px;line-height:2;overflow-wrap:anywhere}.credentials strong{color:#fff}.small-btn{background:#572337;color:white;border:1px solid #a34962;padding:12px;font-size:11px;font-weight:800;cursor:pointer}.members-list{max-height:520px;overflow:auto}.member-row{display:flex;gap:12px;justify-content:space-between;align-items:center;border-bottom:1px solid #3b2a33;padding:15px 0}.member-row strong{display:block;font-size:13px;overflow-wrap:anywhere}.member-row small{display:block;color:#af9daa;font-size:10px;margin-top:7px}.member-row button{flex-shrink:0}.loading{text-align:center;padding:90px;color:#eb8296;font-weight:900;letter-spacing:2px}[hidden]{display:none!important}@media(max-width:920px){.auth-layout{grid-template-columns:1fr;gap:25px}.auth-intro h1{font-size:80px}.auth-stamp{display:none}.auth-card{max-width:650px;width:100%}.manage-grid{grid-template-columns:1fr}}@media(max-width:600px){.auth-layout{padding:35px 15px}.panel-nav{padding:18px}.panel-nav .brand{font-size:24px}.auth-intro h1{font-size:66px}.auth-card,.dash-section{padding:24px}.dashboard{padding:30px 15px}.form-steps,.identity-card,.identity-stats{grid-template-columns:1fr}.photo-step{grid-column:auto}.identity-card>img{width:100%;max-height:350px}.dash-title{align-items:flex-start;flex-direction:column}.dash-title h1{font-size:65px}}


/* VDV V11 — spójny styl publicznej witryny, logowania i panelu */
.panel-page{position:relative;isolation:isolate;background:#08070b;min-height:100vh;color:#f6eff3}
.panel-scenery{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.panel-scene{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.025);transition:opacity 1.5s ease,transform 11s ease}
.panel-scene-one{background-image:url('assets/bg-1.png');animation:vdvSceneOne 20s infinite}
.panel-scene-two{background-image:url('assets/bg-2.png');animation:vdvSceneTwo 20s infinite}
.panel-scene-shade{position:absolute;inset:0;background:linear-gradient(110deg,rgba(5,5,9,.75),rgba(9,7,11,.52) 55%,rgba(5,5,9,.64));backdrop-filter:blur(1.5px)}
@keyframes vdvSceneOne{0%,47%{opacity:1;transform:scale(1.03)}52%,95%{opacity:0;transform:scale(1.1)}100%{opacity:1;transform:scale(1.03)}}
@keyframes vdvSceneTwo{0%,47%{opacity:0;transform:scale(1.1)}52%,95%{opacity:1;transform:scale(1.03)}100%{opacity:0;transform:scale(1.1)}}
.panel-nav{position:relative;z-index:2;max-width:1430px;padding:19px 42px;border-bottom:1px solid #ffffff24;background:rgba(8,7,10,.48);backdrop-filter:blur(10px)}
.panel-nav .brand{font-size:33px}.panel-nav .brand-avatar{width:54px;height:54px;border-radius:13px}
.panel-nav>a:not(.brand),.panel-links a{font-size:11px;color:#f0cad6;transition:color .2s}
.panel-nav>a:hover,.panel-links a:hover{color:#ff647d}
.auth-layout{max-width:1430px;min-height:calc(100vh - 97px);padding:60px 45px;gap:clamp(35px,6vw,105px);grid-template-columns:minmax(0,1fr) minmax(330px,480px)}
.auth-intro h1{font-size:clamp(72px,9vw,145px);text-shadow:0 12px 35px #0006}
.auth-intro>p{font-size:15px;color:#f1e3ec;line-height:1.9}
.auth-intro .kicker{color:#ff6b85;letter-spacing:3px}
.auth-stamp{width:164px;height:164px;transform:none;margin-top:48px;padding:0;display:block;border:1px solid #bd556c88;border-radius:20px;overflow:hidden;box-shadow:0 25px 65px #0009}
.auth-stamp img{display:block;width:100%;height:100%;object-fit:cover}
.auth-card,.dash-section{background:linear-gradient(137deg,rgba(29,17,26,.82),rgba(9,9,13,.82));backdrop-filter:blur(13px);border:1px solid #90506688;border-radius:18px;box-shadow:0 25px 70px #0009}
.auth-card{padding:clamp(28px,3vw,46px)}
.auth-card h2{font-size:clamp(49px,5vw,75px)}
.auth-card>p,.dash-section .step-head>p:last-child,.manage-box p{color:#d7c3d0}
.auth-card input,.dash-section input,.dash-section select{background:rgba(5,5,9,.75);border:1px solid #765060;border-radius:9px;min-height:48px;color:#fff}
.auth-card input:focus,.dash-section input:focus,.dash-section select:focus{border-color:#f45d79;box-shadow:0 0 0 3px #ed556c30}
.panel-button{border-radius:9px;background:linear-gradient(105deg,#8c233d,#b33553);border-color:#c44b66;transition:filter .2s,transform .2s}
.panel-button:hover{filter:brightness(1.2);transform:translateY(-2px)}
.auth-switch{border-top-color:#d18da738;color:#d1bdc9}
.dash-title{padding:35px 36px;background:rgba(9,9,13,.52);border:1px solid #8b506357;border-radius:17px;backdrop-filter:blur(8px)}
.dash-title h1{font-size:clamp(58px,7.5vw,110px)}
.dash-title p:last-child{color:#e0c7d3}
.role-tag{border-radius:11px;background:rgba(64,24,39,.52)}
.dashboard{max-width:1430px;padding-top:40px}
.dash-section{padding:clamp(24px,3vw,44px)}
.form-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.form-step,.manage-box,.identity-card,.password-box{background:rgba(9,9,14,.72);border:1px solid #7d4d6159;border-radius:13px}
.form-step{padding:26px}.form-step b{color:#f05d79}
.photo-step{border-color:#c85d79aa}
.identity-card>img{border-radius:9px;border:1px solid #704158}
.credentials{border-radius:10px}
.small-btn{border-radius:8px}
.member-row{padding:16px 5px}
@media(max-width:980px){.auth-layout{grid-template-columns:1fr;gap:30px;padding:45px 24px}.auth-intro h1{font-size:clamp(65px,12vw,95px)}.auth-stamp{display:none}.panel-nav{padding:18px 24px}}
@media(max-width:620px){.auth-layout{padding:30px 17px}.panel-nav{padding:15px}.panel-nav .brand-avatar{width:43px;height:43px}.auth-intro h1{font-size:clamp(59px,15vw,82px)}.auth-card,.dash-section{padding:23px 17px}.dashboard{padding:23px 12px}.dash-title{padding:25px 19px}.form-steps,.identity-card,.identity-stats{grid-template-columns:1fr}.photo-step{grid-column:auto}.manage-grid{grid-template-columns:1fr}.panel-nav>a:not(.brand){font-size:9px}}
@media(prefers-reduced-motion:reduce){.panel-scene{animation:none;transition:none}.panel-scene-one{opacity:1}.panel-scene-two{opacity:0}}

/* V12 — boczne dolne logo usunięte */
.auth-stamp{display:none!important}
.loading .small-btn{margin-top:20px}

/* VDV — zarządzanie profilami IC: okno właściciela i zarządu */
.member-row .member-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.member-row .member-actions button{white-space:nowrap}
.member-row .open-profile-btn{background:#912d4a;border-color:#df6981}
.edit-own-profile{margin:0 0 24px}
.vdv-profile-dialog{width:min(960px,calc(100vw - 30px));max-height:min(92vh,990px);overflow:auto;border:1px solid #9e536e;border-radius:16px;color:#f8eff5;background:linear-gradient(135deg,#23121f,#0c090f 75%);box-shadow:0 30px 110px #000d;padding:26px}
.vdv-profile-dialog::backdrop{background:rgba(0,0,0,.81);backdrop-filter:blur(5px)}
.profile-dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:0 0 20px;border-bottom:1px solid #613349}
.profile-dialog-header h2{font:900 clamp(36px,5vw,62px)/1 'Barlow Condensed',Impact,sans-serif;margin:7px 0;color:white}
.profile-dialog-header p:not(.kicker){font-size:13px;color:#d3b4c2;margin:5px 0 0}
.profile-dialog-content{display:grid;grid-template-columns:minmax(170px,240px) minmax(0,1fr);gap:25px;padding-top:22px}
.profile-dialog-photo-box img{width:100%;height:285px;object-fit:cover;border-radius:10px;border:1px solid #7d4d61;background:#130b13}
.profile-photo-placeholder{height:285px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed #81485f;color:#bb91a6;background:#140c14;padding:18px;font-weight:800;font-size:13px;letter-spacing:1px;border-radius:10px}
.profile-dialog-status{font-weight:800;font-size:11px;letter-spacing:.5px;color:#ed8fac;line-height:1.7}
.profile-dialog-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.profile-dialog-fields label{margin-top:0;min-width:0}
.profile-dialog-form input{width:100%;padding:13px;min-height:43px}
.profile-dialog-note{color:#c8afbd;font-size:11px;line-height:1.7}
.profile-dialog-form .panel-button{margin-top:16px}
@media(max-width:720px){.profile-dialog-content{grid-template-columns:1fr}.profile-dialog-photo-box{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.profile-dialog-photo-box img,.profile-photo-placeholder{width:125px;height:145px}.profile-dialog-header{flex-wrap:wrap}.profile-dialog-fields{grid-template-columns:1fr}.vdv-profile-dialog{padding:19px}.member-row{align-items:flex-start;flex-direction:column}.member-row .member-actions{width:100%;justify-content:flex-start}}
