body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#eef2f5;margin:0}.App{background-color:#fcfdff;border-radius:16px;box-shadow:0 8px 25px #0000001a;font-family:Inter,Arial,sans-serif;margin:20px auto;max-width:1200px;padding:30px 20px;text-align:center}h1{color:#2c3e50;font-size:2.8em;font-weight:700;letter-spacing:-.02em;margin-bottom:35px}.card{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:25px;padding:25px}.input-section h2{color:#34495e;font-size:1.8em;margin-bottom:25px}.form-group{margin-bottom:18px;text-align:left}.form-group label{color:#555;display:block;font-size:.95em;font-weight:600;margin-bottom:8px}.form-group textarea{border:1px solid #dcdcdc;border-radius:8px;box-sizing:border-box;font-size:1.05em;padding:12px;resize:vertical;transition:border-color .3s ease,box-shadow .3s ease;width:calc(100% - 24px)}.coin-manual-input-item input:focus,.form-group textarea:focus,.manual-input-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff40;outline:none}button{border:none;border-radius:8px;box-shadow:0 4px 10px #0000001a;cursor:pointer;font-family:Inter,Arial,sans-serif;font-size:1.1em;font-weight:600;padding:12px 25px;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease}button:hover{box-shadow:0 6px 15px #00000026;transform:translateY(-2px)}button:active{box-shadow:0 2px 5px #0000001a;transform:translateY(0)}button:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed;transform:translateY(0)}button[type=submit]{background-image:linear-gradient(90deg,#28a745,#218838);color:#fff}.action-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:20px}.api-refresh-btn{background-image:linear-gradient(90deg,#007bff,#0056b3);color:#fff}.manual-input-btn{background-image:linear-gradient(90deg,#6f42c1,#563d7c);color:#fff}.toggle-form-btn{background-image:linear-gradient(90deg,#6c757d,#5a6268);color:#fff;margin-bottom:20px}.toggle-form-btn:hover{background-image:linear-gradient(90deg,#5a6268,#494f54)}.display-section h2{color:#34495e;font-size:1.8em;margin-bottom:25px}.investments-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));justify-content:center}.investment-card{border:1px solid #e0e0e0;padding:20px;position:relative;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.investment-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.investment-card h3{border-bottom:2px solid #007bff;color:#007bff;font-size:1.6em;margin-bottom:15px;margin-top:0;padding-bottom:10px}.investment-card p{color:#333;font-size:1em;margin:8px 0}.investment-card strong{color:#2c3e50;font-weight:600}.profit-loss{border-top:1px dashed #e0e0e0;font-size:1.15em;font-weight:700;margin-top:15px;padding-top:10px}.profit{color:#28a745}.loss{color:#dc3545}.last-updated{color:#777;font-size:.85em;margin-top:12px}.remove-btn{align-items:center;background-color:#dc3545;border:none;border-radius:50%;box-shadow:0 2px 4px #dc354533;color:#fff;cursor:pointer;display:flex;font-size:.9em;font-weight:700;height:30px;justify-content:center;position:absolute;right:10px;top:10px;transition:background-color .3s ease,transform .2s ease;width:30px}.remove-btn:hover{background-color:#c82333;transform:scale(1.1)}.remove-btn:active{transform:scale(1)}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#dc3545;font-weight:700;margin-top:20px;padding:10px}.popup-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup-content{animation:fadeInScale .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 5px 20px #0006;display:flex;flex-direction:column;gap:20px;max-width:650px;padding:30px;position:relative;width:90%}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.popup-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.popup-header h2{color:#34495e;font-size:1.8em;margin:0}.close-popup-btn{background:none;border:none;color:#888;cursor:pointer;font-size:2.2em;transition:color .2s ease,transform .2s ease}.close-popup-btn:hover{color:#333;transform:rotate(90deg)}.popup-body{display:flex;flex-direction:column;gap:25px}.manual-input-group,.manual-input-list{background-color:#fcfcfc;border:1px solid #dcdcdc;border-radius:10px;box-shadow:inset 0 1px 3px #0000000d;padding:20px}.manual-input-group label,.manual-input-list h3{color:#333;display:block;font-size:1.15em;font-weight:700;margin-bottom:12px}.manual-input-group textarea{margin-bottom:15px;min-height:90px}.manual-input-group button,.manual-input-list button{background-image:linear-gradient(90deg,#20c997,#17a2b8);border-radius:6px;box-shadow:0 3px 8px #20c9974d;color:#fff;font-size:1em;padding:10px 20px}.manual-input-group button:hover,.manual-input-list button:hover{background-image:linear-gradient(90deg,#17a2b8,#20c997);transform:translateY(-2px)}.coin-manual-input-item{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:12px}.coin-manual-input-item label{color:#555;flex-basis:35%;font-weight:600;margin-bottom:0;text-align:right}.coin-manual-input-item input{flex-basis:60%}@media (max-width:768px){.App{margin:10px auto;padding:20px 15px}h1{font-size:2.2em}.display-section h2,.input-section h2,.popup-header h2{font-size:1.6em}.form-group textarea{padding:10px;width:calc(100% - 20px)}button{font-size:1em;padding:10px 20px}.action-buttons{flex-direction:column;gap:10px}.investments-grid{grid-template-columns:1fr}.popup-content{padding:20px;width:95%}.close-popup-btn{font-size:1.8em}.manual-input-group label,.manual-input-list h3{font-size:1em}.coin-manual-input-item{align-items:flex-start;flex-direction:column}.coin-manual-input-item input,.coin-manual-input-item label{flex-basis:auto;text-align:left;width:100%}}@media (max-width:480px){.App{padding:15px 10px}h1{font-size:1.8em}.display-section h2,.input-section h2,.popup-header h2{font-size:1.3em}.popup-content{padding:15px}}
/*# sourceMappingURL=main.83135a75.css.map*/