*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;background:#f8f9fa;color:#212529;min-height:100vh}h1,h2,h3{font-weight:700;line-height:1.2}.page-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.page-header .back-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#fff;color:#495057;text-decoration:none;font-size:1.1rem;box-shadow:0 1px 4px #0000001a;transition:box-shadow .15s;flex-shrink:0}.page-header .back-link:hover{box-shadow:0 2px 8px #00000026}.page-header h1{font-size:1.75rem;color:#212529}.conversion-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-bottom:2rem}.conversion-field{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 1px 4px #0000000f;transition:box-shadow .15s}.conversion-field:focus-within{box-shadow:0 2px 12px #4361ee33}.conversion-field label{display:block;font-size:.85rem;color:#868e96;margin-bottom:.4rem;font-weight:500}.conversion-field .input-wrapper{display:flex;align-items:center;gap:.5rem}.conversion-field .input-wrapper input{flex:1;border:none;outline:none;font-size:1.25rem;font-weight:600;color:#212529;background:transparent;width:100%}.conversion-field .input-wrapper input::placeholder{color:#ced4da;font-weight:400}.conversion-field .input-wrapper .unit-badge{font-size:.8rem;font-weight:600;color:#868e96;background:#f1f3f5;padding:.2rem .5rem;border-radius:6px;white-space:nowrap}.clear-btn{background:none;border:1px solid #dee2e6;border-radius:8px;padding:.5rem 1.25rem;font-size:.9rem;color:#868e96;cursor:pointer;transition:background .15s,color .15s}.clear-btn:hover{background:#f1f3f5;color:#495057}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;box-shadow:0 1px 4px #0000000f}table{width:100%;border-collapse:collapse;background:#fff;font-size:.95rem}table th{background:#f1f3f5;color:#495057;font-weight:600;padding:.75rem 1rem;text-align:left;white-space:nowrap}table td{padding:.75rem 1rem;border-top:1px solid #f1f3f5;white-space:nowrap;cursor:pointer;transition:background .1s}table tr:hover td{background:#f8f9fa}table tr.selected td{background:#e7ecfd;font-weight:600}.highlight-panel{background:#fff;border-radius:12px;padding:1.5rem;margin-top:1.5rem;box-shadow:0 1px 4px #0000000f;border-left:4px solid #4361ee}.highlight-panel h3{font-size:1rem;color:#495057;margin-bottom:1rem}.highlight-panel .equivalences{display:flex;flex-wrap:wrap;gap:.75rem}.highlight-panel .equiv-item{background:#f1f3f5;border-radius:8px;padding:.5rem 1rem;display:flex;flex-direction:column;align-items:center;min-width:100px}.highlight-panel .equiv-item .country{font-size:.75rem;color:#868e96}.highlight-panel .equiv-item .size{font-size:1.1rem;font-weight:700;color:#212529}.tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:#fff;padding:.4rem;border-radius:12px;box-shadow:0 1px 4px #0000000f;width:fit-content}.tabs button{background:none;border:none;padding:.5rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;color:#868e96;cursor:pointer;transition:background .15s,color .15s}.tabs button.active{background:#4361ee;color:#fff}.tabs button:not(.active):hover{background:#f1f3f5;color:#495057}.search-bar{position:relative;margin-bottom:1.5rem}.search-bar input{width:100%;border:1px solid #dee2e6;border-radius:10px;padding:.75rem 1rem .75rem 2.75rem;font-size:1rem;outline:none;background:#fff;transition:border-color .15s,box-shadow .15s}.search-bar input:focus{border-color:#4361ee;box-shadow:0 0 0 3px #4361ee1a}.search-bar .search-icon{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:#adb5bd;font-size:1rem;pointer-events:none}