body{font-family:Roboto,Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial;margin:0;padding:0;background-color:var(--m3-surface-1, #f7f7fb);color:var(--m3-on-surface, #1f2937)}#root{max-width:1200px;margin:0 auto;padding:2rem;text-align:left}nav ul{background-color:transparent;padding:10px 0;list-style:none;display:flex;justify-content:flex-start;gap:16px}nav ul li a{color:#fff;text-decoration:none;padding:8px 15px;border-radius:5px;transition:background-color .3s ease}nav ul li a:hover{background-color:#646cff14}:root{--m3-primary: #6750A4;--m3-on-primary: #FFFFFF;--m3-primary-container: #EADDFF;--m3-surface-1: #F7F7FB;--m3-surface-2: #FFFFFF;--m3-on-surface: #111827;--m3-muted: #6B7280;--m3-error: #B3261E;--m3-success: #2E7D32;--m3-focus: rgba(103,80,164,.12);--card-radius: 12px;--control-padding: 10px 12px}.page{padding:0}.card{background:var(--m3-surface-2);border-radius:var(--card-radius);padding:16px;box-shadow:0 6px 18px #1018280f;margin-bottom:20px}.controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.control{display:flex;gap:8px;align-items:center}.input,.select{padding:8px 10px;border-radius:10px;border:1px solid rgba(15,23,42,.06);background:var(--m3-surface-1);color:var(--m3-on-surface)}.input:focus,.select:focus{outline:none;box-shadow:0 0 0 6px var(--m3-focus)}.btn{padding:8px 12px;border-radius:10px;cursor:pointer;border:none;font-weight:600}.btn-primary{background:linear-gradient(180deg,var(--m3-primary),#5a3fb0);color:var(--m3-on-primary)}.btn-ghost{background:transparent;color:var(--m3-primary);border:1px solid rgba(103,80,164,.12)}.btn-danger{background:var(--m3-error);color:#fff}.table{width:100%;border-collapse:collapse;margin-top:12px;background:transparent}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid rgba(15,23,42,.04)}.table thead tr{background:transparent}.table tbody tr:hover{background:#6750a408}.muted{color:var(--m3-muted)}.small{font-size:.9rem}.page-title{margin:0 0 12px;color:var(--m3-on-surface)}.units-select{margin-left:8px;padding:6px 8px;border-radius:8px}.calc-box{display:flex;gap:8px;align-items:center;flex-wrap:wrap}header,nav{background:linear-gradient(135deg,var(--m3-primary) 0%,#5a3fb0 100%);color:var(--m3-on-primary);padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}nav ul{list-style:none;padding:0;margin:0;display:flex;gap:20px}nav ul li a{color:var(--m3-on-primary);text-decoration:none;padding:8px 12px;border-radius:8px;font-weight:500;transition:all .2s ease}nav ul li a:hover{background:#ffffff26;text-decoration:underline}nav ul li a:active{background:#ffffff40}header button,nav button{background:#fff3;color:var(--m3-on-primary);border:1px solid rgba(255,255,255,.3);padding:8px 12px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}header button:hover,nav button:hover{background:#ffffff4d;border-color:#ffffff80}main{padding:20px 0}