:root{--accent:#7354d2;--text:#253044;--muted:#697386;--border:#e4e8ef;--back:#f5f6fa}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--back);font:15px/1.55 system-ui,Arial,sans-serif}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}#side{position:fixed;inset:0 auto 0 0;width:250px;background:white;border-right:1px solid var(--border);overflow-y:auto;padding:24px 16px;z-index:20}.side-brand img{max-width:160px;height:50px}.side-brand{display:flex;justify-content:center;padding:8px}#side p{font-size:11px;letter-spacing:1.5px;color:var(--muted);padding:14px}nav a,summary{display:flex;align-items:center;gap:12px;padding:12px;border-radius:9px;color:#546176;font-weight:500}nav i{width:20px;text-align:center}nav .selected,nav a:hover{color:var(--accent);background:#f1ecfd}details>details{padding-left:10px}summary{cursor:pointer}.workspace{margin-left:250px}header{min-height:78px;background:white;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 32px;position:sticky;top:0;z-index:10}.header-user{display:flex;gap:20px;align-items:center}.header-user form{margin:0}#menu{display:none}.logout{border:0;background:none;font-size:24px;color:var(--accent)}main{max-width:1450px;padding:32px;margin:auto}h2{font-size:21px;margin:0 0 14px}h3{font-size:18px}p{overflow-wrap:anywhere}.card{background:white;border:1px solid var(--border);border-radius:14px;padding:24px;margin-bottom:22px;box-shadow:0 4px 15px #1b254006}.dashcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.dashcards strong{display:block;font-size:26px;margin:10px 0;color:var(--accent)}.dashcards span,.dashcards small{display:block;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--accent);border-radius:9px;background:var(--accent);color:white;padding:11px 19px;cursor:pointer;font-weight:600;min-height:45px;max-width:100%;text-align:center}.btn.outline{background:white;color:var(--accent)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.form-grid label{display:block;font-weight:600;font-size:14px}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;border:1px solid #dce1e9;padding:12px 14px;border-radius:9px;background:#fff;margin-top:7px;color:var(--text);min-width:0}.form-grid textarea{min-height:100px;resize:vertical}.form-grid input[type=color]{height:48px;padding:3px}.form-grid .full{grid-column:1/-1}.form-grid .check{display:flex;gap:10px;align-items:center;grid-column:1/-1;font-weight:400}.check input{width:auto;margin:0}.form-grid button{justify-self:start;align-self:end}.notice{border:1px solid #d5c6ff;border-radius:10px;background:#f3eeff;padding:16px;margin-bottom:20px;overflow-wrap:anywhere}.table-wrap{overflow:auto;background:white;border:1px solid var(--border);border-radius:14px;margin:20px 0}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:#697386;background:#fafbfe;font-weight:600}td,th{padding:15px 18px;border-bottom:1px solid var(--border);vertical-align:top}td{max-width:380px;overflow-wrap:anywhere}.badge{display:inline-block;padding:4px 10px;border-radius:6px;background:#edf2fc;color:#45629a;white-space:nowrap;font-size:13px}footer{text-align:center;color:var(--muted);padding:24px}footer b,footer span{display:block}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.message{border:1px solid var(--border);border-radius:10px;padding:16px;margin:15px 0}.message.staff{background:#f4f0ff}.message small{float:right;color:var(--muted)}code,.iban{overflow-wrap:anywhere;font-family:monospace}.auth{min-height:100svh;display:grid;place-items:center;padding:30px 16px;background:radial-gradient(at 0 0,#e8defe,transparent 50%),#f6f7fa}.auth-card{width:min(560px,100%);background:white;border-radius:18px;border:1px solid var(--border);padding:32px}.auth-card img{width:160px;display:block;margin:0 auto 24px}.auth-card h1{text-align:center;font-size:25px}.auth-card .form-grid{grid-template-columns:1fr}.auth-card .btn{width:100%}.auth-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.captcha{display:flex;gap:12px;align-items:center}.captcha img{width:230px;height:70px;margin:0;max-width:75%}.captcha button{width:55px;height:55px;border:1px solid var(--border);border-radius:10px;color:var(--accent);background:#f4f6fa}.package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.package-card{display:flex;flex-direction:column}.package-card ul{padding:0;list-style:none;flex:1}.package-card li{padding:10px 0;border-bottom:1px solid #eee;display:flex;gap:9px}.package-card li:before{content:'✓';color:var(--accent);font-weight:bold}.price{font-size:26px;font-weight:bold;color:var(--accent)}.packages-page{max-width:1350px;margin:auto;padding:36px 24px}.packages-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:35px}.packages-header img{max-width:160px}.packages-intro{text-align:center;max-width:850px;margin:40px auto}.package-card select{padding:12px;width:100%;border:1px solid var(--border);border-radius:8px}.package-card .form-grid{display:block}.package-card .check{margin:15px 0}.package-card .check input{display:inline;width:auto}.package-card button{width:100%;margin-top:15px}@media(max-width:900px){#side{transform:translateX(-100%);transition:transform .2s}body.menu-open #side{transform:none}.workspace{margin-left:0}#menu{display:block;border:0;background:white;font-size:25px;color:var(--accent)}header{padding:15px 18px}main{padding:20px 16px}.header-user>span{display:none}.header-user{gap:12px}.form-grid,.profile-grid{grid-template-columns:1fr}.card{padding:20px}.form-grid .full{grid-column:auto}.packages-header{flex-wrap:wrap}.packages-page{padding:20px 16px}.auth-card{padding:26px 20px}.dashcards{grid-template-columns:repeat(2,minmax(0,1fr))}.dashcards .card{padding:15px}.dashcards strong{font-size:22px}}@media(max-width:430px){.dashcards{grid-template-columns:1fr}header strong{font-size:14px}.form-grid{gap:15px}}

.packages-header>a{display:block;flex:0 0 160px}.packages-header img{width:160px;height:auto;display:block}

.agreement-group{border:0;padding:0;margin:15px 0;min-width:0}.agreement-group legend{font-weight:700;margin-bottom:12px}.agreement-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:12px 0;font-size:14px}.form-grid .agreement-check{display:inline;width:18px;min-width:18px;height:18px;cursor:pointer;margin:0}.agreement-open{border:0;border-bottom:1px solid currentColor;background:none;color:var(--accent);padding:0;cursor:pointer;text-align:left;min-height:24px}.agreement-approved{font-weight:700}.agreement-row span{font-size:13px;color:var(--muted)}.agreement-no-scroll{overflow:hidden}#agreementModal{width:min(800px,92vw);height:min(82vh,900px);padding:0;border:0;border-radius:12px;color:var(--text);box-shadow:0 24px 100px #0004;overflow:hidden;animation:agreement-flip .24s ease-out}#agreementModal[open]{display:flex;flex-direction:column}#agreementModal::backdrop{background:#142037aa;backdrop-filter:blur(4px)}#agreementModal header{position:static;padding:16px 20px;min-height:0;background:#f8f9fb}#agreementModal header p{font-size:12px;margin:4px 0;color:var(--muted)}.agreement-close{background:none;border:0;font-size:28px;cursor:pointer;color:var(--muted)}#agreementContent{overflow-y:auto;padding:24px;line-height:1.8;flex:1;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;white-space:normal}.agreement-text{margin-top:20px;overflow-wrap:anywhere}#agreementModal footer{padding:14px 20px;border-top:1px solid var(--border);text-align:right;background:#f8f9fb}#agreementAccept:disabled{opacity:.5;cursor:not-allowed}#agreementError{font-size:13px;color:#a32436;text-align:left;margin:4px 0}.package-card .agreement-open{width:auto;margin:0;padding:0}.package-card .agreement-check{width:18px!important;margin:0!important}@keyframes agreement-flip{from{opacity:0;transform:perspective(1200px) rotateX(-8deg) translateY(12px)}to{opacity:1;transform:none}}@media(max-width:600px){#agreementModal{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0;margin:0}#agreementContent{padding:20px}#agreementModal footer .btn{width:100%}}@media(prefers-reduced-motion:reduce){#agreementModal{animation:none}}