
.base-wrap{max-width:1230px;margin:0 auto;padding:26px 22px 70px}
.base-header{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}
.base-header h1{font-size:2.2rem;margin:5px 0}.base-header p{color:#68574b;margin:3px 0}
.base-nav{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}
.base-nav button{border:1px solid #dac8b8;background:white;padding:11px 15px;border-radius:12px;cursor:pointer;font-weight:700;color:#604535}
.base-nav button.selected{background:#40291e;color:white}
.base-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1fr);gap:16px}
.base-panel{background:#fff;border:1px solid #eadbd1;border-radius:16px;padding:22px;margin-bottom:15px}
.base-panel h2{margin:0 0 8px;color:#38251c;font-size:1.2rem}
.base-panel p{color:#655347}
.base-panel label{display:block;font-size:.9rem;font-weight:600;margin:10px 0}
.base-panel input,.base-panel select,.base-panel textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;border:1px solid #d8c7ba;background:#fff;border-radius:8px;padding:10px;font-size:1rem}
.base-panel input[type=checkbox]{display:inline;width:auto;margin-right:5px}
.base-panel button{cursor:pointer}
.base-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.base-btn{border:1px solid #c5a48d;color:#3b291e;background:#fff;border-radius:10px;padding:10px 14px;font-weight:700}
.base-btn.primary{background:#4b3023;color:white}
.base-btn:disabled{opacity:.45;cursor:not-allowed}
.base-banner{padding:14px 16px;margin:16px 0;border:1px solid #d9bfa6;border-radius:12px;background:#f7f1ea}
.base-banner.bad{background:#fff0ed;color:#94291c;border-color:#efb2a3}
.base-banner.good{background:#ecf9ef;color:#235b33;border-color:#9cdbad}
.base-table{width:100%;border-collapse:collapse;word-break:break-word}
.base-table th,.base-table td{padding:8px;border-bottom:1px solid #efebe6;text-align:left;font-size:.88rem}
.base-table th{color:#655347}
.base-mini{font-size:.8rem;color:#786b61}
.base-list{max-height:390px;overflow:auto}
.base-list button{display:block;width:100%;padding:11px;border:0;border-bottom:1px solid #e8ddd5;text-align:left;background:transparent;color:#34251b}
.base-list button:hover{background:#f4ebe3}
.base-chip{border:1px solid #dacbbb;border-radius:99px;padding:4px 9px;font-size:.78rem}
.base-hint{background:#f9f5ef;border-left:3px solid #967353;padding:12px;font-size:.87rem}
.base-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.base-line{display:grid;grid-template-columns:1.4fr 1.2fr .6fr .55fr auto;align-items:end;gap:7px;margin-bottom:6px}
.base-line label{margin:0}
.base-hidden{display:none!important}
@media(max-width:800px){.base-grid,.base-row{grid-template-columns:1fr}.base-line{grid-template-columns:1fr 1fr}.base-wrap{padding:15px}.base-header h1{font-size:1.7rem}}

body{background:#f6f0e9}
.base-small-card{padding:12px;margin:7px}
