*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app,body{min-height:100vh}.app{align-items:center;display:flex;justify-content:center;padding:20px}.container{animation:slideUp .5s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000026;max-width:800px;padding:40px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.header{margin-bottom:40px;text-align:center}.header h1{color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:10px}.header p{color:#718096;font-size:1.1rem}.url-form{margin-bottom:40px}.input-group{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.url-input{border:2px solid #e2e8f0;border-radius:12px;flex:1 1;font-size:16px;min-width:300px;outline:none;padding:16px 20px;transition:all .3s ease}.url-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.url-input:disabled{background-color:#f7fafc;cursor:not-allowed}.shorten-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .3s ease;white-space:nowrap}.shorten-btn:hover:not(:disabled){box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.shorten-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{background:#fed7d7;border:1px solid #feb2b2;border-radius:8px;color:#c53030;margin-bottom:20px;padding:12px 16px}.result{background:#f0fff4;border:2px solid #9ae6b4;border-radius:12px;margin-top:20px;padding:24px}.result h3{color:#22543d;font-size:1.2rem;margin-bottom:16px}.short-url-container{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.short-url-input{background:#fff;border:2px solid #9ae6b4;border-radius:8px;color:#2d3748;flex:1 1;font-family:Courier New,monospace;font-size:16px;min-width:250px;padding:12px 16px}.copy-btn{background:#48bb78;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.copy-btn:hover{background:#38a169;transform:translateY(-1px)}.note{color:#718096;font-size:14px;font-style:italic}.history{border-top:1px solid #e2e8f0;margin-top:30px;padding-top:30px}.history h3{color:#2d3748;font-size:1.3rem;margin-bottom:20px}.history-list{display:flex;flex-direction:column;gap:16px}.history-item{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .3s ease}.history-item:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #0000000d}.history-item .original-url,.history-item .short-url{margin-bottom:8px;word-break:break-all}.history-item strong{color:#4a5568;font-weight:600}.clickable-url{color:#667eea;cursor:pointer;margin-left:8px;text-decoration:underline}.clickable-url:hover{color:#5a67d8}.history-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.action-btn{border:none;border-radius:4px;cursor:pointer;font-size:.85em;font-weight:500;padding:6px 12px;transition:all .2s ease}.copy-btn-small{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.copy-btn-small:hover{background:linear-gradient(135deg,#218838,#1ea080);transform:translateY(-1px)}.delete-btn{background:linear-gradient(135deg,#dc3545,#e74c3c);color:#fff}.delete-btn:hover{background:linear-gradient(135deg,#c82333,#dc2c14);transform:translateY(-1px)}.action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.history-item{padding-bottom:15px;position:relative}.history-item.expired .action-btn{opacity:.7}.timestamp{color:#a0aec0;font-size:12px;font-style:italic}.footer{border-top:1px solid #e2e8f0;margin-top:40px;padding-top:30px;text-align:center}.footer p{color:#718096;line-height:1.6}@media (max-width:768px){.container{margin:10px;padding:24px}.header h1{font-size:2rem}.input-group{flex-direction:column}.url-input{min-width:auto}.short-url-container{flex-direction:column}.short-url-input{min-width:auto}}@media (max-width:480px){.header h1{font-size:1.8rem}.container{padding:20px}}.status-badge{border-radius:12px;font-size:.8rem;font-weight:700;margin-left:10px;padding:4px 8px}.status-badge.expired{background-color:#ffe6e6;border:1px solid #d73027;color:#d73027}.status-badge.active{background-color:#e6ffe6;border:1px solid #27d73b;color:#27d73b}.history-item.expired{background-color:#f8f8f8;opacity:.7}.history-item.expired .clickable-url{color:#999;text-decoration:line-through}
/*# sourceMappingURL=main.66a98872.css.map*/