*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-100px);background:#000c;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;opacity:0;visibility:hidden;transition:all .3s;z-index:99999;max-width:80%;word-wrap:break-word}.toast.show{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.toast.error{background:#dc2626e6}.toast.success{background:#22c55ee6}.toast.info{background:#3b82f6e6}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:15px;cursor:pointer;transition:all .3s;font-weight:500}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.btn-secondary{background:#fff;color:#667eea;border:1px solid #667eea}.btn-secondary:hover{background:#f7f8fc}.input{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:8px;font-size:15px;transition:border-color .3s}.input:focus{outline:none;border-color:#667eea}.card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;margin-bottom:16px}.container{max-width:1200px;margin:0 auto;padding:20px}.loading{display:inline-block;width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}