:root{font-family:Tahoma,Arial,sans-serif;color:#252833;background:#f8f9fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{min-height:88px;background:#fff;border-bottom:1px solid #e5e7ef;display:flex;align-items:center;gap:24px;padding:18px 5%}.brand{font-size:20px;font-weight:bold;text-decoration:none;color:#343b8e;display:flex;align-items:center;gap:12px}.mark{background:#343b8e;color:white;border-radius:12px;padding:7px 13px;font-size:28px}.sub{font-size:10px;letter-spacing:2px;color:#7a7e8e}header form{margin-inline-start:auto;display:flex;align-items:center;gap:12px}main{max-width:1240px;margin:auto;padding:48px 30px;min-height:78vh}h1{font-size:34px;margin:13px 0}h2{font-size:21px;margin:22px 0}p{color:#737784;line-height:1.8}.eyebrow{color:#343b8e;font-size:12px;font-weight:bold}.intro{display:flex;justify-content:space-between;align-items:center}.badge,.tag{font-size:12px;background:#eef1fb;color:#343b8e;padding:9px 12px;border-radius:6px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:28px 0 24px}.toolbar>span{color:#777c8b;font-size:12px}.search{width:340px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card,.panel{background:#fff;border:1px solid #e3e6ef;border-radius:14px;padding:25px}.card-top{display:flex;justify-content:space-between;align-items:center}.company-icon{font-size:27px;color:#4faac5;background:#eff8fb;padding:7px 13px;border-radius:12px}.credential{padding:13px 0;border-bottom:1px solid #eceef4;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}.credential>span{color:#737887}.credential b,.secret{overflow-wrap:anywhere;min-width:0}.secret{direction:ltr;unicode-bidi:plaintext}.actions{display:flex;gap:9px;margin:22px 0 18px}button,.primary{font:inherit;font-size:12px;cursor:pointer;border:1px solid #dce0ed;border-radius:7px;padding:11px 13px;background:#fff;color:#343b8e;text-decoration:none;display:inline-block;text-align:center}.primary{background:#343b8e;color:#fff;border-color:#343b8e}button:hover,.primary:hover{filter:brightness(.93)}button:disabled{opacity:.6;cursor:wait}small{display:block;color:#747a8c;font-size:11px;line-height:1.8}label{display:block;font-size:12px;color:#50566d;margin:15px 0}input{width:100%;border:1px solid #dce0eb;background:#fff;border-radius:7px;padding:12px;font:inherit;font-size:14px;display:block;margin-top:8px;color:#252833}input:focus{outline:2px solid #54aec8;outline-offset:2px}summary{cursor:pointer;font-size:13px;color:#343b8e;font-weight:bold;padding:7px 0}details{margin-top:19px}details form{margin-top:15px}.admin{margin-top:48px;border-top:1px solid #e4e7ef;padding-top:15px}.admin .grid{grid-template-columns:1fr 1fr}.members{margin-top:20px}.member{padding:18px 0;display:flex;align-items:center;gap:22px;border-bottom:1px solid #eceef4}.member>div{flex:1}.member form{margin:0}.login{max-width:430px;margin:24px auto;background:#fff;border:1px solid #e3e6ef;border-radius:16px;padding:34px}.login h1{font-size:29px}.login small{margin-top:24px;text-align:center}.wide{width:100%;margin-top:10px}.alert,.success{padding:15px 20px;border-radius:8px;margin-bottom:24px;background:#fbe9e6;color:#923e32}.success{background:#e0f0e6;color:#285d40}.empty{padding:50px;text-align:center;border:1px dashed #cdd6ec;border-radius:12px}footer{text-align:center;color:#808698;font-size:11px;padding:25px}[hidden]{display:none!important}@media(max-width:950px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sub{display:none}}@media(max-width:640px){header{padding:15px 20px;flex-wrap:wrap;gap:10px}.brand{font-size:17px}header form{font-size:12px}main{padding:30px 18px}.grid,.admin .grid{grid-template-columns:1fr}.intro,.toolbar{align-items:flex-start;flex-direction:column}.search{width:100%}h1{font-size:28px}.member{flex-wrap:wrap}.member>div{width:100%;flex:auto}.login{padding:25px}.actions>*{flex:1}}
/* Europ identity: white surfaces, indigo typography and cyan accents. */
header{min-height:104px;padding:18px max(4%,24px);gap:28px;box-shadow:0 2px 14px #30398303}
.brand{display:block;line-height:0;flex-shrink:0}.brand img{display:block;width:250px;max-width:100%;height:auto}.sub{display:block;border-inline-start:1px solid #e0e4ef;padding-inline-start:25px;font-size:14px;letter-spacing:0;color:#343b8e;line-height:1.8}.sub span{display:block;font-size:9px;letter-spacing:2px;color:#7b8092}
main{max-width:1280px;padding-top:44px}.intro{background:#fff;border:1px solid #e5e8f0;border-inline-start:4px solid #54aec8;border-radius:4px;padding:28px 32px}.intro h1{color:#343b8e;font-size:36px;letter-spacing:-1px;margin:12px 0}.intro p{margin-bottom:0}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow:before{content:'';width:6px;height:6px;border-radius:50%;background:#54aec8;flex-shrink:0}.badge{border:1px solid #e2e6f3;border-radius:4px;background:#f6f7fc;padding:11px 15px}
.card,.panel{border-radius:5px;box-shadow:0 5px 22px #30398304}.card{border-top:3px solid #343b8e;transition:box-shadow .18s}.card:hover{box-shadow:0 8px 28px #3039830d}.card h2{color:#303676}.company-icon{border-radius:4px}.tag{background:transparent;border:1px solid #e5e8f1;border-radius:3px;color:#73798c}.primary,button,input{border-radius:3px}.primary{padding:13px 17px}.primary:hover{background:#272e76;filter:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #54aec8;outline-offset:4px}.toolbar{margin:22px 0}.toolbar>span:before{content:'●';color:#54aec8;margin-inline-end:8px;font-size:9px}.empty{background:#fff;border-style:solid;border-radius:5px;padding:42px}.empty h2{color:#343b8e}.admin h2{color:#343b8e}.panel summary{padding:10px 0}.login{max-width:470px;border-radius:5px;border-top:4px solid #343b8e;padding:38px 42px;box-shadow:0 16px 55px #30398308;margin:36px auto}.login h1{color:#343b8e;font-size:32px}.login p{font-size:14px}.login input{padding:14px}.login .wide{padding:15px}.login small{border-top:1px solid #eceef5;padding-top:20px}footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#fff;border-top:1px solid #e5e7ef;padding:24px max(5%,24px)}footer>span:first-child{color:#343b8e;font-weight:bold;letter-spacing:.5px}
@media(max-width:950px){.sub{display:none}.brand img{width:225px}}
@media(max-width:640px){header{min-height:90px;padding:14px 18px;gap:14px}.brand img{width:205px}header form{width:100%;justify-content:space-between;border-top:1px solid #eceef4;padding-top:10px}.intro{padding:22px;gap:22px}.intro h1{font-size:28px}.toolbar{gap:0}.toolbar>span{font-size:11px;margin-bottom:10px}.login{padding:28px 23px;margin:20px auto}.login h1{font-size:27px}footer{justify-content:center;text-align:center}.card{padding:22px}}

.actions .reveal{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;min-width:44px;min-height:44px;padding:10px}.eye-slash{display:none}.reveal[aria-pressed='true'] .eye-slash{display:block}.reveal-error{color:#923e32;font-size:12px}

.company-logo{width:120px;height:60px;object-fit:contain;object-position:center;background:white;border-radius:4px}.logo-editor button{margin-top:14px}.logo-editor input[type=file]{max-width:100%;font-size:12px}
