*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f6f7fb;color:#20232b;font-size:14px}a{color:#b61f4b;text-decoration:none}.sidebar{position:fixed;left:0;top:0;bottom:0;width:235px;background:linear-gradient(180deg,#6e1c3b,#4b1730);color:#fff;padding:14px 10px;overflow:auto}.brand{height:64px;display:flex;align-items:center;gap:10px;padding:0 10px;border-bottom:1px solid #ffffff22}.brand img{width:40px;height:40px;object-fit:contain;background:#fff;border-radius:7px}.brand-cake{font-size:30px}.brand strong{display:block;font-family:Georgia,serif}.brand small{color:#e7cbd5;font-size:10px}.nav{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:8px;margin:3px 0;color:#f7e9ee;font-size:13px}.nav span{width:17px;text-align:center}.nav.active,.nav:hover{background:#d93d67;color:#fff}.section{font-size:9px;color:#d6aeba;letter-spacing:.8px;font-weight:bold;padding:18px 12px 6px}.main{margin-left:235px}.top{height:77px;background:#fff;border-bottom:1px solid #e4e6ec;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.top h1{margin:0;font-size:22px}.top p{margin:5px 0;color:#8b909d;font-size:12px}.top-right{display:flex;gap:16px;align-items:center;font-size:12px}.hamb{display:none}.content{padding:24px 28px}.primary{display:inline-block;background:#d83963;color:#fff;border:0;border-radius:7px;padding:11px 17px;font-weight:700;cursor:pointer}.secondary{display:inline-block;background:#eef0f5;color:#535966;border:0;border-radius:7px;padding:10px 14px;cursor:pointer}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{background:#fff;border:1px solid #e4e6ec;border-radius:10px;padding:18px}.metric small{display:block;color:#707684}.metric strong{display:block;font-size:25px;margin:8px 0}.metric em{font-style:normal;color:#858b97;font-size:11px}.green strong,.green-text{color:#259c66}.orange strong{color:#e59b23}.purple strong{color:#8065ca}.teal strong{color:#2b9b78}.pink-text{color:#d83963}.dashboard-grid{display:grid;grid-template-columns:1.6fr .9fr;gap:18px;margin-top:18px}.panel{background:#fff;border:1px solid #e4e6ec;border-radius:10px;padding:18px;margin-bottom:18px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel h2{font-size:16px;margin:0 0 13px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:620px}th,td{padding:12px 10px;border-bottom:1px solid #eef0f4;text-align:left;font-size:12px}th{font-size:10px;color:#747a87}.badge{background:#eaf7ef;color:#2c8d60;padding:5px 9px;border-radius:20px;font-size:10px}.quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-card{border:1px solid #eceef2;border-radius:8px;padding:15px;color:#272a32;display:flex;flex-direction:column;gap:5px}.quick-card small,.muted{color:#8a909b;font-size:11px}.toolbar{display:flex;justify-content:flex-end;gap:8px;margin-bottom:16px}.form-panel{max-width:1000px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}label{display:block;color:#626875;font-size:11px;font-weight:600}input,select,textarea{display:block;width:100%;margin-top:6px;border:1px solid #dfe2e8;border-radius:7px;padding:10px 11px;background:#fff;font:inherit;font-size:13px}textarea{min-height:85px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.product-card{background:#fff;border:1px solid #e3e5eb;border-radius:10px;padding:18px}.product-top{display:flex;justify-content:space-between;color:#858a96;font-size:10px}.product-card h3{font-size:15px}.product-values{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product-values small{display:block;color:#858a96;font-size:10px}.product-values b{display:block;margin-top:5px}.product-bottom{display:flex;justify-content:space-between;border-top:1px solid #eee;padding-top:10px;font-size:10px}.card-link{display:block;margin-top:13px;font-size:11px;font-weight:bold}.calculator-layout{display:grid;grid-template-columns:minmax(0,1.55fr) 340px;gap:18px}.calc-section{border-top:1px solid #eceef2;padding:18px 0}.calc-section h3{margin:0 0 12px}.calc-line{display:grid;grid-template-columns:1.5fr 1fr 1fr 40px;gap:8px;margin-bottom:8px}.icon-btn{border:0;background:#fff0f3;color:#d83963;border-radius:7px;font-size:20px}.calc-result{position:sticky;top:20px;height:max-content}.result-card{background:#fff;border:1px solid #e4e6ec;border-radius:10px;padding:20px}.result-card>small{display:block;color:#858b96;font-size:10px}.result-card>strong{display:block;font-size:27px;margin:4px 0 13px}.result-card hr{border:0;border-top:1px solid #ddd;margin:15px 0}.result-row{display:flex;justify-content:space-between;padding:6px 0;font-size:11px}.compare{display:grid;grid-template-columns:40px 1fr;padding:7px 0;border-bottom:1px solid #eee}.compare small{grid-column:2;color:#8a909b}.margin-buttons{display:flex;gap:6px;margin-bottom:10px}.margin-buttons button{background:#fff;border:1px solid #ddd;border-radius:7px;padding:8px 12px}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e4e6ec;border-radius:10px;padding:16px;margin:18px 0}.metric-strip div{padding:0 14px;border-right:1px solid #eee}.metric-strip small{display:block;color:#8a909b}.metric-strip b{display:block;margin-top:6px}.date-filter{display:flex;gap:8px;align-items:end}.inline-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 40px;gap:8px;margin-bottom:8px}.logo-preview{margin:10px 0;padding:12px;border:1px dashed #ddd;width:max-content}.logo-preview img{max-width:220px;max-height:120px;object-fit:contain}.login-page{min-height:100vh;background:linear-gradient(135deg,#fdf2f4,#f8f9fb);display:flex;align-items:center;justify-content:center}.login-shell{width:100%;max-width:410px;text-align:center;padding:25px}.login-brand img{max-width:170px;max-height:120px;object-fit:contain}.cake-logo{font-size:70px}.login-brand h1{font-family:Georgia,serif;color:#b61f4b;margin:8px 0}.login-brand p{color:#a04a64}.login-card{background:#fff;border:1px solid #e1e3e9;border-radius:12px;padding:22px;text-align:left;box-shadow:0 8px 25px #0001}.login-card h2{margin:0 0 5px}.login-card label{margin-top:14px}.check{display:flex;align-items:center;gap:7px;font-weight:400}.check input{width:auto;margin:0}.check a{margin-left:auto}.full{width:100%;margin-top:16px}.error{background:#fff0f3;color:#b61f4b;padding:9px;border-radius:6px;font-size:11px}.login-foot{font-size:10px;color:#888;margin-top:18px}.empty{text-align:center;padding:25px;color:#9297a2}
@media(max-width:1050px){.metric-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.calculator-layout{grid-template-columns:1fr}.calc-result{position:static}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.menu-open .sidebar{transform:translateX(0)}.main{margin-left:0}.hamb{display:block;border:0;background:none;font-size:20px}.top{padding:0 15px}.top h1{font-size:18px}.top-right span{display:none}.content{padding:15px}.metric-grid,.product-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.metric-strip{grid-template-columns:1fr 1fr}.metric-strip div:nth-child(2){border:0}.quick{grid-template-columns:1fr}.inline-row,.calc-line{grid-template-columns:1fr 1fr}.inline-row .icon-btn,.calc-line .icon-btn{grid-column:2}}