.drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:9998}.drawer-overlay.open{opacity:1;visibility:visible}.suggestions-drawer{position:fixed;top:0;right:0;width:100%;max-width:380px;height:100vh;background:#f8f9fa;transform:translate(100%);transition:transform .3s ease-out;z-index:9999;display:flex;flex-direction:column;box-shadow:-4px 0 20px #00000026}.suggestions-drawer.open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#e5a835,#d4972e);color:#1a1a2e;flex-shrink:0}.drawer-title{display:flex;align-items:center;gap:10px;font-weight:600;font-size:16px}.drawer-close{background:#fff3;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.drawer-close:hover{background:#fff6}.drawer-content{flex:1;overflow-y:auto;padding:16px}.drawer-loading,.drawer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#888;padding:40px 20px}.drawer-empty h3{margin:16px 0 8px;color:#555;font-size:18px}.drawer-empty p{font-size:14px;line-height:1.5}.loading-spinner{width:40px;height:40px;border:3px solid #eee;border-top-color:#e5a835;border-radius:50%;animation:spin .8s linear infinite}.drawer-section{margin-bottom:16px}.section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#fff;border:none;border-left:4px solid #E5A835;border-radius:8px;cursor:pointer;transition:background .2s;margin-bottom:8px}.section-header:hover{background:#f5f5f5}.section-header-left{display:flex;align-items:center;gap:10px}.section-title{font-weight:600;font-size:14px;color:#333}.section-count{font-size:11px;font-weight:600;color:#fff;padding:2px 8px;border-radius:10px;min-width:20px;text-align:center}.section-content{display:flex;flex-direction:column;gap:10px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.drawer-suggestion-card{background:#fff;border-radius:10px;padding:14px;border-left:4px solid #E5A835;cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative}.drawer-suggestion-card:hover{transform:translate(4px);box-shadow:0 4px 12px #00000014}.drawer-suggestion-card.unread{background:linear-gradient(to right,#fffdf7,#fff)}.drawer-suggestion-card.unread:before{content:"";position:absolute;top:14px;right:14px;width:8px;height:8px;background:#e5a835;border-radius:50%}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.card-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center}.card-time{font-size:11px;color:#999;flex:1}.card-dismiss{background:transparent;border:none;padding:4px;cursor:pointer;opacity:0;transition:opacity .2s;border-radius:4px;color:#999}.drawer-suggestion-card:hover .card-dismiss{opacity:1}.card-dismiss:hover{background:#0000001a;color:#666}.card-title{margin:0 0 6px;font-size:14px;font-weight:600;color:#1a1a2e;line-height:1.3;padding-right:20px}.card-message{margin:0 0 12px;font-size:13px;color:#666;line-height:1.5}.card-action-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid #E5A835;color:#e5a835;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.card-action-btn:hover{background:#e5a835;color:#fff}@media (max-width: 480px){.suggestions-drawer{max-width:100%}.drawer-header{padding:14px 16px}.drawer-content{padding:12px}.section-header{padding:10px 12px}.drawer-suggestion-card{padding:12px}}.suggestions-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;z-index:9999;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.suggestions-popup{background:#fff;border-radius:16px;width:90%;max-width:420px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideDown .3s ease-out;overflow:hidden}.popup-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#e5a835,#d4972e);color:#1a1a2e}.popup-title{display:flex;align-items:center;gap:10px;font-weight:600;font-size:16px}.popup-close{background:#fff3;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.popup-close:hover{background:#fff6}.popup-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.popup-suggestion-card{background:#fff;border-radius:12px;padding:14px;border-left:4px solid #E5A835;cursor:pointer;transition:transform .2s,box-shadow .2s}.popup-suggestion-card:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001a}.suggestion-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.suggestion-icon{display:flex;align-items:center;justify-content:center}.suggestion-priority-badge{font-size:10px;font-weight:600;padding:3px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.suggestion-dismiss-btn{margin-left:auto;background:transparent;border:none;padding:4px;cursor:pointer;opacity:.5;transition:opacity .2s;border-radius:4px}.suggestion-dismiss-btn:hover{opacity:1;background:#0000001a}.suggestion-title{margin:0 0 6px;font-size:14px;font-weight:600;color:#1a1a2e;line-height:1.3}.suggestion-message{margin:0 0 10px;font-size:13px;color:#666;line-height:1.5}.suggestion-action-btn{background:transparent;border:1px solid #E5A835;color:#e5a835;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.suggestion-action-btn:hover{background:#e5a835;color:#fff}.popup-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #eee;background:#fafafa}.popup-btn-secondary{flex:1;padding:12px;border:1px solid #ddd;background:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.popup-btn-secondary:hover{background:#f5f5f5}.popup-btn-primary{flex:1;padding:12px;border:none;background:#e5a835;color:#fff;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.popup-btn-primary:hover{background:#d4972e}@media (max-width: 480px){.suggestions-popup-overlay{padding-top:5vh;align-items:flex-start}.suggestions-popup{width:95%;max-height:85vh;border-radius:12px}.popup-header{padding:14px 16px}.popup-title{font-size:14px}.popup-content,.popup-suggestion-card{padding:12px}.popup-footer{padding:12px 16px}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #FFD700;--primary-dark: #FFA500;--secondary: #1F2937;--bg: #F9FAFB;--bg-light: #FFFFFF;--text: #111827;--text-muted: #6B7280;--success: #10B981;--warning: #FFD700;--danger: #EF4444;--border: #E5E7EB}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;text-decoration:none;text-align:center}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 15px #ffd7004d}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #ffd70066}.btn-primary:active{transform:translateY(-1px)}.btn-secondary{background:var(--bg-light);color:var(--text);border:2px solid var(--border)}.btn-secondary:hover{background:var(--bg);border-color:var(--primary)}.card{background:var(--bg-light);border:1px solid var(--border);border-radius:16px;padding:1.5rem;transition:all .3s ease}.card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 12px 40px #ffd70026}.input{width:100%;padding:.875rem 1.25rem;background:var(--bg-light);border:2px solid var(--border);border-radius:12px;color:var(--text);font-size:1rem;transition:all .3s ease}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #ffd7001a}.input::placeholder{color:var(--text-muted)}select.input{cursor:pointer}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ponia-loader{width:50px;height:auto;animation:neonPulse 1.2s ease-in-out infinite}@keyframes neonPulse{0%,to{opacity:1;filter:drop-shadow(0 0 3px rgba(255,215,0,.6))}50%{opacity:.5;filter:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideInLeft .6s ease-out}.badge{display:inline-block;padding:.35rem .875rem;border-radius:20px;font-size:.875rem;font-weight:600}.badge-success{background:#ffd70026;color:var(--success);border:1px solid rgba(255,215,0,.3)}.badge-warning{background:#fb923c26;color:var(--warning);border:1px solid rgba(251,146,60,.3)}.badge-danger{background:#ef444426;color:var(--danger);border:1px solid rgba(239,68,68,.3)}.stat-card{text-align:center;padding:2rem 1rem;background:linear-gradient(135deg,#ffd70014,#ffd70005);border:1px solid rgba(255,215,0,.2);border-radius:16px;transition:all .3s ease}.stat-card:hover{transform:scale(1.05);box-shadow:0 8px 30px #ffd70026}.gradient-text{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.container{padding:0 1rem}.btn{width:auto;padding:.875rem 1.75rem}h1{font-size:2rem!important}h2{font-size:1.75rem!important}.hide-mobile{display:none!important}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.typing-cursor{animation:blink .8s infinite;color:gold;font-weight:700;margin-left:2px}.spin{animation:spin 1s linear infinite}