.addx-portal{--addx-ink:#15181d;--addx-muted:#6b7280;--addx-line:#e6e3dc;--addx-soft:#f7f5f1;--addx-accent:#9a7b41;--addx-radius:10px;
display:grid;grid-template-columns:240px minmax(0,1fr);gap:0;border:1px solid var(--addx-line);border-radius:var(--addx-radius);overflow:hidden;background:#fff;color:var(--addx-ink);font-size:15px;line-height:1.5;max-width:none}
.addx-portal *{box-sizing:border-box} .addx-portal:not(.addx-portal--login):not(.addx-portal--notice){max-width:none!important;width:min(1240px,calc(100vw - 32px));position:relative;left:50%;transform:translateX(-50%)}
.addx-portal--login,.addx-portal--notice{display:block;padding:32px;max-width:520px} .addx-portal__sidebar{background:var(--addx-ink);color:#f4f1ea;padding:28px 20px;display:flex;flex-direction:column;gap:24px}
.addx-portal__brand{display:flex;flex-direction:column;gap:4px}
.addx-portal__brand-kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#c9a86a}
.addx-portal__brand strong{font-size:17px;font-weight:600}
.addx-portal__switch{display:flex;flex-direction:column;gap:4px}
.addx-portal__switch label{font-size:11px;color:rgba(244,241,234,.55)}
.addx-portal__switch select{width:100%;padding:6px 8px;border-radius:6px;border:1px solid rgba(244,241,234,.2);background:#22262d;color:#f4f1ea;font:inherit;font-size:13px}
.addx-portal__nav{display:flex;flex-direction:column;gap:4px}
.addx-portal__link{color:rgba(244,241,234,.75);text-decoration:none;padding:9px 12px;border-radius:7px;transition:background .15s}
.addx-portal__link:hover{background:rgba(244,241,234,.08);color:#fff}
.addx-portal__link.is-active{background:rgba(201,168,106,.18);color:#fff}
.addx-portal__logout{margin-top:auto;color:rgba(244,241,234,.55);font-size:13px;text-decoration:none} .addx-portal__main{padding:32px;min-width:0}
.addx-portal__title{margin:0 0 6px;font-size:24px;font-weight:600}
.addx-portal__subtitle{margin:28px 0 12px;font-size:16px;font-weight:600}
.addx-portal__hint{color:var(--addx-muted);font-size:13px;margin:0 0 16px}
.addx-portal__hint code{background:var(--addx-soft);padding:1px 6px;border-radius:4px;font-size:12px;color:var(--addx-ink)}
.addx-portal__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
.addx-stat{background:var(--addx-soft);border:1px solid var(--addx-line);border-radius:var(--addx-radius);padding:18px;text-decoration:none;color:inherit;display:block}
.addx-stat:hover{border-color:var(--addx-accent)}
.addx-stat__value{display:block;font-size:28px;font-weight:600;font-variant-numeric:tabular-nums}
.addx-stat__label{color:var(--addx-muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.addx-steps{margin:0;padding-left:20px;color:var(--addx-ink)}
.addx-steps li{margin-bottom:8px} .addx-field{display:flex;flex-direction:column;gap:5px;margin:0 0 14px}
.addx-field label{font-size:13px;color:#4b5563}
.addx-input{width:100%;padding:10px 12px;border:1px solid var(--addx-line);border-radius:7px;font:inherit;font-size:14px;background:#fff;color:var(--addx-ink)}
.addx-input[readonly]{background:var(--addx-soft);font-size:13px}
.addx-input--short{max-width:140px}
textarea.addx-input{resize:vertical}
.addx-check{display:flex;gap:8px;align-items:center;font-size:14px;margin:0 0 14px}
.addx-inline{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.addx-inline .addx-input{flex:1 1 200px;width:auto}
.addx-form{margin:16px 0}
.addx-form summary,.addx-screen__more summary,.addx-item__edit summary{cursor:pointer;color:var(--addx-muted);font-size:13px;margin-bottom:10px}
.addx-btn{display:inline-block;background:var(--addx-ink);color:#fff;border:0;border-radius:7px;padding:10px 16px;font:inherit;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap;line-height:1.3}
.addx-btn:hover{background:#2a2f37;color:#fff}
.addx-btn--ghost{background:transparent;color:var(--addx-ink);border:1px solid var(--addx-line)}
.addx-btn--ghost:hover{background:var(--addx-soft);color:var(--addx-ink)}
.addx-btn--danger{background:transparent;color:#9b2c1f;border:1px solid #efc7c1}
.addx-btn--danger:hover{background:#fbe9e7;color:#9b2c1f}
.addx-btn[disabled]{opacity:.5;cursor:wait}
.addx-empty{padding:28px;border:1px dashed var(--addx-line);border-radius:var(--addx-radius);color:var(--addx-muted);text-align:center}
.addx-alert{padding:12px 14px;border-radius:7px;margin-bottom:18px;font-size:14px}
.addx-alert--ok{background:#e3f4e8;color:#1c6b36}
.addx-alert--error{background:#fbe9e7;color:#9b2c1f} .addx-tabs{border:1px solid var(--addx-line);border-radius:var(--addx-radius);margin-top:18px;overflow:hidden}
.addx-tabs__bar{display:flex;flex-wrap:wrap;background:var(--addx-soft);border-bottom:1px solid var(--addx-line)}
.addx-tabs__tab{background:none;border:0;border-bottom:2px solid transparent;padding:12px 16px;font:inherit;font-size:14px;color:var(--addx-muted);cursor:pointer}
.addx-tabs__tab.is-active{color:var(--addx-ink);border-bottom-color:var(--addx-accent);font-weight:600}
.addx-tabs__panel{display:none;padding:20px;max-width:640px}
.addx-tabs__panel.is-active{display:block}
.addx-progressbar{position:relative;height:22px;background:var(--addx-soft);border:1px solid var(--addx-line);border-radius:6px;overflow:hidden;margin:0 0 14px}
.addx-progressbar span{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--addx-accent);transition:width .2s}
.addx-progressbar em{position:relative;display:block;text-align:center;font-style:normal;font-size:12px;line-height:22px;font-weight:600} .addx-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.addx-item{border:1px solid var(--addx-line);border-radius:var(--addx-radius);overflow:hidden;background:#fff;display:flex;flex-direction:column}
.addx-item__media{position:relative;aspect-ratio:16/9;background:#15181d;overflow:hidden;display:flex;align-items:center;justify-content:center}
.addx-item__media img,.addx-item__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.addx-item__media--text img{opacity:.45}
.addx-item__media--web{background:linear-gradient(135deg,#25303d,#15181d)}
.addx-item__headline{position:relative;color:#fff;font-size:14px;font-weight:600;padding:10px 14px;text-align:center;line-height:1.3;max-height:100%;overflow:hidden}
.addx-item__type{position:absolute;left:8px;top:8px;background:rgba(0,0,0,.65);color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px}
.addx-item__body{padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.addx-item__title{font-size:14px;line-height:1.35;word-break:break-word}
.addx-item__body .addx-portal__hint{margin:0}
.addx-item__edit{margin-top:8px}
.addx-item__edit form{margin-bottom:10px} .addx-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.addx-list__row{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid var(--addx-line);border-radius:var(--addx-radius);padding:14px 16px}
.addx-list__row .addx-portal__hint{display:block;margin:2px 0 0}
.addx-list__actions{display:flex;gap:8px;flex-shrink:0}
.addx-editor__head{display:flex;gap:10px;align-items:center;margin-bottom:8px}
.addx-editor__name{font-size:18px;font-weight:600;flex:1}
.addx-editor__list{list-style:none;margin:14px 0;padding:0;display:flex;flex-direction:column;gap:8px;counter-reset:addx}
.addx-editor__empty{padding:22px;border:1px dashed var(--addx-line);border-radius:var(--addx-radius);color:var(--addx-muted);text-align:center}
.addx-row{display:grid;grid-template-columns:28px 64px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--addx-line);border-radius:var(--addx-radius);padding:10px 12px;background:#fff;counter-increment:addx}
.addx-row.is-off{opacity:.55}
.addx-row.is-dragging{opacity:.4}
.addx-row.is-over{border-color:var(--addx-accent);box-shadow:0 0 0 2px rgba(154,123,65,.25)}
.addx-row__handle{cursor:grab;color:var(--addx-muted);font-size:18px;text-align:center;user-select:none;line-height:1}
.addx-row__handle::after{content:counter(addx);display:block;font-size:11px;margin-top:4px;font-weight:600}
.addx-row__thumb{width:64px;height:40px;border-radius:5px;background:#15181d center/cover no-repeat;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.addx-row__thumb--properties{background:linear-gradient(135deg,var(--addx-accent),#5e4a25)}
.addx-row__main{min-width:0}
.addx-row__title{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.addx-row__title small{font-weight:400;color:var(--addx-muted);margin-left:6px}
.addx-row__opts{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:6px;font-size:12px;color:var(--addx-muted);align-items:center}
.addx-row__opts label{display:inline-flex;gap:5px;align-items:center}
.addx-row__opts input[type=number]{width:76px;padding:4px 6px;border:1px solid var(--addx-line);border-radius:5px;font:inherit;font-size:12px}
.addx-row__opts input[type=date]{padding:3px 5px;border:1px solid var(--addx-line);border-radius:5px;font:inherit;font-size:12px}
.addx-row__opts select{padding:3px 5px;border:1px solid var(--addx-line);border-radius:5px;font:inherit;font-size:12px}
.addx-row__btns{display:flex;gap:4px}
.addx-row__btns button{width:30px;height:30px;border:1px solid var(--addx-line);border-radius:6px;background:#fff;cursor:pointer;font-size:14px;line-height:1;color:var(--addx-ink)}
.addx-row__btns button:hover{background:var(--addx-soft)}
.addx-row__btns button[data-act=remove]{color:#9b2c1f}
.addx-editor__add{margin-bottom:24px} .addx-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px;align-items:center;background:var(--addx-soft);border:1px solid var(--addx-line);border-radius:var(--addx-radius);padding:18px 20px;margin:16px 0 22px}
.addx-pair .addx-portal__subtitle{margin-top:0}
.addx-pair__form{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.addx-pair__code{grid-column:1/-1;font-size:24px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;text-align:center;font-variant-numeric:tabular-nums}
.addx-pair__form .addx-btn{grid-column:1/-1}
.addx-screens{display:grid;gap:12px}
.addx-screen{border:1px solid var(--addx-line);border-radius:var(--addx-radius);padding:16px;background:#fff}
.addx-screen__head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.addx-screen__label{display:block;font-size:12px;color:var(--addx-muted);margin-bottom:4px}
.addx-screen .addx-inline .addx-screen__label{margin:0}
.addx-screen__foot{margin-top:12px}
.addx-screen__foot>.addx-portal__hint{display:block;margin:0 0 8px}
.addx-screen__more .addx-inline{margin-top:10px}
.addx-badge{font-size:12px;padding:3px 10px;border-radius:999px;font-weight:600}
.addx-badge--on{background:#e3f4e8;color:#1c6b36}
.addx-badge--off{background:#f1efe9;color:var(--addx-muted)} .addx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.addx-card{border:1px solid var(--addx-line);border-radius:var(--addx-radius);overflow:hidden;background:#fff;display:flex;flex-direction:column}
.addx-card__media{aspect-ratio:4/3;background:var(--addx-soft)}
.addx-card__media img{width:100%;height:100%;object-fit:cover;display:block}
.addx-card__body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px}
.addx-card__type{align-self:flex-start;font-size:12px;font-weight:600;border:1px solid var(--addx-accent);color:var(--addx-ink);border-radius:999px;padding:1px 10px}
.addx-card__kicker{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--addx-accent)}
.addx-card__title{margin:0;font-size:15px;font-weight:600;line-height:1.35}
.addx-card__facts{display:flex;flex-wrap:wrap;gap:6px 16px;margin:6px 0 0}
.addx-card__facts dt{font-size:11px;color:var(--addx-muted)}
.addx-card__facts dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}
.addx-card__meta{font-size:12px;color:var(--addx-muted)}
.addx-card__energy{font-size:11px;line-height:1.4;color:var(--addx-muted)}
.addx-card__energy strong{display:inline-block;min-width:22px;text-align:center;background:var(--addx-ink);color:#fff;border-radius:3px;padding:0 4px;margin-right:4px}
@media (max-width:900px){
.addx-portal__stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.addx-pair{grid-template-columns:1fr}
}
@media (max-width:780px){
.addx-portal{grid-template-columns:1fr}
.addx-portal__sidebar{padding:18px;gap:14px}
.addx-portal__nav{flex-direction:row;flex-wrap:wrap}
.addx-portal__logout{margin-top:0}
.addx-portal__main{padding:20px}
.addx-row{grid-template-columns:24px minmax(0,1fr);}
.addx-row__thumb{display:none}
.addx-row__btns{grid-column:1/-1;justify-content:flex-end}
.addx-editor__head{flex-wrap:wrap}
.addx-list__row{flex-direction:column;align-items:flex-start}
} .addx-alert--info{background:#eef4fb;color:#1e4f8a}
.addx-locked{font-size:13px;background:#fff7e6;border:1px solid #f1d9a6;color:#7a5512;border-radius:7px;padding:10px 14px;margin:12px 0}
.addx-tabs__tab.is-locked{opacity:.55}
.addx-tabs__tab.is-locked::after{content:" 🔒";font-size:11px}
.addx-meters{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:14px 0}
.addx-meter__top{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--addx-muted);margin-bottom:5px}
.addx-meter__top span:last-child{color:var(--addx-ink);font-weight:600;font-variant-numeric:tabular-nums}
.addx-meter__bar{height:6px;background:var(--addx-soft);border:1px solid var(--addx-line);border-radius:999px;overflow:hidden}
.addx-meter__bar span{display:block;height:100%;background:var(--addx-accent);border-radius:999px}
.addx-meter.is-high .addx-meter__bar span{background:#d38b1d}
.addx-meter.is-full .addx-meter__bar span{background:#c0392b}
.addx-plan{border:1px solid var(--addx-line);border-radius:var(--addx-radius);padding:18px 20px;margin:20px 0;background:linear-gradient(180deg,#fff 0%,var(--addx-soft) 100%)}
.addx-plan__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.addx-plan__kicker{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--addx-accent)}
.addx-plan__name{display:block;font-size:22px;margin:2px 0}
.addx-plan__price{text-align:right;font-size:18px;font-weight:600;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.addx-plan__price small{font-size:11px;font-weight:400;color:var(--addx-muted)}
.addx-plan__features{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px}
.addx-plan__features li.is-on::before{content:"✓ ";color:#1c6b36;font-weight:700}
.addx-plan__features li.is-off{color:var(--addx-muted);text-decoration:line-through}
.addx-plan__features li.is-off::before{content:"– "}
.addx-alert--admin{background:#15181d;color:#f4f1ea}
.addx-alert--admin a{color:#c9a86a;margin-left:6px}
.addx-item__warn{display:block;margin-top:6px;font-size:12px;line-height:1.4;color:#8a4b08;background:#fff3e0;border-radius:5px;padding:5px 8px}
.addx-item__media video[controls]{z-index:1}
.addx-row__warn{font-style:normal;font-size:11px;color:#8a4b08;background:#fff3e0;border-radius:4px;padding:1px 6px;margin-left:6px}
.addx-cache{display:block;margin:-4px 0 8px}
.addx-cache.is-complete::before{content:"● ";color:#1c6b36}
.addx-cache.is-loading::before{content:"◌ ";color:#d38b1d} .addx-transfer-card{display:flex;align-items:center;gap:14px;margin:18px 0 0;padding:14px 16px;border:1px solid var(--addx-line);border-radius:var(--addx-radius);background:#fff;color:inherit;text-decoration:none}
.addx-transfer-card:hover{border-color:var(--addx-accent)}
.addx-transfer-card__dot{flex:none;width:12px;height:12px;border-radius:50%;background:#c9c4b8}
.addx-transfer-card--ok .addx-transfer-card__dot{background:#2f9e57}
.addx-transfer-card--warn .addx-transfer-card__dot{background:#d9822b}
.addx-transfer-card--todo .addx-transfer-card__dot{background:var(--addx-accent);box-shadow:0 0 0 4px rgba(154,123,65,.18)}
.addx-transfer-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:14px}
.addx-transfer-card__body span{color:var(--addx-muted);font-size:13px}
.addx-transfer-card__go{flex:none;font-size:13px;font-weight:600;color:var(--addx-accent);white-space:nowrap}
.addx-kv{margin:0 0 8px;border:1px solid var(--addx-line);border-radius:var(--addx-radius);overflow:hidden}
.addx-kv__row{display:grid;grid-template-columns:minmax(150px,240px) minmax(0,1fr);gap:12px;align-items:center;padding:10px 14px;border-top:1px solid var(--addx-line)}
.addx-kv__row:first-child{border-top:0}
.addx-kv__row:nth-child(even){background:var(--addx-soft)}
.addx-kv dt{margin:0;color:var(--addx-muted);font-size:13px}
.addx-kv dd{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.addx-kv__value{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;background:transparent;padding:0;word-break:break-all;color:var(--addx-ink)}
.addx-kv--plain dd{font-size:14px}
.addx-btn--small{padding:4px 10px;font-size:12px;font-weight:600}
.addx-guide{border:1px solid var(--addx-line);border-radius:var(--addx-radius);padding:12px 16px;margin:0 0 10px;background:#fff}
.addx-guide summary{cursor:pointer;font-weight:600}
.addx-guide[open] summary{margin-bottom:10px}
.addx-guide .addx-steps li{margin-bottom:6px}
@media (max-width:640px){
.addx-kv__row{grid-template-columns:1fr;gap:4px}
.addx-transfer-card{flex-wrap:wrap}
}