:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f8f4ed;color:#2b1d20}*{box-sizing:border-box}body{margin:0;background:#f8f4ed}button,input{font:inherit}.layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}aside{background:#5b1020;color:#fff;padding:24px 16px;position:sticky;top:0;height:100vh;overflow:auto}aside h2{font-size:18px;margin:0 8px 28px}aside h2 span{color:#e8d6a4}aside button{display:block;width:100%;text-align:left;border:0;background:transparent;color:#eadde0;padding:11px 12px;border-radius:9px;margin-bottom:3px}.active,aside button:hover{background:#7a1d31!important;color:#fff!important}main{padding:28px;max-width:1200px;width:100%}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}header small{letter-spacing:.12em;color:#8c6b70}h1{color:#5b1020;margin:4px 0 0}.pill,.badge{background:#fff;border:1px solid #e5d8c5;border-radius:20px;padding:8px 14px;font-size:13px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards article,.panel{background:#fff;border:1px solid #eadfce;border-radius:15px;padding:20px;box-shadow:0 8px 24px #5b10200d}.cards strong{display:block;font-size:32px;color:#5b1020;margin-top:8px}.grid{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin-top:16px}.panel button{background:#5b1020;color:#fff;border:0;border-radius:10px;padding:11px 15px}.panel .secondary{background:#efe6e1;color:#5b1020}.panel .link{display:block;width:100%;text-align:left;background:#fff8f1;color:#5b1020;border:1px solid #eedfca;margin:8px 0}.panel label{display:block;font-size:13px;color:#76565c;margin:14px 0 6px}.panel input{width:100%;padding:12px;border:1px solid #dccbb9;border-radius:10px;background:#fff}.rate-preview{margin:18px 0;padding:18px;border-radius:14px;background:#fbf3df;border:1px solid #ead3a0}.rate-preview strong{display:block;color:#5b1020;font-size:26px;margin-top:4px}.row{display:flex;gap:14px;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #f0e6d8}.row:last-child{border-bottom:0}.row small{display:block;color:#866b70;margin-top:5px}.row span{display:flex;gap:8px;align-items:center}.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.mini-cards div{background:#fbf7ef;border:1px solid #eee1ce;border-radius:12px;padding:14px}.mini-cards b{display:block;font-size:22px;color:#5b1020;margin-top:5px}.mobile-nav{display:none}@media(max-width:800px){body{padding-bottom:78px}.layout{display:block}.layout aside{display:none}main{padding:18px 14px 96px;max-width:none}header{position:sticky;top:0;z-index:5;background:#f8f4edf2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 0 12px}h1{font-size:24px}.cards{grid-template-columns:repeat(2,1fr);gap:10px}.cards article,.panel{padding:15px}.cards strong{font-size:26px}.grid{grid-template-columns:1fr;gap:10px}.row{align-items:flex-start;flex-direction:column}.row span{width:100%}.row span button{flex:1}.mini-cards{grid-template-columns:1fr 1fr}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:20;background:#fff;border-top:1px solid #e8dccb;padding:8px 6px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -4px 16px #3d212614}.mobile-nav button{border:0;background:transparent;color:#76565c;padding:6px 2px;border-radius:10px}.mobile-nav button.active{background:#f3e7e8!important;color:#5b1020!important}.mobile-nav span{display:block;font-size:18px}.mobile-nav small{display:block;font-size:10px;margin-top:2px}}
