@import url('/landing-assets/tarot.css?v=8');
@import url('/landing-assets/secondary-page-bg.css?v=1');
.cab-hero{padding:70px 7% 40px;background:radial-gradient(ellipse 60% 50% at 90% 0%,#3d2a6644,transparent),radial-gradient(ellipse 50% 40% at 5% 100%,#22305c55,transparent)}
.cab-hero h1{margin-top:10px}
.cab-hero .quote{color:#cdbaff;font:italic 16px Cormorant,Georgia,serif;margin-top:14px}
.cab-guest{max-width:520px;margin:120px auto;text-align:center}
.cab-guest .button{margin-top:25px}
.cab-layout{display:grid;grid-template-columns:2fr 1fr;gap:30px;padding:0 7% 80px;align-items:start}
.cab-card{background:radial-gradient(ellipse at 90% 0%,#6f508544,transparent 60%),#121526;border:1px solid #77708c;border-radius:18px;padding:26px}
.cab-card+.cab-card{margin-top:20px}
.cab-card h3{margin:0 0 8px}
.cab-card .fine{margin:0 0 16px}
.today-bar{display:flex;flex-wrap:wrap;gap:28px;margin-top:24px;background:#121526;border:1px solid #77708c;border-radius:18px;padding:20px 26px}
.today-bar div{min-width:110px}
.today-bar .label{font-size:10px;letter-spacing:.15em;color:#c9b6f3;text-transform:uppercase}
.today-bar .value{margin-top:6px;font-size:15px}
.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.quick-card{background:#121526;border:1px solid #77708c;border-radius:16px;padding:22px}
.quick-card .symbol-ring{margin-bottom:14px}
.quick-card h4{font:20px Cormorant,Georgia,serif;margin:0 0 8px}
.quick-card p{font-size:13px;color:#e6e4eb;margin:0 0 16px}
.history-list{margin-top:16px;display:flex;flex-direction:column;gap:2px}
.history-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-top:1px solid #ffffff18}
.history-row .situation{font-size:14px}
.history-row .meta{font-size:11px;color:#c9b6f3;margin-top:4px}
.history-row .date{font-size:12px;color:#aaa;white-space:nowrap}
.plan-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #77708c;border-radius:30px;padding:8px 16px;font-size:12px;color:#cdbaff}
.side-note{font-size:13px;color:#e6e4eb;line-height:1.8;font-style:italic}
@media(max-width:900px){.cab-layout{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr}}

/* Настройки */
.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:40px;padding:0 7% 80px;align-items:start}
.settings-nav{position:sticky;top:30px;display:flex;flex-direction:column;gap:14px}
.settings-nav a{font-size:14px;color:#c7cbe3}
.settings-nav a:hover{color:#fff}
.field-row{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:#0f1120;border:1px solid #5a63a9;border-radius:14px;padding:16px 20px;margin-top:12px}
.field-row .label{font-size:10px;letter-spacing:.1em;color:#c9b6f3;text-transform:uppercase}
.field-row .value{margin-top:6px;font-size:15px}
.field-row form{display:none;width:100%;gap:12px;flex-wrap:wrap;align-items:flex-end;margin-top:10px}
.field-row form.open{display:flex}
.field-row input,.field-row select{background:#101322;color:#fff;border:1px solid #80738f;border-radius:10px;padding:10px 14px;font:inherit}
.field-row label.check{display:flex;align-items:center;gap:8px;font-size:12px;color:#ccc}
.danger{border-color:#a34a4a55}
.danger .button{background:none;border:1px solid #c85c5c;color:#f2a3a3}
#settings-status{margin-top:14px;font-size:13px}
#settings-status.error{color:#f2a3a3}
#settings-status.ok{color:#a7e3b0}
@media(max-width:800px){.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;flex-direction:row;flex-wrap:wrap}}