.global-back-button{color:#fff;cursor:pointer;z-index:1000;background:#111;border:none;border-radius:18px;align-items:center;gap:10px;height:35px;padding:0 22px;font-size:15px;font-weight:700;transition:all .2s;display:flex;position:fixed;top:20px;left:115px}.back-button:hover{background:#000;transform:translateY(-1px)}.global-back-button:hover{background:#2a2a2a;transform:translateY(-2px)}.sidebar{color:#fff;z-index:9999;box-sizing:border-box;background:#0f0f0f;flex-direction:column;width:100px;height:100vh;padding:24px 12px 20px;transition:all .25s;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar.expanded{width:300px}.logo{white-space:nowrap;cursor:pointer;margin-bottom:32px;font-weight:600;transition:all .2s;overflow:hidden}.logo-short{letter-spacing:-.03em;font-size:40px;line-height:1;display:inline-block}.logo-full{letter-spacing:-.03em;font-size:40px;line-height:1;display:none}.logo:hover{opacity:.8}.sidebar-nav{flex:1;min-height:0;margin-right:-4px;padding-right:4px;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#333;border-radius:999px}.menu{margin:0;padding:0;list-style:none}.menu-item{color:#bbb;cursor:pointer;align-items:center;gap:10px;padding:8px 6px;font-size:13px;line-height:1.25;transition:all .2s;display:flex}.menu-item svg{flex-shrink:0;min-width:20px}.menu-item:hover{color:#fff}.menu-item.active{background-color:#2f2f2f;border-radius:10px}.menu-text{opacity:0;white-space:nowrap;font-size:13px;line-height:1.25;transition:all .2s}.sidebar.expanded .menu-text{opacity:1}.sidebar.expanded .logo-full{display:inline}.sidebar.expanded .logo-short{display:none}.sidebar-logout{color:#bbb;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 6px;font-size:13px;line-height:1.25;transition:all .2s;display:flex}.sidebar-footer{border-top:1px solid #2a2a2a;flex-shrink:0;margin-top:12px;padding-top:12px}.sidebar-logout:hover{color:#fff}.sidebar-logout svg{flex-shrink:0;min-width:20px}.dashboard{background:#f5f5f5;min-height:100vh;padding:28px}.dashboard-top{flex-direction:column;gap:20px;margin-bottom:28px;display:flex}.dashboard-top-head{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.dashboard-greeting{min-width:0}.dashboard-top-search{width:100%;max-width:560px}.dashboard-top-search .global-search{flex:none;width:100%;max-width:none}.dashboard-top h1{color:#111;margin-bottom:6px;font-size:42px;font-weight:700;line-height:1.05}.dashboard-top p{color:#6b6b6b;font-size:15px}.search-bar{background:#fff;border:1px solid #e3e3e3;border-radius:16px;align-items:center;gap:12px;width:100%;height:52px;padding:0 18px;display:flex}.search-bar input{color:#111;background:0 0;border:none;outline:none;width:100%;font-size:14px}.global-search{flex:280px;width:auto;min-width:0;max-width:560px;position:relative}.global-search-dropdown{z-index:50;background:#fff;border:1px solid #e3e3e3;border-radius:14px;max-height:380px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #0000001a}.global-search-message{color:#6b6b6b;padding:14px 16px;font-size:13px}.global-search-error{color:#b42318}.global-search-results{margin:0;padding:6px;list-style:none}.global-search-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;gap:2px;width:100%;padding:10px 12px;display:flex}.global-search-item:hover,.global-search-item:focus-visible{background:#f3f3f3;outline:none}.global-search-type{text-transform:uppercase;letter-spacing:.04em;color:#8a5a2b;font-size:11px;font-weight:600}.global-search-title{color:#111;font-size:14px;font-weight:600}.global-search-snippet{color:#6b6b6b;font-size:12px;line-height:1.35}.top-icons{flex-shrink:0;align-items:center;gap:18px;display:flex;position:relative}.notification-wrapper{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex;position:relative}.notification-wrapper:hover{background:#efefef}.notification-badge{color:#fff;text-align:center;box-sizing:border-box;background:#111;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-4px;right:-4px}.notifications-dropdown{z-index:999;background:#fff;border:1px solid #e8e8e8;border-radius:22px;width:340px;padding:12px;position:absolute;top:52px;right:0;box-shadow:0 10px 30px #00000014}.notification-item{color:#222;cursor:pointer;border-radius:16px;padding:14px 16px;font-size:14px;line-height:1.4;transition:all .2s}.notification-item:hover{background:#f5f5f5}.dashboard-layout{grid-template-columns:2fr .9fr;align-items:start;gap:22px;display:grid}.dashboard-main,.dashboard-sidebar{flex-direction:column;gap:22px;display:flex}.dashboard-card{background:#fff;border:1px solid #e5e5e5;border-radius:24px;padding:22px}.card-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.card-header h3{color:#111;font-size:24px;font-weight:700}.card-header span{color:#7b7b7b;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.card-header span:hover{color:#111}.stats-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.stat-item{text-align:center;background:#fafafa;border:1px solid #efefef;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:140px;padding:18px;display:flex}.stat-item svg{margin-bottom:12px}.stat-item h2{color:#111;margin-bottom:8px;font-size:28px}.stat-item p{color:#7b7b7b;font-size:13px;line-height:1.4}.mini-progress{background:#e8e8e8;border-radius:999px;width:100%;height:7px;margin-top:14px;overflow:hidden}.mini-progress-fill{background:#111;border-radius:999px;width:42%;height:100%}.coffee-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.coffee-card{cursor:pointer;background:#fafafa;border:1px solid #ededed;border-radius:20px;padding:14px;transition:all .2s}.coffee-card:hover{transform:translateY(-3px)}.coffee-image{background:linear-gradient(135deg,#2a2a2a,#111);border-radius:16px;height:130px;margin-bottom:14px}.coffee-card h4{color:#111;margin-bottom:6px;font-size:16px;font-weight:700}.coffee-card p{color:#777;margin-bottom:12px;font-size:13px;line-height:1.4}.rating{color:#111;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.activity-item{background:#fafafa;border:1px solid #ededed;border-radius:16px;align-items:center;gap:14px;padding:16px;display:flex}.activity-item p{color:#222;font-size:14px}.favorites-list{flex-direction:column;gap:12px;display:flex}.favorite-item{background:#fafafa;border:1px solid #ededed;border-radius:16px;align-items:center;gap:14px;padding:16px;display:flex}.favorite-item div{flex:1}.favorite-item h4{color:#111;margin-bottom:4px;font-size:16px;font-weight:700}.favorite-item p{color:#777;font-size:13px}.favorite-item span{color:#111;font-size:14px;font-weight:700}.quick-actions{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.quick-actions button{color:#fff;cursor:pointer;background:#111;border:none;border-radius:16px;height:56px;font-size:14px;font-weight:600;transition:all .2s}.quick-actions button:hover{background:#222;transform:translateY(-2px)}select{color:#111;background:#fafafa;border:1px solid #e5e5e5;border-radius:10px;outline:none;height:38px;padding:0 12px;font-size:13px}@media (width<=1500px){.coffee-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1200px){.dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{order:-1}.dashboard-top-search{max-width:none}}@media (width<=900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.coffee-grid,.quick-actions{grid-template-columns:1fr}.dashboard{padding:18px}.dashboard-top h1{font-size:34px}}.dashboard-error{color:#b42318;margin-bottom:16px;font-size:14px}.dashboard-empty{color:#6b6b6b;margin:0;font-size:14px}.dashboard-clickable{cursor:pointer}.favorite-coffees-page{background:#f5f5f5;min-height:100vh;padding:28px}.favorite-coffees-header{margin-bottom:28px}.favorite-coffees-header h1{color:#111;margin-bottom:8px;font-size:40px;font-weight:700}.favorite-coffees-header p{color:#6f6f6f;font-size:15px}.favorite-coffees-list{flex-direction:column;gap:18px;display:flex}.favorite-coffee-card{background:#fff;border:1px solid #e8e8e8;border-radius:24px;gap:20px;padding:18px;transition:all .2s;display:flex}.favorite-coffee-card:hover{transform:translateY(-2px)}.favorite-coffee-image{background:linear-gradient(135deg,#2a2a2a,#111);border-radius:18px;width:180px;height:140px}.favorite-coffee-content{flex-direction:column;flex:1;justify-content:center;display:flex}.favorite-coffee-top{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.favorite-coffee-top h3{color:#111;margin-bottom:6px;font-size:24px;font-weight:700}.favorite-coffee-top span{color:#777;font-size:14px}.favorite-coffee-content p{color:#555;margin-bottom:18px;font-size:15px}.favorite-coffee-rating{color:#111;align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}@media (width<=900px){.favorite-coffee-card{flex-direction:column}.favorite-coffee-image{width:100%}.favorite-coffees-header h1{font-size:32px}}.register-wrapper{background:#0f0f0f;justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.register-card{color:#fff;background:#181818;border:1px solid #ffffff0f;border-radius:32px;flex-direction:column;width:100%;max-width:460px;padding:52px 42px;display:flex;box-shadow:0 10px 40px #00000059}.logo{text-align:center;letter-spacing:-1px;margin-bottom:18px;font-size:3rem;font-weight:700}.register-card h2{text-align:center;margin-bottom:12px;font-size:2rem;font-weight:600}.register-subtitle{text-align:center;color:#9a9a9a;margin-bottom:38px;font-size:.96rem;line-height:1.5}.register-card form{flex-direction:column;gap:16px;display:flex}.register-card input{color:#fff;background:#232323;border:none;border-radius:18px;height:56px;padding:0 18px;font-size:.96rem;transition:all .2s}.register-card input::placeholder{color:#8d8d8d}.register-card input:focus{background:#2a2a2a;outline:none;box-shadow:0 0 0 2px #ffffff0f}.hint-description{color:#7f7f7f;text-align:center;margin-top:-4px;margin-bottom:10px;font-size:.82rem;line-height:1.5}.field-error{color:#ff7d7d;margin-top:-4px;font-size:.85rem}.register-error{color:#ff9d9d;background:#ff000014;border:1px solid #ff000026;border-radius:16px;padding:14px;font-size:.9rem}.register-card button{color:#000;cursor:pointer;background:#fff;border:none;border-radius:18px;height:56px;margin-top:12px;font-size:1rem;font-weight:600;transition:all .2s}.register-card button:hover{opacity:.92;transform:translateY(-1px)}.register-card button:disabled{opacity:.45;cursor:not-allowed;transform:none}.login-text{text-align:center;color:#8a8a8a;margin-top:28px;font-size:.92rem}.login-text span{color:#fff;cursor:pointer;font-weight:600;transition:all .2s}.login-text span:hover{opacity:.7}.onboarding-wrapper{background:radial-gradient(circle at top,#2a2a2a 0%,#111 45%),#111;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.onboarding-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;background:#ffffff0d;border:1px solid #ffffff14;border-radius:32px;width:100%;max-width:620px;padding:42px;box-shadow:0 20px 60px #00000073}.progress-bar{background:#ffffff14;border-radius:999px;width:100%;height:10px;margin-bottom:18px;overflow:hidden}.progress-fill{background:linear-gradient(135deg,#5f5f5f,#3f3f3f);border-radius:999px;height:100%;transition:width .3s}.step-counter{color:#9f9f9f;text-align:center;margin-bottom:34px;font-size:.9rem}.step-content{flex-direction:column;gap:14px;display:flex}.step-content h2{margin-bottom:10px;font-size:1.8rem;line-height:1.3}.secondary-title{margin-top:24px}.step-content button{color:#fff;cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;width:100%;min-height:58px;padding:0 18px;font-size:1rem;transition:all .2s}.step-content button:hover{background:#ffffff14;border-color:#ffffff2e;transform:translateY(-1px)}.step-content button.selected{background:#ffffff1a;border-color:#8f8f8f;box-shadow:0 0 0 3px #ffffff0d}.checkbox-wrapper{color:#cfcfcf;align-items:center;gap:12px;margin-top:20px;line-height:1.5;display:flex}.checkbox-wrapper input{accent-color:#7a7a7a;width:18px;height:18px}.navigation-buttons{justify-content:space-between;gap:14px;margin-top:42px;display:flex}.navigation-buttons button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f4f4f,#2f2f2f);border:none;border-radius:18px;flex:1;height:56px;font-size:1rem;font-weight:600;transition:all .25s}.navigation-buttons button:hover{background:linear-gradient(135deg,#5c5c5c,#3a3a3a);transform:translateY(-2px);box-shadow:0 10px 24px #00000040}@media (width<=640px){.onboarding-card{padding:30px 22px}.step-content h2{font-size:1.5rem}.navigation-buttons{flex-direction:column}.field-description{color:#8f8f8f;margin-top:-4px;margin-bottom:10px;font-size:13px;line-height:1.4}}.cupping-container{box-sizing:border-box;background:#f3f3f3;width:100%;min-height:100vh;padding:55px 60px;font-family:Inter,sans-serif}.cupping-inner{max-width:950px}.cupping-title{color:#1f1f1f;text-align:left;margin:0 0 8px;font-size:58px;font-weight:700;line-height:1}.cupping-subtitle{color:#6f6f6f;margin:0;font-size:16px}.cupping-actions{margin-bottom:32px}.add-session-btn,.details-btn{cursor:pointer;border:none;border-radius:18px;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.add-session-btn{color:#fff;background:#1f1f1f}.add-session-btn:hover{background:#000;transform:translateY(-1px)}.cupping-list{flex-direction:column;gap:18px;display:flex}.cupping-card{background:#fafafa;border:1px solid #e6e6e6;border-radius:26px;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;transition:all .2s;display:flex;box-shadow:0 2px 10px #00000008}.cupping-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000000d}.card-left{align-items:center;gap:22px;min-width:0;display:flex}.card-icon{color:#2a2a2a;background:#efefef;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.card-content h3{color:#1f1f1f;margin:0 0 8px;font-size:22px;font-weight:700}.card-meta{color:#707070;flex-wrap:wrap;gap:14px;font-size:14px;display:flex}.card-meta span{align-items:center;gap:6px;display:inline-flex}.details-btn{color:#fff;background:#1f1f1f;flex-shrink:0}.details-btn:hover{background:#000;transform:translateY(-1px)}.card-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.delete-btn{cursor:pointer;color:#555;background:#efefef;border:1px solid #ddd;border-radius:18px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.delete-btn:hover{background:#e8e8e8}.empty-text{color:#707070;background:#fafafa;border:1px solid #e6e6e6;border-radius:28px;margin:0;padding:50px;font-size:16px}@media (width<=900px){.cupping-container{padding:40px 24px}.cupping-title{font-size:42px}.cupping-card{flex-direction:column;align-items:stretch}.details-btn{justify-content:center}}.cupping-wrapper{box-sizing:border-box;background:#f3f3f3;width:100%;min-height:100vh;padding:55px 60px;font-family:Inter,sans-serif}.cupping-inner{width:100%;max-width:900px}.cupping-header{margin-bottom:38px}.cupping-header h1{color:#1f1f1f;margin:0 0 8px;font-size:58px;font-weight:700;line-height:1}.cupping-header p{color:#6f6f6f;margin:0;font-size:16px}.cupping-box{background:#fafafa;border:1px solid #e6e6e6;border-radius:28px;flex-direction:column;gap:20px;padding:32px;display:flex;box-shadow:0 2px 10px #00000008}.cupping-field{flex-direction:column;gap:8px;display:flex}.cupping-field label{color:#1f1f1f;font-size:14px;font-weight:600}.cupping-box input,.cupping-box textarea{color:#1f1f1f;box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:16px;outline:none;width:100%;padding:14px 16px;font-size:14px;transition:border-color .2s}.cupping-box input:focus,.cupping-box textarea:focus{border-color:#1f1f1f}.cupping-box textarea{resize:vertical;min-height:120px;line-height:1.5}.cupping-form-actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.cupping-btn-primary,.cupping-btn-secondary{cursor:pointer;border:none;border-radius:18px;padding:12px 18px;font-size:14px;font-weight:600;transition:all .2s}.cupping-btn-primary{color:#fff;background:#1f1f1f}.cupping-btn-primary:hover:not(:disabled){background:#000;transform:translateY(-1px)}.cupping-btn-secondary{color:#555;background:#efefef;border:1px solid #ddd}.cupping-btn-secondary:hover:not(:disabled){background:#e8e8e8}.cupping-btn-primary:disabled{opacity:.55;cursor:not-allowed}.cupping-error{color:#b42318;margin:0;font-size:14px}@media (width<=900px){.cupping-wrapper{padding:40px 24px}.cupping-header h1{font-size:42px}}.details-container{box-sizing:border-box;background:#f3f3f3;width:100%;min-height:100vh;padding:55px 60px;font-family:Inter,sans-serif}.details-inner{max-width:950px}.details-header{margin-bottom:38px}.title{color:#1f1f1f;text-align:left;margin:0 0 8px;font-size:58px;font-weight:700;line-height:1}.details-subtitle{color:#6f6f6f;margin:0;font-size:16px}.error-text{color:#b42318;margin:0 0 20px;font-size:14px}.cupping-block{background:#fafafa;border:1px solid #e6e6e6;border-radius:28px;margin-bottom:24px;padding:32px;box-shadow:0 2px 10px #00000008}.subtitle{color:#1f1f1f;text-align:left;margin:0 0 20px;font-size:24px;font-weight:700}.coffee-label{color:#444;margin:0 0 20px;font-size:16px;font-weight:600}.coffee-inputs{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.coffee-field{flex-direction:column;gap:8px;display:flex}.coffee-field label{color:#1f1f1f;font-size:14px;font-weight:600}.coffee-input{box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:16px;outline:none;width:100%;padding:14px 16px;font-size:14px}.coffee-input:focus{border-color:#1f1f1f}.coffee-input:disabled{color:#888;background:#f0f0f0}.coffee-field-full{grid-column:1/-1}.coffee-textarea{resize:vertical;min-height:110px;line-height:1.5}.session-form-card{background:#fafafa;border:1px solid #e6e6e6;border-radius:28px;margin-bottom:24px;padding:32px;box-shadow:0 2px 10px #00000008}.block-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.block-header .subtitle{margin:0}.remove-cup-btn,.delete-session-btn{cursor:pointer;color:#555;background:#efefef;border:1px solid #ddd;border-radius:18px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.remove-cup-btn:hover,.delete-session-btn:hover:not(:disabled){background:#e8e8e8}.delete-session-btn:disabled{opacity:.55;cursor:not-allowed}.grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.box{background:#fff;border:1px solid #e6e6e6;border-radius:20px;flex-direction:column;gap:10px;padding:20px;display:flex}.box h3{color:#1f1f1f;margin:0;font-size:14px;font-weight:600}.box input[type=number],.box textarea{box-sizing:border-box;border:1px solid #ddd;border-radius:14px;outline:none;width:100%;padding:12px 14px;font-size:14px}.box input[type=number]:focus,.box textarea:focus{border-color:#1f1f1f}.box textarea{resize:vertical;min-height:90px;line-height:1.5}.checkbox-group{flex-wrap:nowrap;align-items:center;gap:16px;display:flex}.checkbox-group label{color:#555;cursor:pointer;white-space:nowrap;align-items:center;gap:8px;font-size:14px;font-weight:500;display:inline-flex}.checkbox-group input[type=radio]{accent-color:#1f1f1f;flex-shrink:0;width:16px;height:16px;margin:0;padding:0}.box-full{grid-column:1/-1}.details-actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.add-cup-btn,.save-btn{cursor:pointer;border:none;border-radius:18px;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.add-cup-btn{color:#555;background:#efefef;border:1px solid #ddd}.add-cup-btn:hover{background:#e8e8e8}.save-btn{color:#fff;background:#1f1f1f}.save-btn:hover:not(:disabled){background:#000;transform:translateY(-1px)}.save-btn:disabled{opacity:.55;cursor:not-allowed}@media (width<=900px){.details-container{padding:40px 24px}.title{font-size:42px}.coffee-inputs,.grid{grid-template-columns:1fr}}.preview-container{box-sizing:border-box;background:#f3f3f3;width:100%;min-height:100vh;padding:55px 60px;font-family:Inter,sans-serif}.preview-inner{max-width:950px}.preview-title{color:#1f1f1f;text-align:left;margin:0 0 8px;font-size:58px;font-weight:700;line-height:1}.preview-subtitle{color:#6f6f6f;margin:0;font-size:16px}.loading-text,.empty-text{color:#707070;background:#fafafa;border:1px solid #e6e6e6;border-radius:28px;padding:50px;font-size:16px}.session-info{background:#fafafa;border:1px solid #e6e6e6;border-radius:26px;margin-bottom:28px;padding:24px 28px;box-shadow:0 2px 10px #00000008}.session-info p{color:#555;margin:0 0 10px;font-size:15px}.session-info p:last-child{margin-bottom:0}.session-info strong{color:#1f1f1f}.preview-list{flex-direction:column;gap:18px;margin-bottom:28px;display:flex}.preview-card{background:#fafafa;border:1px solid #e6e6e6;border-radius:26px;padding:24px 28px;box-shadow:0 2px 10px #00000008}.preview-card-header{align-items:center;gap:22px;margin-bottom:24px;display:flex}.preview-card-icon{color:#2a2a2a;background:#efefef;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.preview-card-header h2{color:#1f1f1f;text-align:left;margin:0 0 6px;font-size:22px;font-weight:700}.preview-card-header h3{color:#707070;text-align:left;margin:0;font-size:15px;font-weight:500}.preview-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.preview-grid p{color:#555;margin:0 0 14px;font-size:15px;line-height:1.5}.preview-grid strong{color:#1f1f1f}.preview-actions{flex-wrap:wrap;gap:12px;display:flex}.preview-btn-primary,.preview-btn-secondary{cursor:pointer;border:none;border-radius:18px;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.preview-btn-primary{color:#fff;background:#1f1f1f}.preview-btn-primary:hover{background:#000;transform:translateY(-1px)}.preview-btn-secondary{color:#555;background:#efefef;border:1px solid #ddd}.preview-btn-secondary:hover{background:#e8e8e8}@media (width<=900px){.preview-container{padding:40px 24px}.preview-title{font-size:42px}.preview-grid{grid-template-columns:1fr}}.quicknotes-page{background:#f5f5f5;flex:1;min-height:100vh;font-family:Inter,sans-serif;display:flex}.quicknotes-loading{color:#666;flex:1;justify-content:center;align-items:center;font-size:15px;display:flex}.quicknotes-container{flex:1;width:100%;display:flex}.quicknotes-editor-section{flex-direction:column;flex:1;align-items:center;min-width:0;padding:40px 24px;display:flex}.quicknotes-editor-section h1{letter-spacing:-1px;color:#262626;text-align:center;margin:0 0 8px;font-size:46px;font-weight:600}.quicknotes-editor-label{color:#666;text-align:center;margin:0 0 24px;font-size:15px}.quicknotes-textarea{color:#fff;resize:vertical;box-sizing:border-box;background:#2f2f2f;border:none;border-radius:24px;outline:none;width:100%;max-width:720px;height:52vh;min-height:420px;max-height:520px;padding:30px;font-size:17px;font-weight:400;line-height:1.7}.quicknotes-textarea::placeholder{color:#b8b8b8}.quicknotes-textarea:disabled{opacity:.7}.quicknotes-error{color:#b42318;width:100%;max-width:720px;margin:16px 0 0;font-size:14px}.quicknotes-editor-actions{flex-wrap:wrap;gap:12px;width:100%;max-width:720px;margin-top:20px;display:flex}.new-note-button,.save-note-button{cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;height:52px;padding:0 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.new-note-button{color:#111;background:#fff;border:1px solid #ddd}.new-note-button:hover:not(:disabled){background:#fafafa;transform:translateY(-1px)}.save-note-button{color:#fff;background:#111;margin-left:auto}.save-note-button:hover:not(:disabled){background:#000;transform:translateY(-1px);box-shadow:0 10px 20px #00000014}.new-note-button:disabled,.save-note-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.quicknotes-sidebar{background:#464646;flex-shrink:0;width:340px;padding:32px 24px;overflow-y:auto}.quicknotes-sidebar h2{color:#fff;letter-spacing:-.5px;margin:0 0 22px;font-size:28px;font-weight:600}.quicknotes-search{box-sizing:border-box;background:#f8f8f8;border:none;border-radius:16px;outline:none;width:100%;margin-bottom:24px;padding:14px 16px;font-size:14px;font-weight:400}.quicknotes-list{flex-direction:column;gap:16px;display:flex}.quicknotes-empty{color:#c8c8c8;margin:0;font-size:14px;line-height:1.6}.note-card{color:#fff;cursor:pointer;background:#383838;border:1px solid #ffffff0a;border-radius:20px;padding:16px;transition:all .2s}.note-card:hover,.note-card-active{border-color:#ffffff1f;transform:translateY(-2px)}.note-card-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.note-card-header h3{flex:1;margin:0;font-size:16px;font-weight:600;line-height:1.4}.note-icons{flex-shrink:0;gap:8px;display:flex}.note-icons svg{color:#cfcfcf;cursor:pointer;transition:all .2s}.note-icons svg:hover{color:#fff;transform:scale(1.05)}.note-card p{color:#d0d0d0;margin:0 0 14px;font-size:13px;font-weight:400;line-height:1.6}.note-card span{color:#a5a5a5;font-size:11px}@media (width<=960px){.quicknotes-container{flex-direction:column}.quicknotes-editor-section{padding:32px 20px 24px}.quicknotes-editor-section h1{font-size:36px}.quicknotes-textarea{height:40vh;min-height:280px;padding:24px}.quicknotes-sidebar{width:100%;min-height:320px}.save-note-button{margin-left:0}.quicknotes-editor-actions{flex-direction:column}.new-note-button,.save-note-button{width:100%}}@media (width<=480px){.quicknotes-editor-section h1{font-size:30px}.quicknotes-sidebar h2{font-size:24px}}.confirm-dialog-overlay{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.confirm-dialog{color:#f5f5f5;background:#1f1f1f;border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:420px;padding:28px 24px 24px;box-shadow:0 20px 50px #00000059}.confirm-dialog-title{letter-spacing:-.3px;color:#fff;margin:0 0 10px;font-size:20px;font-weight:700}.confirm-dialog-description{color:#b8b8b8;margin:0 0 24px;font-size:14px;line-height:1.6}.confirm-dialog-actions{justify-content:flex-end;gap:10px;display:flex}.confirm-dialog-button{cursor:pointer;border:none;border-radius:14px;min-width:96px;height:44px;padding:0 18px;font-size:14px;font-weight:600;transition:all .2s}.confirm-dialog-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.confirm-dialog-button-cancel{color:#f0f0f0;background:#ffffff14}.confirm-dialog-button-cancel:hover:not(:disabled){background:#ffffff1f}.confirm-dialog-button-confirm.confirm-dialog-button-danger{color:#fff;background:#dc2626}.confirm-dialog-button-confirm.confirm-dialog-button-danger:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 8px 20px #dc262640}@media (width<=480px){.confirm-dialog{border-radius:18px;padding:24px 20px 20px}.confirm-dialog-actions{flex-direction:column-reverse}.confirm-dialog-button{width:100%}}.ranking-page{box-sizing:border-box;background:#f5f5f5;flex:1;min-height:100vh;padding:40px 90px}.ranking-header{margin-bottom:36px}.ranking-header h1{letter-spacing:-2px;color:#1f1f1f;margin:0 0 12px;font-size:64px;font-weight:700}.ranking-header p{color:#666;margin:0;font-size:18px}.ranking-tabs{gap:14px;margin-bottom:52px;display:flex}.ranking-tabs button{color:#555;cursor:pointer;background:#fff;border:1px solid #ececec;border-radius:18px;align-items:center;gap:10px;padding:14px 22px;font-size:15px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 10px #00000008}.ranking-tabs button:hover{transform:translateY(-2px)}.ranking-tabs button.active{color:#fff;background:#1f1f1f}.top-ranking-podium{justify-content:center;align-items:flex-end;gap:24px;margin-bottom:52px;display:flex}.top-card{background:#fff;border:1px solid #ececec;border-radius:28px;flex-direction:column;padding:30px;transition:all .25s;display:flex;position:relative;box-shadow:0 2px 10px #00000008}.top-card:hover{transform:translateY(-4px)}.first-place{width:420px;min-height:220px;transform:translateY(20px)}.second-place{width:320px;min-height:180px}.third-place{width:280px;min-height:150px}.top-badge{color:#1f1f1f;z-index:2;background:#f3f3f3;border:1px solid #e5e5e5;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:18px;font-weight:800;display:flex;position:absolute;top:20px;right:20px}.top-card h2{letter-spacing:-1.5px;color:#1f1f1f;margin-top:auto;margin-bottom:10px;font-size:34px;font-weight:700;line-height:1.1}.second-place h2{font-size:28px}.third-place h2{font-size:24px}.top-card p{color:#777;margin:0 0 20px;font-size:15px;line-height:1.5}.top-rating{color:#1f1f1f;align-items:center;gap:8px;font-weight:600;display:flex}.top-rating small{color:#777;font-weight:400}.leaderboard{background:#fff;border:1px solid #ececec;border-radius:32px;padding:30px;box-shadow:0 4px 18px #00000008}.leaderboard-header{margin-bottom:26px}.leaderboard-header h3{letter-spacing:-1px;color:#1f1f1f;margin:0;font-size:32px;font-weight:700}.leaderboard-list{flex-direction:column;gap:16px;display:flex}.leaderboard-item{background:#fafafa;border:1px solid #ececec;border-radius:20px;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;transition:all .2s;display:flex}.leaderboard-item:hover{background:#fff;transform:translate(4px)}.leaderboard-position{color:#fff;background:#1f1f1f;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:15px;font-weight:600;display:flex}.leaderboard-content{flex:1}.leaderboard-content h4{color:#1f1f1f;margin:0 0 6px;font-size:18px;font-weight:600}.leaderboard-content p{color:#777;margin:0;font-size:14px}.leaderboard-score{color:#1f1f1f;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.profile-page{background:#f5f5f5;min-height:100vh;padding:20px 50px}.profile-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;max-width:1380px;margin:0 auto;display:grid}.profile-main{width:100%}.profile-topbar{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.profile-label{letter-spacing:.14em;color:#8b8b8b;margin-bottom:8px;font-size:10px;font-weight:700}.profile-username{color:#111;font-size:52px;font-weight:800;line-height:1}.profile-actions{align-items:center;gap:10px;display:flex}.edit-profile-btn,.follow-profile-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 16px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.follow-profile-btn--following{color:#111;background:#fff;border:1px solid #d9d9d9}.follow-profile-btn--following:hover:not(:disabled){background:#f5f5f5}.follow-profile-btn:disabled{opacity:.65;cursor:not-allowed}.settings-btn{color:#111;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ranking-box{background:#fff;border:1px solid #ececec;border-radius:22px;align-items:center;gap:22px;margin-bottom:18px;padding:18px 20px;display:flex}.ranking-item{align-items:center;gap:12px;display:flex}.ranking-icon{background:#f5f5f5;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ranking-item p{color:#777;margin-bottom:2px;font-size:12px}.ranking-item h3{color:#111;font-size:18px;font-weight:700}.ranking-divider{background:#ececec;width:1px;height:36px}.stats-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:18px;margin-bottom:32px;display:grid}.stat-card,button.stat-card{all:unset;box-sizing:border-box;text-align:left;background:#fff;border:1px solid #ececec;border-radius:24px;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;height:180px;padding:22px;font-family:inherit;transition:all .2s;display:flex}button.stat-card{cursor:pointer}button.stat-card.clickable:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000000a}.stat-icon{color:#111;background:#f5f5f5;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.stat-card h2{color:#111;margin:0 0 8px;font-size:38px;font-weight:800;line-height:1}.stat-card p{color:#666;margin:0;font-size:15px;font-weight:600}.activity-section{margin-top:4px}.activity-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.activity-header h2{letter-spacing:.08em;color:#111;font-size:13px;font-weight:800}.activity-header button{color:#666;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600}.activity-empty,.modal-empty{color:#888;margin:0;padding:8px 4px 4px;font-size:14px}.profile-recipe-item{flex-direction:column;align-items:flex-start;gap:4px;height:auto;min-height:48px;padding:12px 16px}.profile-recipe-title{color:#111;font-size:15px;font-weight:700}.profile-recipe-meta{color:#888;font-size:12px}.activity-list{flex-direction:column;gap:16px;display:flex}.activity-card{background:#fff;border:1px solid #ececec;border-radius:22px;justify-content:space-between;align-items:center;gap:18px;padding:18px;text-decoration:none;transition:all .2s;display:flex}.activity-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000000a}.activity-left{align-items:center;gap:14px;display:flex}.activity-icon{color:#111;background:#f5f5f5;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.activity-info h3{color:#111;margin-bottom:4px;font-size:22px;font-weight:700}.activity-info p{color:#666;margin-bottom:6px;font-size:14px}.activity-info span{color:#888;font-size:13px}.activity-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.activity-rating{color:#111;align-items:center;gap:4px;font-size:15px;font-weight:700;display:flex}.activity-right p{color:#888;font-size:12px}.profile-sidebar{position:sticky;top:20px}.discover-card{background:#fff;border:1px solid #ececec;border-radius:22px;padding:18px}.discover-header{margin-bottom:16px}.discover-header h2{letter-spacing:.08em;color:#111;font-size:14px;font-weight:800}.discover-search{background:#fafafa;border:1px solid #ececec;border-radius:14px;align-items:center;gap:10px;height:48px;margin-bottom:18px;padding:0 14px;display:flex}.discover-search input{color:#111;background:0 0;border:none;outline:none;width:100%;font-size:13px}.discover-search input::placeholder{color:#999}.discover-empty{color:#888;margin:0;padding:12px 0 4px;font-size:13px}.discover-users{flex-direction:column;display:flex}.discover-user{border-bottom:1px solid #f1f1f1;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.discover-user:last-child{border-bottom:none}.discover-user-left{align-items:center;gap:12px;text-decoration:none;display:flex}.discover-avatar{color:#111;background:#f5f5f5;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:13px;font-weight:700;display:flex}.discover-user-info h3{color:#111;margin-bottom:2px;font-size:14px;font-weight:700}.discover-user-info p{color:#888;font-size:12px}.observe-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:10px;height:34px;padding:0 12px;font-size:12px;font-weight:700;transition:all .2s}.observe-btn--following{color:#111;background:#fff;border:1px solid #d9d9d9}.observe-btn--following:hover:not(:disabled){background:#f5f5f5}.observe-btn:disabled{opacity:.65;cursor:not-allowed}.followers-modal-overlay{z-index:9999;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.followers-modal{background:#fff;border:1px solid #ececec;border-radius:22px;width:380px;max-width:90vw;padding:20px;box-shadow:0 10px 30px #00000014}.followers-modal-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.followers-modal-header h2{color:#111;font-size:18px;font-weight:700}.followers-modal-header button{cursor:pointer;background:#f5f5f5;border:none;border-radius:10px;width:34px;height:34px;font-size:14px}.followers-list{flex-direction:column;gap:10px;display:flex}.followers-user{color:#111;background:#f5f5f5;border-radius:14px;align-items:center;height:48px;padding:0 16px;font-size:13px;font-weight:600;text-decoration:none;display:flex}@media (width<=1200px){.profile-layout{grid-template-columns:1fr}.profile-sidebar{top:unset;position:relative}}@media (width<=768px){.profile-page{padding:16px}.profile-topbar{flex-direction:column;gap:16px}.profile-username{font-size:40px}.stats-grid{grid-template-columns:1fr}.activity-card{flex-direction:column;align-items:flex-start}.activity-right{flex-direction:row;justify-content:space-between;align-items:center;width:100%}}.edit-profile-page{background:#f5f5f5;min-height:100vh;padding:28px}.edit-profile-layout{max-width:920px;margin:0 auto}.edit-profile-header{margin-bottom:30px}.edit-profile-label{letter-spacing:.14em;color:#8a8a8a;margin-bottom:10px;font-size:11px;font-weight:700}.edit-profile-header h1{color:#111;letter-spacing:-1px;font-size:42px;font-weight:800}.edit-profile-form{flex-direction:column;gap:24px;display:flex}.settings-card{background:#fff;border:1px solid #ebebeb;border-radius:28px;padding:28px;box-shadow:0 6px 18px #00000008}.settings-card-header{align-items:center;gap:10px;margin-bottom:26px;display:flex}.settings-card-header svg{color:#555}.settings-card-header h2{color:#111;font-size:19px;font-weight:700}.form-group{flex-direction:column;gap:10px;margin-bottom:22px;display:flex}.form-group:last-child{margin-bottom:0}.input-wrapper{background:#fafafa;border:1px solid #e5e5e5;border-radius:18px;align-items:center;gap:12px;height:54px;padding:0 16px;transition:all .2s;display:flex}.input-wrapper:focus-within{background:#fff;border-color:#111;box-shadow:0 0 0 4px #00000008}.input-wrapper svg{color:#777;flex-shrink:0}.input-wrapper input{color:#111;background:0 0;border:none;outline:none;width:100%;font-size:14px}select{color:#111;background:#fafafa;border:1px solid #e5e5e5;border-radius:18px;outline:none;height:54px;padding:0 16px;font-size:14px;transition:all .2s}select:focus{background:#fff;border-color:#111;box-shadow:0 0 0 4px #00000008}.form-error{color:#c0392b;font-size:13px;font-weight:500}.preferences-helper{color:#888;margin:0;font-size:13px;line-height:1.5}.preferences-helper--intro{margin-bottom:18px}.preferences-empty{color:#666;background:#fafafa;border:1px dashed #ddd;border-radius:16px;margin:0 0 18px;padding:14px 16px;font-size:13px}.preferences-tags{flex-wrap:wrap;gap:10px;display:flex}.preference-tag{color:#333;cursor:pointer;background:#f7f7f7;border:1px solid #e5e5e5;border-radius:999px;padding:12px 16px;font-size:13px;font-weight:600;transition:all .2s}.preference-tag:hover{background:#efefef;transform:translateY(-1px)}.preference-tag.selected{color:#fff;background:#111;border-color:#111}.preferences-checkbox{color:#555;align-items:center;gap:12px;margin-top:6px;font-size:14px;line-height:1.5;display:flex}.preferences-checkbox input{accent-color:#111;cursor:pointer;width:18px;height:18px}.save-button{color:#fff;cursor:pointer;background:#111;border:none;border-radius:20px;justify-content:center;align-items:center;gap:10px;height:56px;margin-top:4px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.save-button:hover{background:#000;transform:translateY(-1px);box-shadow:0 10px 20px #00000014}@media (width<=768px){.edit-profile-page{padding:18px}.edit-profile-header h1{font-size:34px}.settings-card{border-radius:24px;padding:22px}.preferences-tags{gap:8px}.preference-tag{text-align:center;width:100%}}.wiki-page{box-sizing:border-box;background:#f5f5f5;flex:1;min-height:100vh;padding:50px 90px}.wiki-header{margin-bottom:50px}.wiki-header-top{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:32px;display:flex}.wiki-header h1{letter-spacing:-1.5px;color:#1f1f1f;margin:0 0 14px;font-size:52px;font-weight:600}.wiki-header p{color:#666;margin:0;font-size:17px}.add-article-button{color:#fff;cursor:pointer;background:#1f1f1f;border:none;border-radius:18px;align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 4px 18px #00000014}.add-article-button:hover{background:#2d2d2d;transform:translateY(-2px)}.wiki-submit-success{color:#1f5f3f;background:#edf7f0;border:1px solid #c8e6d4;border-radius:18px;align-items:flex-start;gap:14px;margin-bottom:28px;padding:18px 20px;display:flex;box-shadow:0 2px 10px #00000008}.wiki-submit-success svg{flex-shrink:0;margin-top:2px}.wiki-submit-success p{flex:1;margin:0;font-size:15px;line-height:1.6}.wiki-submit-success-close{color:#1f5f3f;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:2px;transition:all .2s;display:flex}.wiki-submit-success-close:hover{background:#1f5f3f14}.wiki-search-container{background:#fff;border:1px solid #e5e5e5;border-radius:18px;align-items:center;gap:12px;width:100%;max-width:520px;padding:16px 18px;display:flex;box-shadow:0 2px 10px #00000008}.wiki-search-container svg{color:#8a8a8a}.wiki-search{background:0 0;border:none;outline:none;flex:1;font-size:15px}.wiki-categories{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;display:grid}.wiki-card{cursor:pointer;background:#fff;border:1px solid #ececec;border-radius:28px;min-height:220px;padding:34px;transition:all .25s;box-shadow:0 4px 18px #00000008}.wiki-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00000014}.wiki-card-icon{color:#2d2d2d;background:#f3f3f3;border-radius:20px;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:26px;display:flex}.wiki-card h2{letter-spacing:-.5px;color:#222;margin:0 0 14px;font-size:28px;font-weight:600}.wiki-card p{color:#666;margin:0;font-size:15px;line-height:1.7}.wiki-my-articles-page{box-sizing:border-box;background:#f5f5f5;flex:1;min-height:100vh;padding:50px 90px}.wiki-my-articles-header{margin-bottom:36px}.wiki-my-articles-header h1{letter-spacing:-1.5px;color:#1f1f1f;margin:0 0 12px;font-size:52px;font-weight:600}.wiki-my-articles-header p{color:#666;margin:0;font-size:17px}.wiki-my-articles-list{flex-direction:column;gap:16px;display:flex}.wiki-my-article-card{cursor:pointer;background:#fff;border:1px solid #ececec;border-radius:22px;padding:24px 28px;transition:all .2s;box-shadow:0 4px 18px #00000008}.wiki-my-article-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00000014}.wiki-my-article-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;display:flex}.wiki-my-article-top h2{color:#1f1f1f;margin:0;font-size:22px;font-weight:600}.wiki-my-article-actions{flex-shrink:0;align-items:center;gap:10px;height:38px;display:flex}.wiki-my-article-status{box-sizing:border-box;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;height:38px;margin:0;padding:0 14px;font-size:13px;font-weight:500;line-height:1;display:inline-flex;transform:translateY(1px)}.wiki-my-article-status.pending{color:#b54708;background:#fff4e5}.wiki-my-article-status.approved{color:#027a48;background:#ecfdf3}.wiki-my-article-status.rejected{color:#b42318;background:#fef3f2}.wiki-my-article-meta{color:#666;flex-wrap:wrap;gap:12px;font-size:14px;display:flex}.wiki-my-article-comment{color:#7a271a;background:#fef3f2;border-radius:14px;margin-top:14px;padding:14px 16px;font-size:14px;line-height:1.6}.wiki-my-articles-empty{text-align:center;color:#666;background:#fff;border:1px solid #ececec;border-radius:22px;padding:40px}.wiki-header-actions{flex-wrap:wrap;gap:12px;display:flex}.my-articles-button{color:#1f1f1f;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:18px;align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 10px #00000008}.my-articles-button:hover{background:#fafafa;transform:translateY(-2px)}.wiki-my-article-delete-button{color:#b42318;cursor:pointer;appearance:none;background:#fef3f2;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;margin:0;padding:0;line-height:0;transition:all .2s;display:inline-flex}.wiki-my-article-delete-button svg{display:block}.wiki-my-article-delete-button:hover{background:#fee4e2}.coffees-page{box-sizing:border-box;background:#f5f5f5;flex:1;min-height:100vh;padding:50px 90px}.coffees-header{margin-bottom:40px}.coffees-header h1{letter-spacing:-1px;color:#1f1f1f;margin:0 0 12px;font-size:48px;font-weight:600}.coffees-header p{color:#666;margin-bottom:28px;font-size:16px}.coffees-search-container{background:#fff;border:1px solid #e8e8e8;border-radius:18px;align-items:center;gap:12px;width:100%;max-width:420px;padding:16px 18px;display:flex;box-shadow:0 2px 10px #00000008}.coffees-search-container svg{color:#8a8a8a}.coffees-search{background:0 0;border:none;outline:none;flex:1;font-size:15px}.coffees-content{align-items:flex-start;gap:32px;display:flex}.coffees-filters{background:#fff;border:1px solid #ececec;border-radius:28px;width:260px;padding:26px;box-shadow:0 4px 18px #00000008}.coffees-filters h3{color:#1f1f1f;margin:0 0 24px;font-size:22px;font-weight:600}.coffees-empty-state{color:#666;grid-column:1/-1;margin:0;font-size:16px}.coffees-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.coffee-card{cursor:pointer;background:#fff;border:1px solid #ececec;border-radius:28px;transition:all .25s;overflow:hidden;box-shadow:0 4px 18px #00000008}.coffee-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.coffee-image{background:radial-gradient(circle at 0 0,#ffffff14,#0000 40%),linear-gradient(135deg,#2d2d2d,#111);height:180px}.coffee-card-content{padding:22px}.coffee-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.coffee-top h2{letter-spacing:-.5px;color:#1f1f1f;margin:0;font-size:24px;font-weight:600}.coffee-card-content p{color:#777;margin:0 0 16px;font-size:15px}.coffee-card-rating{color:#666;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;display:flex}.coffee-card-rating svg{color:#222;flex-shrink:0}.coffee-tags{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.coffee-tags span{color:#444;background:#f3f3f3;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:500}.coffee-card-content small{color:#999;font-size:13px}.favorite-button{cursor:pointer;color:#222;background:#f3f3f3;border:none;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;transition:all .2s;display:flex}.favorite-button svg{width:22px;height:22px}.favorite-button:hover{background:#e8e8e8;transform:scale(1.05)}.wiki-articles-section{margin-top:40px}.wiki-articles-section h3{color:#1f1f1f;margin:0 0 20px;font-size:24px;font-weight:600}.multi-select-field{width:100%}.multi-select{flex-wrap:wrap;gap:10px;display:flex}.multi-select-option{box-sizing:border-box;color:#333;cursor:pointer;background:#fff;border:1px solid #e8e8e8;border-radius:18px;justify-content:center;align-items:center;height:38px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:500;line-height:1;transition:all .2s;display:inline-flex;box-shadow:0 2px 10px #00000008}button.multi-select-option{appearance:none;margin:0}.multi-select-option:hover{border-color:#d0d0d0}.multi-select-option.selected{color:#fff;background:#1f1f1f;border-color:#1f1f1f}.multi-select-option-input{cursor:text;gap:4px}.multi-select-option-plus{flex-shrink:0;font-size:14px;font-weight:500;line-height:1}.multi-select-option-input input{width:2.75rem;max-width:5rem;height:14px;min-height:0;box-shadow:none;color:#333;background:0 0;border:none;outline:none;margin:0;padding:0;font-family:inherit;font-size:14px;font-weight:500;line-height:1}.multi-select-option-input:focus-within input{width:3.5rem}.multi-select-option-input input::placeholder{color:#888}.coffees-filters .multi-select-option,.regions-filters .multi-select-option{height:32px;box-shadow:none;background:#fafafa;border:1px solid #ddd;border-radius:14px;padding:0 12px;font-size:12px}.coffees-filters .multi-select-option.selected,.regions-filters .multi-select-option.selected{color:#fff;background:#1f1f1f;border-color:#1f1f1f}.coffees-filters .multi-select-option-plus,.regions-filters .multi-select-option-plus{font-size:12px}.coffees-filters .multi-select-option-input input,.regions-filters .multi-select-option-input input{width:2.25rem;height:12px;font-size:12px}.coffees-filters .multi-select-option-input:focus-within input,.regions-filters .multi-select-option-input:focus-within input{width:3rem}.coffees-filters .multi-select-option-input input::placeholder,.regions-filters .multi-select-option-input input::placeholder{color:#777}.article-page{background:#f5f5f5;flex:1;min-height:100vh}.article-hero{background:linear-gradient(#00000073,#0009),linear-gradient(135deg,#2d2d2d,#111);align-items:flex-end;height:520px;display:flex}.article-overlay{color:#fff;padding:60px 90px}.article-overlay span{opacity:.9;font-size:15px}.details-top{justify-content:space-between;align-items:center;gap:24px;margin:12px 0 20px;display:flex}.details-top h1{letter-spacing:-2px;margin:0;font-size:68px;font-weight:700}.details-favorite-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;color:#fff;background:#ffffff24;border:none;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:58px;min-width:58px;height:58px;transition:all .2s;display:flex}.details-favorite-button:hover{background:#ffffff38;transform:scale(1.04)}.details-favorite-button svg{width:26px;height:26px}.article-tags{flex-wrap:wrap;gap:14px;margin-bottom:26px;display:flex}.article-tags div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff29;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:500}.rating-section{flex-direction:column;align-items:flex-start;gap:16px;margin-top:12px;display:flex}.rating-title{opacity:.95;font-size:15px}.stars-container{gap:10px;display:flex}.star-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;color:#fff;background:#ffffff1f;border:none;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.star-button:hover{background:#fff3;transform:translateY(-2px)}.star-button svg{width:24px;height:24px}.submit-rating-button{color:#111;cursor:pointer;background:#fff;border:none;border-radius:999px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s}.submit-rating-button:hover{background:#f2f2f2;transform:translateY(-1px)}.rating-success{color:#d7ffd7;margin:0;font-size:14px}.article-content{max-width:900px;padding:60px 120px}.article-content section{margin-bottom:48px}.article-content h2{letter-spacing:-1px;color:#1f1f1f;margin-bottom:18px;font-size:30px;font-weight:600}.article-content p{color:#555;font-size:17px;line-height:1.9}.regions-page{box-sizing:border-box;background:#f5f5f5;flex:1;min-height:100vh;padding:50px 90px}.regions-header{margin-bottom:40px}.regions-header h1{letter-spacing:-1px;color:#1f1f1f;margin:0 0 12px;font-size:48px;font-weight:600}.regions-header p{color:#666;margin-bottom:28px;font-size:16px}.regions-search-container{background:#fff;border:1px solid #e8e8e8;border-radius:18px;align-items:center;gap:12px;width:100%;max-width:420px;padding:16px 18px;display:flex;box-shadow:0 2px 10px #00000008}.regions-search-container svg{color:#8a8a8a}.regions-search{background:0 0;border:none;outline:none;flex:1;font-size:15px}.regions-content{align-items:flex-start;gap:32px;display:flex}.regions-empty-state{color:#666;flex:1;margin:0;font-size:16px}.regions-filters{background:#fff;border:1px solid #ececec;border-radius:28px;flex-shrink:0;width:260px;padding:26px;box-shadow:0 4px 18px #00000008}.regions-filters h3{color:#1f1f1f;margin:0 0 24px;font-size:22px;font-weight:600}.regions-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.region-card{cursor:pointer;background:#fff;border:1px solid #ececec;border-radius:28px;transition:all .25s;overflow:hidden;box-shadow:0 4px 18px #00000008}.region-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.region-image{background:radial-gradient(circle at 0 0,#ffffff14,#0000 40%),linear-gradient(135deg,#2d2d2d,#111);height:180px}.region-card-content{padding:22px}.region-title{margin-bottom:10px}.region-title h2{letter-spacing:-.5px;color:#1f1f1f;margin:0;font-size:24px;font-weight:600}.region-card-content p{color:#777;margin:0 0 16px;font-size:15px}.region-tags{flex-wrap:wrap;gap:10px;display:flex}.region-tags span{color:#444;background:#f3f3f3;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:500}.methods-page{box-sizing:border-box;background:#f5f5f5;flex:1;min-height:100vh;padding:50px 90px}.methods-header{margin-bottom:40px}.methods-header h1{letter-spacing:-1px;color:#1f1f1f;margin:0 0 12px;font-size:48px;font-weight:600}.methods-header p{color:#666;margin-bottom:28px;font-size:16px}.methods-search-container{background:#fff;border:1px solid #e8e8e8;border-radius:18px;align-items:center;gap:12px;width:100%;max-width:420px;padding:16px 18px;display:flex;box-shadow:0 2px 10px #00000008}.methods-search-container svg{color:#8a8a8a}.methods-search{background:0 0;border:none;outline:none;flex:1;font-size:15px}.methods-content{align-items:flex-start;gap:32px;display:flex}.methods-filters{background:#fff;border:1px solid #ececec;border-radius:28px;width:260px;padding:26px;box-shadow:0 4px 18px #00000008}.methods-filters h3{color:#1f1f1f;margin:0 0 24px;font-size:22px;font-weight:600}.filter-group{margin-bottom:22px}.filter-group label{color:#555;margin-bottom:10px;font-size:14px;font-weight:500;display:block}.filter-group select{background:#fafafa;border:1px solid #ddd;border-radius:14px;outline:none;width:100%;padding:14px;font-size:14px}.methods-empty-state{color:#666;flex:1;margin:0;font-size:16px}.methods-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.method-card{cursor:pointer;background:#fff;border:1px solid #ececec;border-radius:28px;transition:all .25s;overflow:hidden;box-shadow:0 4px 18px #00000008}.method-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.method-image{background:radial-gradient(circle at 0 0,#ffffff14,#0000 40%),linear-gradient(135deg,#2d2d2d,#111);height:180px}.method-card-content{padding:22px}.method-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.method-top h2{letter-spacing:-.5px;color:#1f1f1f;margin:0;font-size:24px;font-weight:600}.method-top span{color:#444;background:#f3f3f3;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:500}.method-card-content p{color:#777;margin:0 0 18px;font-size:15px;line-height:1.7}.method-tags{flex-wrap:wrap;gap:10px;display:flex}.method-tags span{color:#444;background:#f3f3f3;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:500}.add-article-page{box-sizing:border-box;background:#f5f5f5;flex:1;min-height:100vh;padding:50px 90px}.add-article-container{max-width:1000px;margin:0 auto}.add-article-header{margin-bottom:42px}.add-article-header h1{letter-spacing:-1.5px;color:#1f1f1f;margin:0 0 18px;font-size:54px;font-weight:600}.add-article-header p{color:#666;margin:0;font-size:17px;line-height:1.7}.article-form{flex-direction:column;gap:28px;display:flex}.form-group{flex-direction:column;gap:12px;display:flex}.form-group label{color:#333;font-size:15px;font-weight:500}.form-group>input,.select-wrapper,.combobox input,.form-group>textarea{box-sizing:border-box;background:#fff;border:1px solid #e8e8e8;border-radius:22px;width:100%;box-shadow:0 2px 10px #00000008}.form-group>input,.combobox input{outline:none;height:64px;padding:0 22px;font-size:15px}.combobox{width:100%;position:relative}.combobox-dropdown{z-index:20;box-sizing:border-box;background:#fff;border:1px solid #e8e8e8;border-radius:18px;max-height:240px;margin:0;padding:8px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000014}.combobox-option{color:#333;cursor:pointer;border-radius:12px;padding:12px 14px;font-size:15px}.combobox-option:hover,.combobox-option.selected{background:#f3f3f3}.select-wrapper{align-items:center;height:64px;padding:0 18px;display:flex}.select-wrapper select{appearance:none;cursor:pointer;background:0 0;border:none;outline:none;flex:1;font-size:15px}.select-wrapper svg{color:#777}.form-group textarea{resize:vertical;outline:none;min-height:420px;padding:22px;font-size:15px;line-height:1.8}.article-actions{justify-content:flex-end;margin-top:10px;display:flex}.submit-error{color:#b42318;width:100%;margin:0 0 12px;font-size:14px}.submit-article-button{color:#fff;cursor:pointer;background:#1f1f1f;border:none;border-radius:18px;align-items:center;gap:10px;padding:16px 22px;font-size:14px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 4px 18px #00000014}.submit-article-button:hover{background:#2d2d2d;transform:translateY(-2px)}.roasteries-page{box-sizing:border-box;background:#f5f5f5;flex:1;min-height:100vh;padding:40px 90px}.roasteries-header{margin-bottom:42px}.roasteries-header h1{letter-spacing:-2px;color:#1f1f1f;margin:0 0 12px;font-size:64px;font-weight:700}.roasteries-header p{color:#666;margin:0 0 30px;font-size:18px}.roasteries-search-container{background:#fff;border:1px solid #ececec;border-radius:18px;align-items:center;gap:12px;width:100%;max-width:520px;padding:14px 18px;display:flex;box-shadow:0 2px 10px #00000008}.roasteries-search-container svg{color:#777}.roasteries-search{color:#1f1f1f;background:0 0;border:none;outline:none;flex:1;font-size:15px}.roasteries-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.roastery-card{cursor:pointer;background:#fff;border:1px solid #ececec;border-radius:30px;padding:28px;transition:all .25s;box-shadow:0 2px 10px #00000008}.roastery-card:hover{border-color:#ddd;transform:translateY(-4px)}.roastery-card-top{justify-content:space-between;margin-bottom:32px;display:flex}.roastery-icon{color:#fff;background:#1f1f1f;border-radius:18px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.roastery-content h2{letter-spacing:-1px;color:#1f1f1f;margin:0 0 14px;font-size:28px;font-weight:700}.roastery-location{color:#666;align-items:center;gap:8px;margin-bottom:20px;font-size:14px;display:flex}.roastery-tags{flex-wrap:wrap;gap:12px;display:flex}.roastery-tags span{color:#444;background:#f7f7f7;border:1px solid #ececec;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:500}.roastery-details-page{background:#f5f5f5;flex:1;min-height:100vh}.roastery-details-hero{background:linear-gradient(#00000073,#0009),linear-gradient(135deg,#2d2d2d,#111);align-items:flex-end;height:420px;display:flex}.roastery-details-overlay{color:#fff;padding:60px 120px}.roastery-details-overlay span{opacity:.9;font-size:15px}.roastery-details-overlay h1{letter-spacing:-2px;margin:12px 0 22px;font-size:68px;font-weight:700}.roastery-details-tags{flex-wrap:wrap;gap:14px;display:flex}.roastery-details-tags div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff29;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;display:flex}.roastery-details-content{max-width:900px;padding:60px 120px}.roastery-details-content section{margin-bottom:48px}.roastery-details-content h2{letter-spacing:-1px;color:#1f1f1f;margin-bottom:18px;font-size:30px;font-weight:600}.roastery-details-content p{color:#555;font-size:17px;line-height:1.9}.details-tags{flex-wrap:wrap;gap:14px;display:flex}.details-tags span{color:#333;background:#fff;border:1px solid #e8e8e8;border-radius:999px;padding:12px 18px;font-size:14px;font-weight:500;box-shadow:0 2px 10px #00000008}.report-page{box-sizing:border-box;background:#f5f5f5;min-height:100vh;padding:48px 32px 72px}.report-page-layout{max-width:720px;margin:0 auto}.report-page-header{margin-bottom:28px}.report-page-label{letter-spacing:.14em;text-transform:uppercase;color:#8a8a8a;margin-bottom:10px;font-size:11px;font-weight:700}.report-page-header h1{letter-spacing:-1px;color:#111;margin:0 0 10px;font-size:42px;font-weight:800}.report-page-header p{color:#666;margin:0;font-size:16px;line-height:1.6}.report-form-card{background:#fafafa;border:1px solid #e6e6e6;border-radius:28px;padding:32px;box-shadow:0 2px 10px #00000008}.report-target-summary{background:#f3f3f3;border:1px solid #e8e8e8;border-radius:20px;flex-direction:column;gap:6px;margin-bottom:28px;padding:20px 22px;display:flex}.report-target-type{letter-spacing:.08em;text-transform:uppercase;color:#888;font-size:12px;font-weight:700}.report-target-title{color:#1f1f1f;font-size:20px;font-weight:700;line-height:1.3}.report-target-id{color:#777;font-size:13px}.report-form{flex-direction:column;gap:22px;display:flex}.report-field{flex-direction:column;gap:8px;display:flex}.report-field label{color:#333;font-size:14px;font-weight:600}.report-select,.report-textarea{box-sizing:border-box;color:#1f1f1f;background:#fff;border:1px solid #ddd;border-radius:16px;width:100%;font-size:15px;transition:border-color .2s,box-shadow .2s}.report-select{cursor:pointer;appearance:none;background-image:linear-gradient(45deg,#0000 50%,#666 50%),linear-gradient(135deg,#666 50%,#0000 50%);background-position:calc(100% - 22px) calc(50% + 2px),calc(100% - 16px) calc(50% + 2px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding:14px 16px}.report-textarea{resize:vertical;min-height:160px;padding:16px;line-height:1.6}.report-select:focus,.report-textarea:focus{border-color:#999;outline:none;box-shadow:0 0 0 3px #0000000a}.report-select--error,.report-textarea--error{border-color:#c77}.report-field-error{color:#a44;margin:0;font-size:13px}.report-char-counter{color:#999;align-self:flex-end;font-size:12px}.report-char-counter--limit{color:#a44;font-weight:600}.report-form-actions{justify-content:flex-end;gap:12px;padding-top:4px;display:flex}.report-cancel-button,.report-submit-button{cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:transform .2s,background-color .2s,box-shadow .2s;display:inline-flex}.report-cancel-button{color:#444;background:#fff;border:1px solid #ddd}.report-cancel-button:hover:not(:disabled){background:#f7f7f7;transform:translateY(-1px)}.report-submit-button{color:#fff;background:#1f1f1f;border:1px solid #1f1f1f}.report-submit-button:hover:not(:disabled){background:#333;transform:translateY(-1px);box-shadow:0 6px 16px #0000001f}.report-submit-button:disabled,.report-cancel-button:disabled{opacity:.6;cursor:not-allowed}.report-success-card,.report-empty-state{text-align:center;background:#fafafa;border:1px solid #e6e6e6;border-radius:28px;padding:48px 32px;box-shadow:0 2px 10px #00000008}.report-success-icon{color:#1f1f1f;background:#f0f0f0;border-radius:22px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;display:inline-flex}.report-success-card h2,.report-empty-state h2{color:#1f1f1f;margin:0 0 12px;font-size:28px;font-weight:700}.report-success-card p,.report-empty-state p{color:#666;max-width:420px;margin:0 auto 28px;font-size:16px;line-height:1.7}.report-success-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (width<=768px){.report-page{padding:32px 20px 56px}.report-page-header h1{font-size:32px}.report-form-card,.report-success-card,.report-empty-state{padding:24px 20px}.report-form-actions{flex-direction:column}.report-cancel-button,.report-submit-button{width:100%}}*{font-family:Inter,sans-serif}.admin-page{box-sizing:border-box;background:#f5f5f5;min-height:100vh;padding:40px 70px}.admin-header{margin-bottom:34px}.admin-header h1{letter-spacing:-2px;color:#1f1f1f;margin:0 0 12px;font-size:58px;font-weight:700}.admin-header p{color:#666;margin:0;font-size:18px}.admin-stats{gap:20px;margin-bottom:34px;display:flex}.admin-stat-card{background:#fff;border:1px solid #ececec;border-radius:28px;flex:1;align-items:center;gap:18px;padding:26px;display:flex;box-shadow:0 2px 10px #00000008}.admin-stat-icon{color:#1f1f1f;background:#f3f3f3;border-radius:22px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.admin-stat-card h2{color:#1f1f1f;margin:0 0 6px;font-size:34px;font-weight:700}.admin-stat-card p{color:#666;margin:0;font-size:15px}.moderation-layout{grid-template-columns:1.3fr .8fr;gap:24px;display:grid}.moderation-list-section{background:#fff;border:1px solid #ececec;border-radius:32px;padding:28px;box-shadow:0 4px 18px #00000008}.moderation-toolbar{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.moderation-filters{gap:12px;display:flex}.moderation-filters button{color:#555;cursor:pointer;background:#f5f5f5;border:none;border-radius:16px;padding:12px 18px;font-size:14px;font-weight:600;transition:all .2s}.moderation-filters button:hover{transform:translateY(-2px)}.moderation-filters button.active{color:#fff;background:#1f1f1f}.filter-button{cursor:pointer;color:#1f1f1f;background:#f5f5f5;border:none;border-radius:16px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.filter-button:hover{background:#ededed}.moderation-list{flex-direction:column;gap:16px;display:flex}.moderation-item{cursor:pointer;background:#fafafa;border:1px solid #ececec;border-radius:24px;grid-template-columns:54px 1fr auto auto 44px;align-items:center;gap:18px;padding:20px;transition:all .2s;display:grid}.moderation-item:hover{background:#fff;transform:translateY(-2px)}.moderation-item.selected{background:#fff;border:1px solid #1f1f1f}.moderation-type{color:#1f1f1f;background:#f1f1f1;border-radius:18px;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.moderation-content h3{color:#1f1f1f;margin:0 0 6px;font-size:18px;font-weight:700}.moderation-content p{color:#777;text-overflow:ellipsis;white-space:nowrap;max-width:420px;margin:0;font-size:14px;line-height:1.5;overflow:hidden}.moderation-meta{flex-direction:column;gap:6px;display:flex}.moderation-meta span{color:#1f1f1f;font-size:13px;font-weight:600}.moderation-meta small{color:#777;font-size:13px}.moderation-date{color:#888;min-width:90px;font-size:13px}.preview-button{cursor:pointer;background:#f1f1f1;border:none;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.preview-button:hover{background:#e8e8e8}.moderation-preview{background:#fff;border:1px solid #ececec;border-radius:32px;height:fit-content;padding:30px;position:sticky;top:30px;box-shadow:0 4px 18px #00000008}.preview-header{margin-bottom:28px}.preview-header h2{letter-spacing:-1px;color:#1f1f1f;margin:0 0 10px;font-size:30px;font-weight:700}.preview-header span{color:#555;background:#f3f3f3;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.preview-section{margin-bottom:24px}.preview-section label{text-transform:uppercase;letter-spacing:.5px;color:#888;margin-bottom:10px;font-size:13px;font-weight:700;display:block}.preview-section p{color:#1f1f1f;margin:0;font-size:15px;line-height:1.7}.preview-box{color:#1f1f1f;background:#fafafa;border:1px solid #ececec;border-radius:20px;padding:18px;line-height:1.7}.moderation-actions{flex-direction:column;gap:14px;margin-top:34px;display:flex}.accept-button,.reject-button,.comment-button{cursor:pointer;border:none;border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:16px 18px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.accept-button{color:#fff;background:#1f1f1f}.accept-button:hover{transform:translateY(-2px)}.reject-button{color:#1f1f1f;background:#f3f3f3}.reject-button:hover{background:#ebebeb}.comment-button{color:#1f1f1f;background:#fff;border:1px solid #e6e6e6}.comment-button:hover{background:#fafafa}.empty-preview{color:#999;justify-content:center;align-items:center;min-height:400px;font-size:16px;display:flex}.admin-report-label{letter-spacing:.14em;text-transform:uppercase;color:#8a8a8a;margin:0 0 10px;font-size:11px;font-weight:700}.admin-report-target-summary{background:#f3f3f3;border:1px solid #e8e8e8;border-radius:20px;flex-direction:column;gap:6px;margin-bottom:28px;padding:20px 22px;display:flex}.admin-report-target-type{letter-spacing:.08em;text-transform:uppercase;color:#888;font-size:12px;font-weight:700}.admin-report-target-title{color:#1f1f1f;font-size:20px;font-weight:700;line-height:1.3}.admin-report-target-id{color:#777;font-size:13px}.admin-report-comment{white-space:pre-wrap}.admin-report-field-value{color:#1f1f1f;background:#fff;border:1px solid #ddd;border-radius:16px;padding:14px 16px;font-size:15px;line-height:1.6}.admin-report-field-value--comment{white-space:pre-wrap;min-height:96px}.admin-report-field-value--empty{color:#888}.admin-report-note{color:#666;background:#fafafa;border:1px solid #ececec;border-radius:18px;margin-top:28px;padding:16px 18px;font-size:14px;line-height:1.6}.admin-empty-list{color:#888;text-align:center;border:1px dashed #ddd;border-radius:24px;padding:28px 20px}.admin-action-error{color:#b42318;margin:0 0 16px;font-size:14px}.admin-reject-textarea{box-sizing:border-box;resize:vertical;background:#fff;border:1px solid #ddd;border-radius:16px;width:100%;min-height:120px;padding:14px 16px;font-size:15px;line-height:1.6}