*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:0 20px}.card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin-bottom:20px;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-2px)}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;padding:12px 24px;text-align:center;text-decoration:none;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-1px)}.btn-secondary{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.btn-secondary:hover{background:#e9ecef;color:#495057}.btn-success{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.btn-success:hover{box-shadow:0 4px 15px #28a74566;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#dc3545,#fd7e14);color:#fff}.btn-danger:hover{box-shadow:0 4px 15px #dc354566;transform:translateY(-1px)}.btn-small{font-size:12px;padding:8px 16px}.form-group{margin-bottom:20px}.form-label{color:#495057;display:block;font-weight:600;margin-bottom:8px}.form-input{border:2px solid #e9ecef;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-textarea{border:2px solid #e9ecef;border-radius:8px;font-family:inherit;font-size:14px;min-height:120px;padding:12px 16px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #fff3;padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.note-card{background:#fff;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 2px 10px #00000014;margin-bottom:16px;padding:20px;transition:all .2s ease}.note-card:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.note-title{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:8px}.note-content{color:#6c757d;line-height:1.6;margin-bottom:12px;white-space:pre-wrap}.note-meta{color:#adb5bd;font-size:12px;margin-bottom:16px}.note-actions{display:flex;flex-wrap:wrap;gap:8px}.loading{color:#6c757d;padding:40px;text-align:center}.error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin-bottom:20px;padding:12px 16px}@media (max-width:768px){.container{padding:0 16px}.card{padding:16px}.note-actions{flex-direction:column}.btn{margin-bottom:8px;width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}.text-center{text-align:center}.text-muted{color:#6c757d}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}
/*# sourceMappingURL=main.cfe7ad02.css.map*/