body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background-color:#1a1a1a;color:#fff}.app-layout{display:flex;flex-direction:column;min-height:100vh;position:relative}.header{padding:1rem 2rem;background-color:#242424;border-bottom:1px solid #333}.content{padding:2rem;flex:1}.card{background:#2a2a2a;padding:1.5rem;border-radius:8px;max-width:500px;margin-bottom:2rem}.buttons-grid{display:flex;gap:10px;margin-top:1rem}button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:600;color:#fff;transition:opacity .2s}button:hover{opacity:.9}.btn-success{background:#10b981}.btn-error{background:#ef4444}.btn-warning{background:#f59e0b}.btn-info{background:#3b82f6}@keyframes fade-in{0%{opacity:0;transform:translate(200px)}to{opacity:1;transform:translate(0)}}@keyframes fade-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(200px)}}.toast-list{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:1000;pointer-events:none}.toast{pointer-events:auto;min-width:250px;padding:12px 16px;border-radius:6px;color:#fff;box-shadow:0 4px 6px #0000004d;display:flex;justify-content:space-between;align-items:center}.toast-fade-in{opacity:0;animation:fade-in .15s ease-out forwards}.toast-fade-out{animation:fade-out .15s ease-out forwards}.toast button{background:transparent;margin-left:10px;padding:0;font-size:1.2rem}.toast-success{background:#10b981}.toast-error{background:#ef4444}.toast-warning{background:#f59e0b}.toast-info{background:#3b82f6}