@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Inter:wght@300;400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box}body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{color:#1a2e10;background:#f0f4ec;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif}.app{flex-direction:column;min-height:100vh;display:flex}.header{color:#fff;z-index:100;background:linear-gradient(135deg,#0d3b1a 0%,#1b5e20 45%,#2e7d32 100%);padding:0 32px;position:sticky;top:0;box-shadow:0 4px 24px #00000040}.header-content{justify-content:space-between;align-items:center;gap:16px;max-width:1440px;height:70px;margin:0 auto;display:flex}.header-brand{align-items:center;gap:14px;display:flex}.header-icon{filter:drop-shadow(0 2px 4px #0000004d);font-size:2rem;line-height:1}.header-text h1{letter-spacing:-.3px;font-family:Playfair Display,Georgia,serif;font-size:1.55rem;font-weight:700;line-height:1.2}.header-text p{opacity:.7;letter-spacing:.4px;text-transform:uppercase;margin-top:2px;font-size:.78rem;font-weight:400}.header-stats{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:40px;align-items:center;gap:6px;padding:8px 20px;display:flex}.stat-item{flex-direction:column;align-items:center;min-width:44px;display:flex}.stat-number{font-family:Playfair Display,serif;font-size:1.2rem;font-weight:700;line-height:1}.stat-label{opacity:.7;text-transform:uppercase;letter-spacing:.5px;margin-top:1px;font-size:.65rem}.stat-divider{background:#ffffff40;width:1px;height:28px;margin:0 6px}.main{flex:1;gap:0;width:100%;max-width:1440px;margin:0 auto;padding:24px 24px 0;display:flex}.map-section{flex-direction:column;flex:1;gap:14px;min-width:0;display:flex}.map-card{background:#fff;border:1px solid #d7ead9;border-radius:20px;flex-direction:column;gap:12px;padding:20px 20px 16px;display:flex;box-shadow:0 4px 24px #00000012}.map-hint{color:#558b2f;background:#f1f8e9;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;font-weight:500;display:flex}.map-hint-icon{font-size:1rem}.map-wrapper svg{width:100%!important;height:auto!important}#svg-turkiye-haritasi-container path{cursor:pointer;stroke:#fff;stroke-width:.5px;transition:filter .15s}.legend{background:#fff;border:1px solid #d7ead9;border-radius:14px;flex-wrap:wrap;gap:8px 18px;padding:12px 18px;display:flex;box-shadow:0 2px 12px #0000000d}.legend-item{color:#546e7a;align-items:center;gap:7px;font-size:.77rem;font-weight:500;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:11px;height:11px;display:inline-block;box-shadow:0 1px 3px #0003}.panel-section{width:350px;min-width:350px;margin-left:22px}.empty-panel{text-align:center;background:#fff;border:1px solid #d7ead9;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;padding:48px 28px;display:flex;box-shadow:0 4px 24px #00000012}.empty-illustration{justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:4px;display:flex;position:relative}.empty-leaf{z-index:1;font-size:2.8rem;line-height:1;position:relative}.empty-ring{border:2px solid #c8e6c9;border-radius:50%;animation:2.5s ease-out infinite pulse-ring;position:absolute;inset:0}@keyframes pulse-ring{0%{opacity:.7;transform:scale(.85)}60%{opacity:.2;transform:scale(1.1)}to{opacity:.7;transform:scale(.85)}}.empty-panel h3{color:#2e7d32;font-family:Playfair Display,serif;font-size:1.25rem}.empty-panel p{color:#607d8b;max-width:240px;font-size:.88rem;line-height:1.65}.empty-sub{color:#b0bec5!important;font-size:.76rem!important}.city-panel{background:#fff;border:1px solid #d7ead9;border-radius:20px;flex-direction:column;max-height:calc(100vh - 110px);display:flex;overflow:hidden;box-shadow:0 4px 24px #0000001a}.panel-header{color:#fff;justify-content:space-between;align-items:flex-start;padding:22px 20px 18px;display:flex;position:relative;overflow:hidden}.panel-header:after{content:"🌿";opacity:.12;pointer-events:none;font-size:4rem;line-height:1;position:absolute;bottom:-10px;right:52px}.panel-header-text{flex-direction:column;gap:3px;display:flex}.panel-region{opacity:.8;text-transform:uppercase;letter-spacing:.8px;font-size:.68rem;font-weight:600}.panel-city{font-family:Playfair Display,serif;font-size:1.65rem;font-weight:700;line-height:1.2}.panel-badge{background:#ffffff38;border-radius:20px;width:fit-content;margin-top:2px;padding:2px 10px;font-size:.72rem;font-weight:500;display:inline-block}.close-btn{color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-top:2px;margin-left:8px;font-size:.9rem;transition:background .2s;display:flex}.close-btn:hover{background:#ffffff59}.panel-body{scrollbar-width:thin;scrollbar-color:#c8e6c9 transparent;flex:1;padding:16px;overflow-y:auto}.panel-body::-webkit-scrollbar{width:4px}.panel-body::-webkit-scrollbar-track{background:0 0}.panel-body::-webkit-scrollbar-thumb{background:#c8e6c9;border-radius:4px}.panel-footer{border-top:1px solid #e8f5e9;padding:12px 16px}.add-plant-btn{color:#fff;cursor:pointer;letter-spacing:.2px;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 16px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:opacity .2s,transform .15s;display:flex}.add-plant-btn span{font-size:1.2rem;font-weight:400;line-height:1}.add-plant-btn:hover{opacity:.88;transform:translateY(-1px)}.add-plant-btn:active{transform:translateY(0)}.no-data{color:#90a4ae;flex-direction:column;align-items:center;gap:10px;padding:32px 16px;font-size:.9rem;font-style:italic;display:flex}.no-data-icon{font-size:2rem}.plants-list{flex-direction:column;gap:10px;display:flex}.plant-card{background:#f9fdf6;border:1px solid #e8f5e9;border-radius:13px;gap:12px;padding:13px 14px;transition:box-shadow .2s,transform .15s;display:flex}.plant-card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000012}.plant-card.user-added{border-style:dashed;border-color:#a5d6a7}.plant-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.plant-icon{font-size:1.2rem;line-height:1}.plant-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.plant-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.plant-name{color:#1a2e10;font-size:.92rem;font-weight:700;line-height:1.3}.user-badge{text-transform:uppercase;letter-spacing:.5px;color:#2e7d32;background:#e8f5e9;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:.62rem;font-weight:600}.plant-local{color:#607d8b;font-size:.8rem}.plant-latin{color:#90a4ae;font-size:.77rem}.plant-purpose{color:#455a64;border-left:3px solid;border-radius:7px;margin-top:5px;padding:5px 9px;font-size:.77rem;line-height:1.4}.label{color:#546e7a;font-weight:600}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a190a8c;justify-content:center;align-items:center;animation:.2s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:20px;width:100%;max-width:440px;margin:16px;animation:.25s slide-up;overflow:hidden;box-shadow:0 20px 60px #00000040}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{color:#fff;background:linear-gradient(135deg,#1b5e20,#2e7d32);justify-content:space-between;align-items:flex-start;padding:20px 20px 18px;display:flex}.modal-subtitle{opacity:.75;text-transform:uppercase;letter-spacing:.8px;margin-bottom:3px;font-size:.7rem;font-weight:600}.modal-title{font-family:Playfair Display,serif;font-size:1.3rem;font-weight:700}.modal-close{color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;transition:background .2s;display:flex}.modal-close:hover{background:#ffffff4d}.modal-form{flex-direction:column;gap:14px;padding:20px;display:flex}.form-group{flex-direction:column;gap:5px;display:flex}.form-group label{color:#37474f;letter-spacing:.2px;font-size:.8rem;font-weight:600}.required{color:#e53935;margin-left:2px}.form-group input{color:#1a2e10;background:#f9fdf6;border:1.5px solid #dde6da;border-radius:9px;outline:none;padding:9px 13px;font-family:Inter,sans-serif;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{background:#fff;border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d321f}.form-group input::placeholder{color:#b0bec5}.form-error{color:#c62828;background:#ffebee;border-left:3px solid #e53935;border-radius:8px;padding:8px 12px;font-size:.82rem;font-weight:500}.modal-actions{gap:10px;margin-top:4px;display:flex}.btn-secondary{color:#546e7a;cursor:pointer;background:#fff;border:1.5px solid #dde6da;border-radius:10px;flex:1;padding:10px;font-family:Inter,sans-serif;font-size:.88rem;font-weight:600;transition:background .2s,border-color .2s}.btn-secondary:hover{background:#f0f4ec;border-color:#c8e6c9}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1b5e20,#388e3c);border:none;border-radius:10px;flex:2;padding:10px;font-family:Inter,sans-serif;font-size:.88rem;font-weight:600;transition:opacity .2s,transform .15s;box-shadow:0 2px 10px #2e7d324d}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.footer{text-align:center;background:#fff;border-top:1px solid #d7ead9;margin-top:28px;padding:18px 24px}.footer-content{color:#90a4ae;justify-content:center;align-items:center;gap:10px;font-size:.8rem;display:flex}.footer-sep{opacity:.5}.auth-info{background:#f1f8e9;border:1px solid #c8e6c9;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.auth-icon{flex-shrink:0;font-size:1.4rem}.auth-info p{color:#37474f;font-size:.84rem;line-height:1.4}@media (width<=960px){.main{flex-direction:column;gap:16px;padding:16px}.panel-section{width:100%;min-width:unset;margin-left:0}.city-panel{max-height:none}.header-text h1{font-size:1.25rem}.header-stats{display:none}.map-card{padding:14px}}@media (width<=600px){.header{padding:0 14px;position:relative}.header-content{height:56px}.header-icon{font-size:1.4rem}.header-text h1{letter-spacing:-.2px;font-size:1.05rem}.header-text p{display:none}.main{gap:10px;padding:10px}.map-card{border-radius:14px;padding:10px}.map-hint{padding:6px 10px;font-size:.78rem}.legend{border-radius:10px;gap:6px 12px;padding:10px 12px}.legend-item{font-size:.72rem}.panel-section{margin-top:0}.city-panel{border-radius:14px}.panel-header{padding:16px 14px 14px}.panel-city{font-size:1.35rem}.panel-body{padding:12px}.plant-card{padding:11px 12px}.plant-icon-wrap{width:34px;height:34px}.plant-name{font-size:.88rem}.panel-footer{padding:10px 12px}.add-plant-btn{padding:10px;font-size:.85rem}.empty-panel{border-radius:14px;padding:32px 20px}.modal{border-radius:16px;margin:10px}.modal-form{gap:12px;padding:16px}.modal-header{padding:16px 16px 14px}.modal-actions{flex-direction:column-reverse;gap:8px}.btn-secondary,.btn-primary{flex:none;width:100%;padding:12px;font-size:.92rem}}