:root{
  --aim-bg:#070b14;
  --aim-panel:#0d1423;
  --aim-panel-2:#111a2d;
  --aim-panel-3:#151f35;
  --aim-border:rgba(142,160,216,.14);
  --aim-border-strong:rgba(147,166,255,.28);
  --aim-text:#f7f8fc;
  --aim-muted:#91a0bd;
  --aim-primary:#7258ff;
  --aim-primary-2:#2ea8ff;
  --aim-danger:#ef6262;
  --aim-success:#45d18b;
  --aim-warning:#ffc56b;
  --aim-shadow:0 24px 70px rgba(0,0,0,.32);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:
  radial-gradient(circle at 82% -10%,rgba(73,93,231,.18),transparent 30%),
  radial-gradient(circle at -10% 15%,rgba(78,172,255,.09),transparent 28%),
  var(--aim-bg);
  color:var(--aim-text);
}

.aim-topbar{
  position:sticky;
  top:0;
  z-index:100;
  min-height:72px;
  background:rgba(7,11,20,.84)!important;
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  box-shadow:0 8px 30px rgba(0,0,0,.16);
}
.aim-topbar .nav{min-height:72px}
.aim-logo{font-size:1.05rem}
.aim-logo .logo-mark{
  width:40px;height:40px;border-radius:14px;
  background:linear-gradient(135deg,var(--aim-primary),var(--aim-primary-2));
  box-shadow:0 10px 30px rgba(67,98,255,.3)
}
.aim-topbar-user{margin-left:auto;display:flex;align-items:center;gap:12px}
.aim-credit-pill,.aim-role-pill{
  display:flex;align-items:center;gap:9px;text-decoration:none;
  border-radius:14px;border:1px solid var(--aim-border);
  background:rgba(19,29,50,.78);padding:10px 13px;color:var(--aim-text)
}
.aim-credit-pill span{color:var(--aim-muted);font-size:.82rem}
.aim-credit-pill strong{font-size:.93rem}
.aim-role-pill{color:#cfd5ff;font-weight:800;background:rgba(114,88,255,.12);border-color:rgba(114,88,255,.25)}
.aim-account-name{display:grid;line-height:1.15}
.aim-account-name span{font-weight:800;font-size:.9rem}
.aim-account-name small{color:var(--aim-muted);font-size:.74rem;margin-top:4px}
.aim-logout{border-radius:13px!important;padding:11px 15px!important}

.aim-app-shell{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:calc(100vh - 72px)}
.aim-sidebar{
  position:relative;
  border-right:1px solid rgba(255,255,255,.055);
  background:linear-gradient(180deg,rgba(12,18,31,.92),rgba(8,13,23,.96));
}
.aim-sidebar-inner{position:sticky;top:72px;padding:22px 16px 28px;height:calc(100vh - 72px);overflow:auto}
.aim-sidebar-profile{
  display:flex;align-items:center;gap:12px;padding:14px;
  border-radius:18px;background:linear-gradient(135deg,rgba(114,88,255,.13),rgba(46,168,255,.07));
  border:1px solid rgba(130,151,242,.13);margin-bottom:22px
}
.aim-avatar{
  width:42px;height:42px;min-width:42px;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--aim-primary),var(--aim-primary-2));font-weight:900
}
.aim-sidebar-profile strong,.aim-sidebar-profile span{display:block}
.aim-sidebar-profile span{color:var(--aim-muted);font-size:.8rem;margin-top:3px}
.aim-sidebar-section+.aim-sidebar-section{margin-top:22px}
.aim-sidebar-label{color:#6f7d99;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin:0 10px 9px}
.aim-side-nav{display:grid;gap:6px}
.aim-side-link{
  display:flex;align-items:center;gap:11px;text-decoration:none;color:#b8c3d9;font-weight:700;
  min-height:45px;padding:8px 10px;border-radius:14px;border:1px solid transparent;
  transition:.18s ease
}
.aim-side-link:hover{color:#fff;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.055)}
.aim-side-link.active{
  color:#fff;background:linear-gradient(135deg,rgba(114,88,255,.23),rgba(46,168,255,.10));
  border-color:rgba(131,151,255,.22);box-shadow:0 12px 28px rgba(57,70,167,.10)
}
.aim-nav-icon{
  width:31px;height:31px;min-width:31px;border-radius:10px;display:grid;place-items:center;
  background:#141e33;border:1px solid rgba(255,255,255,.055);font-size:.78rem;font-weight:900
}
.aim-side-link.active .aim-nav-icon{background:linear-gradient(135deg,rgba(114,88,255,.65),rgba(46,168,255,.38))}
.aim-sidebar-footer{display:grid;gap:9px;margin:24px 8px 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.055)}
.aim-sidebar-footer a{color:#7f8daa;text-decoration:none;font-size:.82rem}
.aim-sidebar-footer a:hover{color:#dbe1f1}

.aim-app-main{min-width:0;padding:30px 0 56px}
.aim-app-main>.dashboard,.aim-app-main>.section{padding:0!important}
.aim-app-main>.dashboard>.container,.aim-app-main>.section>.container{
  width:min(1280px,calc(100% - 46px))!important;max-width:none!important
}
.aim-app-main>.legal{
  width:min(1120px,calc(100% - 46px))!important;max-width:none!important;margin:0 auto!important;padding-top:0!important
}

/* Titles / structure */
.dash-head{align-items:center!important;margin-bottom:22px!important}
.dash-head h1,.section-title,.legal h1{
  letter-spacing:-.045em!important;font-weight:850!important;color:#fff!important
}
.dash-head h1{font-size:clamp(2rem,3vw,3rem)!important}
.section-title{font-size:clamp(2rem,3.2vw,3.35rem)!important}
.muted,.section-lead{color:var(--aim-muted)!important}

/* Buttons */
.btn,.nav-button,.small-action,.danger-button{
  border-radius:13px!important;font-weight:800!important;border:1px solid transparent!important;
  box-shadow:none!important;transition:transform .16s ease,border-color .16s ease,background .16s ease,opacity .16s ease
}
.btn:not(.secondary),.nav-button:not(.ghost){
  background:linear-gradient(135deg,var(--aim-primary),#467bff)!important;
  color:#fff!important;border-color:rgba(255,255,255,.08)!important
}
.btn:not(.secondary):hover,.nav-button:not(.ghost):hover{transform:translateY(-1px);filter:brightness(1.06)}
.btn.secondary,.nav-button.ghost,.small-action{
  background:#111a2e!important;color:#e5eafb!important;border-color:rgba(143,162,216,.16)!important
}
.btn.secondary:hover,.nav-button.ghost:hover,.small-action:hover{
  background:#17223a!important;border-color:rgba(144,165,255,.28)!important;transform:translateY(-1px)
}
.danger-button{
  background:rgba(239,98,98,.10)!important;color:#ffc6c6!important;border-color:rgba(239,98,98,.22)!important
}
.danger-button:hover{background:rgba(239,98,98,.16)!important}

/* Panels/cards */
.panel,.card,.stat,.form-card,.credit-balance-box,.legal-note{
  border-radius:22px!important;border:1px solid var(--aim-border)!important;
  background:linear-gradient(180deg,rgba(17,26,45,.96),rgba(11,17,30,.96))!important;
  box-shadow:0 18px 44px rgba(0,0,0,.18)!important
}
.panel,.form-card{padding:22px!important}
.card{padding:24px!important}
.stat{padding:19px!important}
.stat-value{font-size:clamp(1.7rem,2.5vw,2.45rem)!important;font-weight:850!important;letter-spacing:-.045em}
.stat-label{color:var(--aim-muted)!important;font-weight:700!important}
.stat-grid{gap:14px!important}
.stat-grid-four{gap:14px!important}

/* Dashboard quick actions */
.dashboard-actions{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;margin:20px 0 24px!important
}
.dashboard-action{
  min-height:102px!important;padding:17px!important;border-radius:20px!important;
  background:linear-gradient(180deg,#111a2d,#0c1323)!important;
  border:1px solid var(--aim-border)!important;box-shadow:0 14px 32px rgba(0,0,0,.15)!important
}
.dashboard-action:hover{transform:translateY(-3px)!important;border-color:var(--aim-border-strong)!important}
.dashboard-action .action-icon{
  width:40px!important;height:40px!important;border-radius:13px!important;
  background:linear-gradient(135deg,rgba(114,88,255,.38),rgba(46,168,255,.20))!important
}
.dashboard-action strong{font-size:.96rem}
.dashboard-action small{font-size:.8rem!important}

/* Video library */
.video-library{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important
}
.video-card{
  border-radius:22px!important;overflow:hidden!important;background:linear-gradient(180deg,#101829,#0b1120)!important;
  border:1px solid var(--aim-border)!important;box-shadow:0 18px 40px rgba(0,0,0,.18)!important
}
.video-card:hover{border-color:var(--aim-border-strong)!important;transform:translateY(-2px)}
.video-thumb{
  background:
    radial-gradient(circle at 80% 20%,rgba(97,120,255,.32),transparent 24%),
    linear-gradient(135deg,#17213a,#0a0f1d)!important;
  color:#dbe3ff!important;border-radius:0!important
}
.video-meta{padding:17px!important}
.video-meta strong{font-size:1rem!important;line-height:1.42!important}
.video-card-actions{padding:0 17px 17px!important}
.video-card-actions form{margin:0!important}

/* Tables/admin */
.admin-menu-grid,.admin-clean-grid,.admin-edit-grid{gap:14px!important}
.admin-menu-card,.admin-clean-card,.admin-edit-card{
  border-radius:20px!important;background:linear-gradient(180deg,#111a2d,#0c1322)!important;
  border:1px solid var(--aim-border)!important;box-shadow:0 16px 36px rgba(0,0,0,.14)!important
}
.admin-menu-card:hover,.admin-clean-card:hover{border-color:var(--aim-border-strong)!important;transform:translateY(-2px)}
.admin-table,.cost-table{background:#0c1424!important}
.admin-table th,.cost-table th{background:#111b30!important;color:#91a2c1!important}
.admin-table th,.admin-table td,.cost-table th,.cost-table td{border-color:rgba(255,255,255,.055)!important}
.table-wrap,.cost-table-wrap{border-radius:18px!important;border:1px solid var(--aim-border)!important;overflow:auto!important}

/* Inputs */
input,textarea,select{
  border-radius:13px!important;border:1px solid #263552!important;background:#09101e!important;
  color:#fff!important;padding:13px 14px!important;outline:none!important
}
input:focus,textarea:focus,select:focus{
  border-color:rgba(106,129,255,.68)!important;box-shadow:0 0 0 4px rgba(91,109,255,.10)!important
}
label{color:#dce3f3!important}
textarea{line-height:1.55!important}

/* Alerts/tags */
.alert{border-radius:16px!important;border-width:1px!important}
.alert.success{background:rgba(69,209,139,.09)!important;border-color:rgba(69,209,139,.23)!important;color:#c6f6da!important}
.alert.error{background:rgba(239,98,98,.10)!important;border-color:rgba(239,98,98,.25)!important;color:#ffd0d0!important}
.tag{border-radius:999px!important;font-weight:800!important}
.tag.ready{background:rgba(69,209,139,.12)!important;color:#9ff1c0!important}
.tag.wait{background:rgba(255,197,107,.10)!important;color:#ffd99a!important}

/* Pricing */
.pricing-grid{gap:16px!important}
.pricing-grid .card{position:relative;overflow:hidden}
.pricing-grid .card::before{
  content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;
  background:linear-gradient(90deg,var(--aim-primary),var(--aim-primary-2));opacity:.75
}
.price{letter-spacing:-.045em!important}
.list{display:grid!important;gap:10px!important}

/* Video detail/player */
#videoStage{border-radius:20px!important;overflow:hidden!important;background:#050812!important}
#videoStage video{border-radius:20px!important}
.generation-row,.credits-entry{border-radius:15px!important}
.video-detail-actions{gap:10px!important}

/* Public pages */
.aim-public-main{min-height:55vh}
.aim-public-body .site-header .container,.aim-public-body .site-footer .container{width:min(1220px,92%)}
.aim-public-body .section>.container{width:min(1220px,92%)}
.aim-public-body .card,.aim-public-body .panel{box-shadow:var(--aim-shadow)!important}

/* Nice scrollbar */
*{scrollbar-width:thin;scrollbar-color:#273452 #0a0f1b}

/* Responsive */
@media (max-width:1180px){
  .aim-app-shell{grid-template-columns:230px minmax(0,1fr)}
  .dashboard-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .video-library{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:860px){
  .aim-app-shell{display:block}
  .aim-sidebar{position:sticky;top:72px;z-index:80;border-right:0;border-bottom:1px solid rgba(255,255,255,.055)}
  .aim-sidebar-inner{position:static;height:auto;overflow-x:auto;padding:10px 14px}
  .aim-sidebar-profile,.aim-sidebar-label,.aim-sidebar-footer{display:none}
  .aim-sidebar-section{margin:0!important}
  .aim-sidebar-section+.aim-sidebar-section{margin-top:8px!important}
  .aim-side-nav{display:flex;min-width:max-content;gap:7px}
  .aim-side-link{padding:8px 11px;min-height:40px}
  .aim-nav-icon{display:none}
  .aim-app-main{padding-top:22px}
  .aim-account-name{display:none}
  .dashboard-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:640px){
  .aim-topbar-user{gap:7px}
  .aim-credit-pill span,.aim-role-pill{display:none}
  .aim-credit-pill{padding:9px 11px}
  .aim-logout{padding:9px 11px!important}
  .aim-app-main>.dashboard>.container,.aim-app-main>.section>.container,.aim-app-main>.legal{width:min(100% - 24px,1280px)!important}
  .dashboard-actions,.video-library{grid-template-columns:1fr!important}
  .dash-head{align-items:flex-start!important;flex-direction:column!important}
  .dash-head .actions{width:100%!important}
  .dash-head .actions .btn{flex:1!important}
  .pricing-grid{grid-template-columns:1fr!important}
}


/* Aimoviat v6.6.2 - overzichtelijke checkout */
.aim-checkout-panel{
    padding:26px!important;
    max-width:1050px!important;
}
.aim-checkout-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:22px;
    margin-bottom:20px;
}
.aim-checkout-head h2{
    margin:7px 0 5px;
    font-size:1.55rem;
    letter-spacing:-.03em;
}
.aim-checkout-head p{
    margin:0;
    color:#91a0bd;
}
.aim-checkout-price{
    min-width:150px;
    text-align:right;
    padding:13px 15px;
    border-radius:16px;
    background:#0b1324;
    border:1px solid rgba(145,165,225,.14);
}
.aim-checkout-price span,
.aim-checkout-price strong{
    display:block;
}
.aim-checkout-price span{
    color:#8695b1;
    font-size:.8rem;
    margin-bottom:3px;
}
.aim-checkout-price strong{
    font-size:1.45rem;
}

.aim-withdrawal-summary{
    padding:16px 18px;
    margin-bottom:16px;
    border-radius:17px;
    background:linear-gradient(135deg,rgba(77,108,255,.12),rgba(58,174,255,.06));
    border:1px solid rgba(111,139,255,.22);
}
.aim-withdrawal-summary strong{
    display:block;
    margin-bottom:5px;
    color:#e8ecff;
}
.aim-withdrawal-summary p{
    margin:0;
    color:#aab7d2;
    line-height:1.55;
}

.aim-consent-list{
    display:grid;
    gap:12px;
}
.aim-consent-card{
    position:relative;
    display:grid!important;
    grid-template-columns:24px 42px minmax(0,1fr);
    align-items:flex-start;
    gap:13px;
    padding:17px 18px!important;
    margin:0!important;
    border-radius:17px;
    border:1px solid rgba(145,163,215,.13);
    background:#0c1425;
    cursor:pointer;
    transition:.17s ease;
}
.aim-consent-card:hover{
    background:#101a2e;
    border-color:rgba(132,155,255,.25);
    transform:translateY(-1px);
}
.aim-consent-card:has(input:checked){
    border-color:rgba(92,207,145,.34);
    background:linear-gradient(135deg,rgba(48,142,96,.10),rgba(16,27,47,.96));
}
.aim-consent-card input[type=checkbox]{
    width:20px!important;
    height:20px!important;
    margin:3px 0 0!important;
    padding:0!important;
    accent-color:#7258ff;
}
.aim-consent-number{
    width:36px;
    height:36px;
    border-radius:12px;
    display:grid;
    place-items:center;
    background:linear-gradient(135deg,rgba(114,88,255,.30),rgba(46,168,255,.15));
    border:1px solid rgba(135,157,255,.15);
    color:#dfe5ff;
    font-weight:900;
}
.aim-consent-copy{
    min-width:0;
    display:block;
    line-height:1.55;
}
.aim-consent-copy>strong{
    display:block;
    margin-bottom:4px;
    color:#fff;
    font-size:.98rem;
}
.aim-consent-copy>span{
    display:block;
    color:#aab7d0;
    font-weight:500;
}
.aim-consent-copy a{
    color:#9eb4ff;
}

.aim-legal-explainer{
    display:grid;
    gap:10px;
    margin-top:17px;
    padding:18px;
    border-radius:18px;
    background:#09111f;
    border:1px solid rgba(151,166,215,.12);
}
.aim-legal-explainer-title{
    font-weight:850;
    color:#f1f4ff;
    margin-bottom:2px;
}
.aim-legal-row{
    display:grid;
    grid-template-columns:150px minmax(0,1fr);
    gap:16px;
    padding-top:10px;
    border-top:1px solid rgba(255,255,255,.055);
}
.aim-legal-label{
    color:#91a7ff;
    font-size:.85rem;
    font-weight:850;
}
.aim-legal-row p{
    margin:0;
    color:#99a9c4;
    line-height:1.55;
}

.aim-checkout-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-top:18px;
    padding-top:18px;
    border-top:1px solid rgba(255,255,255,.065);
}
.aim-checkout-secure strong,
.aim-checkout-secure span{
    display:block;
}
.aim-checkout-secure strong{
    color:#e8edf9;
}
.aim-checkout-secure span{
    color:#8e9db7;
    font-size:.83rem;
    margin-top:3px;
}
.aim-checkout-button{
    min-width:270px;
    min-height:48px;
}

@media(max-width:720px){
    .aim-checkout-head,
    .aim-checkout-footer{
        flex-direction:column;
        align-items:stretch;
    }
    .aim-checkout-price{
        text-align:left;
        min-width:0;
    }
    .aim-consent-card{
        grid-template-columns:24px 1fr;
    }
    .aim-consent-number{
        display:none;
    }
    .aim-legal-row{
        grid-template-columns:1fr;
        gap:5px;
    }
    .aim-checkout-button{
        width:100%;
        min-width:0;
    }
}


.aim-image-upload{
  position:relative;display:grid!important;grid-template-columns:48px minmax(0,1fr) 150px;
  gap:14px;align-items:center;min-height:112px;padding:16px!important;margin:0!important;
  border-radius:18px;border:1px dashed rgba(135,157,224,.32)!important;
  background:linear-gradient(135deg,rgba(91,101,255,.07),rgba(13,21,38,.96))!important;
  cursor:pointer;transition:.18s ease;overflow:hidden
}
.aim-image-upload:hover{border-color:rgba(129,156,255,.58)!important;background:linear-gradient(135deg,rgba(91,101,255,.12),rgba(16,27,48,.98))!important}
.aim-image-upload input[type=file]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important}
.aim-image-upload-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#7258ff,#398bff);font-size:1.35rem;font-weight:900}
.aim-image-upload-copy{display:grid;gap:4px}.aim-image-upload-copy strong{color:#fff}.aim-image-upload-copy span{color:#a9b5cd}.aim-image-upload-copy small{color:#7585a2}
#promptImagePreview{width:150px;height:84px;object-fit:cover;border-radius:13px;border:1px solid rgba(255,255,255,.10);background:#080d17}
.aim-image-locked{display:grid;gap:5px;padding:16px 18px;border-radius:17px;border:1px solid rgba(255,255,255,.07);background:#0c1424}
.aim-image-locked strong{color:#fff}.aim-image-locked span{color:#8f9eb9}.aim-image-locked a{color:#9fb2ff;font-weight:800;text-decoration:none}
.aim-input-image-card{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;align-items:center;margin-top:20px;padding:16px;border-radius:18px;background:#0b1425;border:1px solid rgba(142,160,216,.14)}
.aim-input-image-card strong,.aim-input-image-card span{display:block}.aim-input-image-card span{color:#8f9eba;margin-top:4px}
.aim-input-image-card img{width:220px;max-height:140px;object-fit:cover;border-radius:14px;border:1px solid rgba(255,255,255,.08)}
@media(max-width:680px){.aim-image-upload{grid-template-columns:48px minmax(0,1fr)}#promptImagePreview{grid-column:1/-1;width:100%;height:180px}.aim-input-image-card{grid-template-columns:1fr}.aim-input-image-card img{width:100%;max-height:260px}}


.aim-preflight-note{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin-top:16px;padding:13px 15px;border-radius:15px;
  border:1px solid rgba(69,209,139,.18);background:rgba(69,209,139,.055)
}
.aim-preflight-note strong{color:#baf2d1;font-size:.9rem}
.aim-preflight-note span{color:#8fa2ba;font-size:.82rem;text-align:right}
@media(max-width:650px){.aim-preflight-note{align-items:flex-start;flex-direction:column}.aim-preflight-note span{text-align:left}}