*{box-sizing:border-box;margin:0;padding:0}body{color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#root{max-width:100%;min-height:100vh;margin:0 auto}.app-container{background-color:#fff;max-width:600px;min-height:100vh;margin:0 auto;box-shadow:0 0 20px #0000000d}.header{color:#fff;text-align:center;background-color:#2196f3;justify-content:center;align-items:center;padding:16px 20px;display:flex;position:relative}.header h1{margin:0;font-size:1.25rem;font-weight:600}.back-button{color:#fff;cursor:pointer;background:0 0;border:none;padding:8px;font-size:1rem;position:absolute;left:16px}.content{padding:20px}.dashboard-content{padding:24px}.tools-grid{flex-direction:column;gap:16px;display:flex}.tool-card{cursor:pointer;background-color:#fff;border:1px solid #eaeaea;border-radius:12px;align-items:center;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #0000000d}.tool-card:active{background-color:#f9f9f9;transform:scale(.98)}.tool-icon{background-color:#f0f8ff;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;margin-right:20px;font-size:2.5rem;display:flex}.tool-info h2{color:#333;margin:0 0 6px;font-size:1.1rem;font-weight:600}.tool-info p{color:#666;margin:0;font-size:.85rem}.calculator-content{justify-content:center;padding:10px;display:flex}.calculator{background-color:#1e1e1e;border-radius:20px;flex-direction:column;width:100%;max-width:400px;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000001a}.display-area{text-align:right;background-color:#1e1e1e;flex-direction:column;justify-content:flex-end;min-height:120px;padding:30px 20px;display:flex}.equation{color:#888;word-break:break-all;min-height:1.5rem;margin-bottom:8px;font-size:1.2rem}.current-value{color:#fff;word-break:break-all;font-size:3.5rem;font-weight:300;line-height:1}.keypad{background-color:#1e1e1e;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px;display:grid}.key{cursor:pointer;aspect-ratio:1;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:400;transition:filter .1s;display:flex}.key:active{filter:brightness(1.2)}.number{color:#fff;background-color:#333}.function{color:#000;background-color:#a5a5a5}.operator{color:#fff;background-color:#ff9f0a;font-size:2rem}.zero{aspect-ratio:auto;border-radius:40px;grid-column:span 2;justify-content:flex-start;padding-left:30px}.exchange-content{padding:20px}.exchange-card{background:#fff;border:1px solid #eaeaea;border-radius:16px;padding:24px;box-shadow:0 4px 15px #0000000d}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:#666;font-size:.9rem;font-weight:500}.currency-selector{align-items:center;gap:12px;display:flex}.currency-selector select{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;outline:none;flex:50%;min-width:0;padding:12px;font-size:1rem}.currency-selector input{text-align:right;border:1px solid #ddd;border-radius:8px;outline:none;flex:50%;width:100%;min-width:0;padding:12px;font-size:1.1rem}.currency-selector input:focus,.currency-selector select:focus{border-color:#2196f3}.result-display{color:#2196f3;text-align:right;text-overflow:ellipsis;white-space:nowrap;background-color:#f0f8ff;border:1px solid #cce5ff;border-radius:8px;flex:50%;width:100%;min-width:0;padding:12px;font-size:1.2rem;font-weight:600;overflow:hidden}.swap-container{justify-content:center;margin:16px 0;display:flex}.swap-btn{color:#555;cursor:pointer;background-color:#f5f5f7;border:1px solid #ddd;border-radius:20px;padding:8px 16px;font-size:.9rem;transition:all .2s}.swap-btn:active{background-color:#e0e0e0}.error-message{color:#d32f2f;text-align:center;background-color:#fff2f2;border-radius:8px;margin-top:16px;padding:10px;font-size:.85rem}.info-message{color:#f57c00;text-align:center;background-color:#fff8e1;border-radius:8px;margin-top:16px;padding:10px;font-size:.85rem}.random-content{padding:20px}.random-card{background:#fff;border:1px solid #eaeaea;border-radius:16px;flex-direction:column;align-items:center;padding:30px 24px;display:flex;box-shadow:0 4px 15px #0000000d}.result-container{margin-bottom:40px}.result-circle{color:#999;background-color:#f5f5f7;border:4px dashed #ddd;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;font-size:3rem;font-weight:700;transition:all .3s;display:flex}.result-circle.has-result{color:#2196f3;background-color:#e3f2fd;border-color:#2196f3;box-shadow:0 0 20px #2196f333}.result-circle.animating{color:#666;animation:.1s infinite alternate pulse}@keyframes pulse{0%{transform:scale(.98)}to{transform:scale(1.02)}}.inputs-container{gap:16px;width:100%;margin-bottom:24px;display:flex}.inputs-container .input-group{flex-direction:column;flex:1;gap:8px;display:flex}.inputs-container label{color:#666;font-size:.9rem;font-weight:500}.inputs-container input{text-align:center;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:12px;font-size:1.1rem}.inputs-container input:focus{border-color:#2196f3}.generate-btn{color:#fff;cursor:pointer;background-color:#2196f3;border:none;border-radius:12px;width:100%;margin-top:8px;padding:16px;font-size:1.1rem;font-weight:600;transition:background-color .2s}.generate-btn:active{background-color:#1976d2}.generate-btn:disabled{cursor:not-allowed;background-color:#90caf9}.error-message{color:#d32f2f;text-align:center;background-color:#fff2f2;border-radius:8px;width:100%;margin-bottom:16px;padding:10px;font-size:.85rem}