.extension-popup{min-width:400px;width:400px;max-width:100vw;min-height:480px;height:540px;max-height:90vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;box-sizing:border-box}.extension-popup .container{padding:1rem 1.25rem;max-width:100%}.extension-popup .nav{padding:.6rem 1rem}.extension-popup .card{padding:1.25rem}.extension-popup .main-content{min-height:0}:root{--bg: #f5f7fa;--bg-subtle: #eef1f5;--bg-elevated: #ffffff;--bg-hover: #e8ecf1;--bg-active: #dde2e9;--border: #d1d8e2;--border-focus: #0d9488;--text: #2d3748;--text-muted: #64748b;--text-strong: #1a202c;--accent: #0d9488;--accent-hover: #0f766e;--accent-muted: rgba(13, 148, 136, .14);--danger: #dc2626;--danger-hover: #b91c1c;--danger-muted: rgba(220, 38, 38, .12);--link: #0d9488;--link-hover: #0f766e;--success: #16a34a;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--radius-xl: 20px;--shadow: 0 2px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 24px rgba(0, 0, 0, .08);--font: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--transition: .2s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(13,148,136,.08),transparent),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(13,148,136,.04),transparent)}a{color:var(--link);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--link-hover);text-decoration:none}input,select,button{font:inherit;padding:.65rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}input:hover,select:hover{border-color:var(--text-muted)}input:focus,select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-muted)}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-elevated),0 0 0 4px var(--accent)}input::placeholder{color:var(--text-muted);opacity:.9}button{cursor:pointer;font-weight:500}button:disabled{opacity:.5;cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.25rem;border-radius:var(--radius-sm);font-weight:500;border:1px solid transparent;transition:background var(--transition),border-color var(--transition),transform .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 4px 14px #0d948859}.btn-block{width:100%}.main-content{min-height:calc(100vh - 56px)}.container{max-width:920px;margin:0 auto;padding:1.75rem 1.5rem}.page-loading{padding:4rem 1.5rem;color:var(--text-muted);text-align:center;font-size:.95rem}.error-boundary-fallback{padding:2rem;color:var(--text);text-align:center}.error-boundary-fallback h2{color:var(--danger);margin-bottom:.5rem}.error-boundary-fallback p{margin:.5rem 0 1rem;color:var(--text-muted)}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.25rem;box-shadow:var(--shadow);transition:border-color var(--transition),box-shadow var(--transition)}.card:hover{border-color:var(--border)}.card-title,.card h2{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}.card-section .card-title{margin-bottom:.5rem}.text-muted{color:var(--text-muted);font-size:.875rem}code{background:var(--bg-elevated);padding:.15em .4em;border-radius:var(--radius-sm);font-size:.9em}label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.4rem;color:var(--text)}.form-group{margin-bottom:1rem}.input{width:100%}.error{color:var(--danger);font-size:.875rem;margin-top:.5rem}.success{color:var(--success);font-size:.875rem}.landing-hero{padding:4rem 1.5rem 3rem;text-align:center}.landing-title{font-size:2rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.75rem}.landing-subtitle{color:var(--text-muted);max-width:420px;margin:0 auto 1.75rem;line-height:1.6}.landing-cta{display:inline-block;padding:.65rem 1.5rem;font-size:1rem}.landing-admin-hint{margin-top:1.25rem;font-size:.9rem;color:var(--text-muted)}.landing-admin-hint a{font-weight:500}.landing-kurulum{padding:2rem 1.5rem 4rem;border-top:1px solid var(--border)}.landing-section-title{font-size:1.25rem;margin-bottom:1.25rem;text-align:center}.landing-steps{list-style:none;counter-reset:step;padding:0;margin:0}.landing-steps li{counter-increment:step;padding:.6rem 0 .6rem 2.5rem;position:relative;line-height:1.5}.landing-steps li:before{content:counter(step);position:absolute;left:0;width:1.5rem;height:1.5rem;line-height:1.5rem;border-radius:50%;background:var(--accent-muted);color:var(--accent);font-size:.8rem;font-weight:700;text-align:center}.landing-steps li strong{color:var(--text-strong)}.skip-link{position:absolute;top:-3rem;left:1rem;padding:.5rem 1rem;background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-weight:500;z-index:100;transition:top .2s ease}.skip-link:focus{top:1rem;outline:none;box-shadow:0 0 0 2px var(--bg-elevated),0 0 0 4px var(--accent)}.nav{padding:.85rem 1.5rem;border-bottom:1px solid var(--border);background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}@media(max-width:640px){.nav{padding:.65rem 1rem;gap:.75rem}.landing-hero{padding:2.5rem 1rem 2rem}.landing-title{font-size:1.6rem}.landing-kurulum{padding:1.5rem 1rem 3rem}}.nav-brand{font-weight:700;color:var(--text-strong);font-size:1.1rem;letter-spacing:-.02em}.nav-brand:hover{text-decoration:none;color:var(--link)}.nav-links{display:flex;align-items:center;gap:.5rem;margin-left:auto}.nav-links a{font-size:.9rem;padding:.45rem .9rem;border-radius:var(--radius-sm);color:var(--text-muted);transition:color var(--transition),background var(--transition)}.nav-links a:hover{color:var(--text);background:var(--bg-hover);text-decoration:none}.nav .btn{padding:.45rem 1rem;font-size:.875rem;border-radius:var(--radius-sm);background:var(--bg-hover);border-color:var(--border);color:var(--text)}.nav .btn:hover{background:var(--bg-active);border-color:var(--border);color:var(--text);text-decoration:none}.nav .btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.nav .btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.auth-page{min-height:calc(100vh - 56px);display:flex;align-items:center;justify-content:center;padding:2rem}.auth-card{max-width:400px;width:100%;margin:0 auto;border-radius:var(--radius-lg);padding:2rem;border:1px solid var(--border);box-shadow:var(--shadow-lg);background:var(--bg-elevated)}.auth-title{font-size:1.5rem;font-weight:700;margin-bottom:.35rem;letter-spacing:-.02em;color:var(--text-strong)}.auth-subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem;line-height:1.5}.auth-form .form-group{margin-bottom:1.15rem}.auth-form .btn{margin-top:.5rem;padding:.75rem;border-radius:var(--radius-sm)}.calc-header{margin-bottom:1.75rem}.calc-header h1{font-size:1.6rem;font-weight:700;margin-bottom:.35rem;letter-spacing:-.02em;color:var(--text-strong)}.calc-header p{color:var(--text-muted);font-size:.95rem}.calc-result-box{border-left:4px solid var(--accent);margin-top:1.25rem;padding-left:1rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--bg-subtle)}.calc-sublabel{font-size:.8rem;color:var(--text-muted);margin-bottom:.25rem;font-weight:500}.calc-kalan{font-size:1.2rem;font-weight:700;color:var(--accent);margin-top:.25rem}.table-wrap{overflow-x:auto;border-radius:var(--radius-sm);border:1px solid var(--border)}.table-wrap table{width:100%;border-collapse:collapse;font-size:.9rem}.table-wrap th,.table-wrap td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.table-wrap th{color:var(--text-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;background:var(--bg-subtle)}.table-wrap tr:last-child td{border-bottom:none}.table-wrap tbody tr{transition:background var(--transition)}.table-wrap tbody tr:hover{background:var(--bg-hover)}.table-wrap .btn{padding:.4rem .75rem;font-size:.8rem;background:transparent;color:var(--link);border-color:transparent;border-radius:var(--radius-sm)}.table-wrap .btn:hover{background:var(--accent-muted);text-decoration:none;color:var(--link-hover)}.table-wrap .btn-danger{color:var(--danger)}.table-wrap .btn-danger:hover{background:var(--danger-muted);color:var(--danger-hover);text-decoration:none}.admin-page{max-width:1000px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.admin-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.admin-header .page-title{display:flex;align-items:center;gap:.6rem;font-size:1.6rem;margin-bottom:.4rem}.admin-header .page-title:before{content:"";width:4px;height:1.4em;background:linear-gradient(180deg,var(--accent),var(--accent-hover));border-radius:2px}.admin-header .page-desc{margin-bottom:0;padding-left:calc(4px + .6rem);font-size:.9rem;opacity:.9}.page-title{font-size:1.5rem;font-weight:700;margin-bottom:.35rem;letter-spacing:-.02em;color:var(--text-strong)}.page-desc{font-size:.95rem;margin-bottom:1.5rem;color:var(--text-muted)}.admin-section{margin-bottom:2.5rem}.admin-section-title{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.25rem;padding-bottom:.65rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.5rem}.admin-section-title:before{content:"";width:3px;height:1em;background:var(--accent);border-radius:2px;opacity:.8}.admin-page .card.card-section{border-radius:var(--radius);border:1px solid var(--border);padding:1.5rem 1.75rem;margin-bottom:1.25rem;background:var(--bg-elevated);box-shadow:0 1px #ffffff08;transition:border-color var(--transition),box-shadow var(--transition)}.admin-page .card.card-section:hover{border-color:#2d3a4de6;box-shadow:var(--shadow)}.admin-page .card.card-section .card-title{font-size:.8rem;font-weight:600;letter-spacing:.06em;margin-bottom:.4rem;color:var(--text)}.admin-page .card.card-section .text-muted{font-size:.875rem;line-height:1.5;margin-bottom:0}.form-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}.invite-edit-bar{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;padding:1rem 1.25rem;background:var(--bg-subtle);border-radius:var(--radius-sm);margin-top:.75rem;border:1px solid var(--border)}.cell-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;white-space:nowrap}.cell-checkbox input{width:auto;margin:0}.admin-page .table-wrap{border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);margin-top:.75rem}.admin-page .table-wrap th{padding:.85rem 1.1rem;font-size:.72rem;letter-spacing:.08em}.admin-page .table-wrap td{padding:.85rem 1.1rem;vertical-align:middle}.admin-page .table-wrap tbody tr{border-bottom:1px solid var(--border)}.admin-page .table-wrap tbody tr:last-child{border-bottom:none}.admin-page .table-wrap tbody tr:hover{background:var(--bg-hover)}.admin-toolbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.admin-filters{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.admin-search-input{flex:1;min-width:200px;max-width:320px;padding:.6rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text)}.admin-filter-select{min-width:160px}.admin-form-panel{background:var(--bg-subtle);border-radius:var(--radius);padding:1.5rem 1.75rem;border:1px solid var(--border)}.admin-form-section{font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;margin-top:1.25rem}.admin-form-section:first-child{margin-top:0}.modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;max-width:90vw;max-height:85vh;overflow:auto;box-shadow:var(--shadow-lg);animation:slideUp .25s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.btn-danger{color:var(--danger);border-color:transparent}.btn-danger:hover:not(:disabled){background:var(--danger-muted);color:var(--danger-hover)}.badge{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-success{background:#46a75833;color:#46a758}.badge-muted{background:var(--bg-hover);color:var(--text-muted)}.badge-danger{background:var(--danger-muted);color:var(--danger)}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:1100;display:flex;flex-direction:column;gap:.5rem;max-width:90vw;pointer-events:none}.toast{padding:.75rem 1.25rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;box-shadow:var(--shadow-lg);border:1px solid var(--border);animation:toastIn .25s ease;pointer-events:auto}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-success{background:#46a75833;color:#46a758;border-color:#46a75866}.toast-error{background:var(--danger-muted);color:var(--danger);border-color:#e5484d66}.toast-info{background:var(--bg-elevated);color:var(--text);border-color:var(--border)}