.app-container{max-width:800px;margin:0 auto;padding:20px}.input-section{margin-bottom:20px}.filter-section{display:flex;gap:8px;margin-bottom:20px}.filter-btn{padding:6px 12px;border-radius:4px;border:1px solid #ddd;background-color:#fff;color:#333;cursor:pointer;font-size:14px;transition:all .2s ease}.filter-btn:hover{background-color:#f5f5f5;border-color:#bbb}.filter-btn.active{background-color:#2e7d32;color:#fff;border-color:#2e7d32;font-weight:700}.textarea{width:100%;padding:8px;box-sizing:border-box;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:inherit;resize:vertical}.textarea-edit{width:100%;padding:8px;border:2px solid #2e7d32;border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:inherit;resize:vertical}.input-actions{margin-top:8px}.char-count{margin-left:10px;font-size:14px;color:#666}.error-message{color:red;margin-top:8px}.empty-state{color:#757575;font-style:italic}.note-card{border:1px solid #ddd;padding:12px;margin-bottom:12px;border-radius:4px;background-color:#fff}.note-card.approved{background-color:#f0f9ff}.edit-container{margin-bottom:8px;margin-left:-12px;margin-right:-12px}.edit-helper-text{margin-top:4px;font-size:12px;color:#666}.note-content{margin-bottom:8px;cursor:pointer}.markdown-content{line-height:1.6}.markdown-content h1,.markdown-content h2{margin-top:1em;margin-bottom:.5em;font-weight:600;line-height:1.25;border-bottom:1px solid #eaecef;padding-bottom:.3em}.markdown-content h1{font-size:1.75em}.markdown-content h2{font-size:1.5em}.markdown-content h3{font-size:1.25em;margin-top:1em;margin-bottom:.5em;font-weight:600;line-height:1.25}.markdown-content h4{font-size:1em;margin-top:1em;margin-bottom:.5em;font-weight:600;line-height:1.25}.markdown-content h5{font-size:.875em;margin-top:1em;margin-bottom:.5em;font-weight:600;line-height:1.25}.markdown-content h6{font-size:.85em;color:#6a737d;margin-top:1em;margin-bottom:.5em;font-weight:600;line-height:1.25}.markdown-content p{margin:0 0 1em}.markdown-content ul,.markdown-content ol{margin:0 0 1em;padding-left:2em}.markdown-content li{margin-bottom:.25em}.markdown-content code{padding:.2em .4em;font-size:85%;background-color:#afb8c133;border-radius:3px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.markdown-content pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:#f6f8fa;border-radius:6px;margin-bottom:1em}.markdown-content pre code{padding:0;background-color:transparent;border:0}.markdown-content blockquote{padding:0 1em;color:#6a737d;border-left:.25em solid #dfe2e5;margin:0 0 1em}.markdown-content a{color:#2e7d32;text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content strong{font-weight:600}.markdown-content em{font-style:italic}.markdown-content hr{height:.25em;padding:0;margin:1.5em 0;background-color:#e1e4e8;border:0}.markdown-content table{border-spacing:0;border-collapse:collapse;margin-bottom:1em;width:100%}.markdown-content table th,.markdown-content table td{padding:6px 13px;border:1px solid #dfe2e5}.markdown-content table th{font-weight:600;background-color:#f6f8fa}.markdown-content table tr:nth-child(2n){background-color:#f6f8fa}.markdown-content img{max-width:100%;height:auto;margin-bottom:1em}.button-actions{display:flex;gap:8px;align-items:center}.btn{padding:8px 16px;border-radius:4px;border:1px solid #ddd;background-color:#fff;color:#333;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.btn:hover{background-color:#f5f5f5;border-color:#bbb}.btn-primary{background-color:#2e7d32;color:#fff;border-color:#2e7d32}.btn-primary:hover{background-color:#1b5e20;border-color:#1b5e20}.btn-danger{background-color:#f44336;color:#fff;border-color:#f44336}.btn-danger:hover{background-color:#da190b;border-color:#da190b}.status-badge{font-size:12px;font-weight:700}.status-badge.approved{color:green}.status-badge.pending{color:orange}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,textarea:focus-visible{outline:2px solid #2e7d32;outline-offset:2px}@media(forced-colors:active){button:focus-visible,textarea:focus-visible{outline:2px solid}}