@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #0a0f1a;--bg-secondary: #111827;--bg-card: #1a2332;--bg-input: #0d1420;--border-color: #1e3a5f;--border-focus: #22c55e;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent: #22c55e;--accent-hover: #16a34a;--accent-glow: rgba(34, 197, 94, .3);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .1);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius: 12px;--shadow: 0 4px 24px rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(ellipse at 20% 50%,rgba(34,197,94,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(34,197,94,.05) 0%,transparent 50%),var(--bg-primary);position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 70%,rgba(34,197,94,.03) 0%,transparent 40%),radial-gradient(circle at 70% 30%,rgba(34,197,94,.02) 0%,transparent 40%);animation:bgRotate 30s linear infinite;pointer-events:none}@keyframes bgRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:48px 40px;box-shadow:var(--shadow);position:relative;z-index:1;animation:cardSlideUp .6s ease-out}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-card__logo{text-align:center;margin-bottom:12px;animation:logoFadeIn .8s ease-out .2s both}@keyframes logoFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.login-card__logo img{height:60px;width:auto;filter:drop-shadow(0 4px 12px rgba(34,197,94,.2))}.login-card__subtitle{text-align:center;color:var(--text-secondary);font-size:14px;margin-bottom:36px;font-weight:400;letter-spacing:.5px}.login-card__subtitle span{color:var(--accent);font-weight:600}.login-form{display:flex;flex-direction:column;gap:20px}.login-form .form-group{display:flex;flex-direction:column;gap:6px}.login-form .form-group label{font-size:13px;font-weight:500;color:var(--text-secondary);letter-spacing:.3px}.login-form .form-group input{padding:14px 16px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);font-size:15px;font-family:var(--font-family);outline:none;transition:all .3s ease}.login-form .form-group input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}.login-form .form-group input::placeholder{color:var(--text-muted)}.login-btn{margin-top:8px;padding:15px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:15px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all .3s ease;letter-spacing:.3px;position:relative;overflow:hidden}.login-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px var(--accent-glow)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-btn--loading{color:transparent}.login-btn--loading:after{content:"";position:absolute;top:50%;left:50%;width:22px;height:22px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;transform:translate(-50%,-50%)}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.login-error{background:var(--danger-bg);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius);padding:12px 16px;color:var(--danger);font-size:13px;text-align:center;animation:errorShake .4s ease}@keyframes errorShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.login-footer{margin-top:28px;text-align:center;font-size:12px;color:var(--text-muted)}.dashboard{min-height:100vh;display:flex;flex-direction:row}.sidebar{width:64px;min-height:100vh;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:width .25s cubic-bezier(.4,0,.2,1);overflow:hidden;position:fixed;top:0;left:0;z-index:50}.sidebar:hover{width:240px}.sidebar__logo{display:flex;align-items:center;justify-content:center;padding:16px;border-bottom:1px solid var(--border-color);min-height:64px;position:relative;overflow:hidden}.sidebar__logo-icon{width:32px;height:32px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 2px 6px rgba(34,197,94,.2));opacity:1;transition:opacity .2s ease}.sidebar:hover .sidebar__logo-icon{opacity:0;width:0;position:absolute}.sidebar__logo-full{height:36px;width:auto;object-fit:contain;opacity:0;position:absolute;left:16px;transition:opacity .2s ease .05s;filter:drop-shadow(0 2px 8px rgba(34,197,94,.15))}.sidebar:hover .sidebar__logo-full{opacity:1;position:relative;left:auto}.sidebar__nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:4px}.sidebar__link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;color:var(--text-secondary);text-decoration:none;transition:all .2s;white-space:nowrap}.sidebar__link svg{flex-shrink:0}.sidebar__link:hover{color:var(--text-primary);background:#ffffff0d}.sidebar__link.active{color:var(--accent);background:#22c55e1f}.sidebar__link-text{font-size:14px;font-weight:500;opacity:0;transition:opacity .2s ease .05s}.sidebar:hover .sidebar__link-text{opacity:1}.sidebar__bottom{padding:12px 10px;border-top:1px solid var(--border-color)}.sidebar__user{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-bottom:8px}.sidebar__avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.sidebar__user-info{overflow:hidden;opacity:0;transition:opacity .2s ease .05s}.sidebar:hover .sidebar__user-info{opacity:1}.sidebar__user-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-role{font-size:11px;color:var(--accent);white-space:nowrap}.sidebar__logout{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;background:transparent;border:none;border-radius:10px;color:var(--text-muted);cursor:pointer;font-family:var(--font-family);transition:all .2s;white-space:nowrap}.sidebar__logout svg{flex-shrink:0}.sidebar__logout:hover{color:var(--danger);background:var(--danger-bg)}.dashboard__main{flex:1;margin-left:64px;min-height:100vh;overflow-y:auto;display:flex;flex-direction:column}.sidebar__section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);padding:20px 16px 6px;opacity:0;height:0;overflow:hidden;transition:opacity .2s ease .05s,height .2s ease,padding .2s ease}.sidebar:hover .sidebar__section-label{opacity:1;height:auto;padding:20px 16px 6px}.dashboard-home{padding:28px 32px;animation:cardSlideUp .3s ease-out}.dashboard-home__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.dashboard-home__title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 6px}.dashboard-home__subtitle{font-size:14px;color:var(--text-secondary);margin:0}.dashboard-home__error{padding:14px 18px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#ef4444;font-size:14px;margin-bottom:24px}.dashboard-section{margin-bottom:36px}.dashboard-section__title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.admin-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;padding:3px 8px;border-radius:6px;margin-left:4px}.stats-grid{display:grid;gap:16px}.stats-grid--2{grid-template-columns:repeat(2,1fr)}.stats-grid--3{grid-template-columns:repeat(3,1fr)}.stats-grid--4{grid-template-columns:repeat(4,1fr)}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;transition:all .25s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:currentColor;opacity:.3;transition:opacity .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.stat-card:hover:before{opacity:.6}.stat-card--loading{animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.stat-card__icon{font-size:28px;margin-bottom:4px}.stat-card__value{font-size:32px;font-weight:800;line-height:1.1;font-family:var(--font-family)}.stat-card__label{font-size:13px;color:var(--text-secondary);font-weight:500}.stat-card--admin{background:linear-gradient(135deg,#8b5cf614,#8b5cf605);border-color:#8b5cf640}.stat-card--placeholder{opacity:.4;border-style:dashed}.dashboard-cta{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:10px 20px;background:linear-gradient(135deg,var(--accent),var(--accent-hover));border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #22c55e4d}.dashboard-cta:hover{transform:translateY(-1px);box-shadow:0 4px 16px #22c55e66}.dashboard-section__coming-soon{margin-top:24px}.dashboard-section__subtitle{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-muted);margin:0 0 12px}.coming-soon-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:#64748b33;color:var(--text-muted);padding:3px 8px;border-radius:6px}.marketing-platform{margin-bottom:16px}.marketing-platform__header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:600;color:var(--text-primary)}.marketing-platform__icon{font-size:18px}.marketing-platform__name{color:var(--text-primary)}.marketing-platform__live{font-size:11px;color:#22c55e;font-weight:600;animation:pulse 2s infinite}.stat-card--fb{background:linear-gradient(135deg,#1877f214,#1877f205);border-color:#1877f240}@media(max-width:900px){.stats-grid--2,.stats-grid--3,.stats-grid--4{grid-template-columns:repeat(2,1fr)}.dashboard-home{padding:20px}}@media(max-width:600px){.stats-grid--2,.stats-grid--3,.stats-grid--4{grid-template-columns:1fr}.stat-card__value{font-size:26px}}.orders-page{display:flex;flex-direction:column;height:100%;overflow:hidden;animation:cardSlideUp .4s ease-out}.orders-sticky-top{flex-shrink:0;padding:20px 32px 0;background:var(--bg-primary);z-index:10}.orders-filters{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;flex-wrap:wrap}.orders-filters__left{display:flex;gap:12px;align-items:center;flex:1}.filter-group{position:relative;flex:1;max-width:360px}.filter-search{width:100%;padding:10px 14px 10px 38px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;font-family:var(--font-family);outline:none;transition:all .2s}.filter-search:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.filter-search::placeholder{color:var(--text-muted)}.filter-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted);pointer-events:none}.status-picker-wrap{position:relative}.filter-select-btn{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;font-family:var(--font-family);cursor:pointer;min-width:160px;transition:all .2s}.filter-select-btn:hover{border-color:var(--accent)}.filter-select-btn span{flex:1;text-align:left}.status-picker-dropdown{position:absolute;left:0;top:calc(100% + 8px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:8px;z-index:100;min-width:200px;box-shadow:0 8px 32px #00000080;animation:cardSlideUp .2s ease-out}.status-checkbox-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.status-checkbox-item:hover{background:#ffffff0d;color:var(--text-primary)}.status-checkbox-item input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;cursor:pointer}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-divider{height:1px;background:var(--border-color);margin:4px 8px}.orders-filters__right{position:relative;display:flex;align-items:center;gap:8px}.btn-refresh{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);font-size:13px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all .2s;white-space:nowrap}.btn-refresh:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:#22c55e14}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.btn-refresh svg.spin{animation:refreshSpin .8s linear infinite}@keyframes refreshSpin{to{transform:rotate(360deg)}}.order-detail__header-right{display:flex;align-items:center;gap:12px}.date-picker-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--accent);border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all .2s;white-space:nowrap}.date-picker-btn:hover{background:var(--accent-hover)}.date-picker-dropdown{position:absolute;right:0;top:calc(100% + 8px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:8px;z-index:100;min-width:200px;box-shadow:0 8px 32px #00000080;animation:cardSlideUp .2s ease-out}.date-preset{display:block;width:100%;padding:10px 14px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:14px;font-family:var(--font-family);cursor:pointer;text-align:left;transition:all .15s}.date-preset:hover{background:#ffffff0d;color:var(--text-primary)}.date-preset.active{background:#22c55e26;color:var(--accent);font-weight:600}.orders-meta{font-size:13px;color:var(--text-muted);margin-bottom:8px}.orders-table-wrap{flex:1;overflow-y:auto;overflow-x:auto;margin:0 32px 16px;border-radius:12px;border:1px solid var(--border-color)}.orders-table{width:100%;border-collapse:separate;border-spacing:0}.orders-table th{padding:12px 16px;background:var(--bg-secondary);color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:5}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.sortable-th:hover{color:var(--text-primary)}.th-content{display:flex;align-items:center;gap:4px}.sort-icon{flex-shrink:0;transition:all .15s}.sort-icon.asc,.sort-icon.desc{color:var(--accent)}.orders-table td{padding:14px 16px;font-size:14px;border-bottom:1px solid rgba(30,58,95,.3)}.orders-row{cursor:pointer;transition:background .15s}.orders-row:hover{background:#22c55e0a}.order-id{font-weight:600;color:var(--accent)}.order-email{color:var(--text-secondary);font-size:13px}.order-total{font-weight:600}.status-badge,.source-badge{display:inline-block;padding:4px 10px;border:1px solid;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap}.btn-open{padding:6px 14px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;color:var(--accent);font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font-family);transition:all .2s}.btn-open:hover{background:#22c55e33}.eta-cell{font-size:13px;color:var(--text-secondary);white-space:nowrap}.eta-expired,.eta-overdue{color:var(--danger, #ef4444)!important;font-weight:600}.eta-on-time{color:var(--accent, #22c55e)!important;font-weight:600}.eta-late-done{color:#f59e0b!important;font-weight:600}.orders-loading,.orders-empty{text-align:center;padding:40px!important;color:var(--text-muted)}.orders-pagination{flex-shrink:0;display:flex;justify-content:center;align-items:center;gap:16px;padding:12px 32px}.orders-pagination button{padding:8px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:13px;cursor:pointer;font-family:var(--font-family);transition:all .2s}.orders-pagination button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.orders-pagination button:disabled{opacity:.3;cursor:not-allowed}.orders-pagination span{color:var(--text-muted);font-size:13px}.modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modal-fadeIn .2s ease;padding:20px}@keyframes modal-fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:#1a1a2e;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:32px;max-width:440px;width:100%;text-align:center;box-shadow:0 20px 60px #00000080;animation:modal-slideIn .25s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-slideIn{0%{transform:scale(.9) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal__icon{font-size:2.5rem;margin-bottom:16px;line-height:1}.modal__title{font-size:1.15rem;font-weight:700;color:#fff;margin:0 0 12px;line-height:1.4}.modal__message{font-size:.9rem;color:#a0a0b8;line-height:1.7;margin-bottom:24px;white-space:pre-line;word-break:break-word}.modal__actions{display:flex;gap:10px;justify-content:center}.modal__btn{padding:10px 28px;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;font-family:inherit}.modal__btn:hover{transform:translateY(-1px)}.modal__btn--ok{background:#22c55e;color:#fff}.modal__btn--ok:hover{background:#16a34a;box-shadow:0 4px 14px #22c55e4d}.modal__btn--cancel{background:#ffffff0f;color:#a0a0b8;border:1px solid rgba(255,255,255,.1)}.modal__btn--cancel:hover{background:#ffffff1a;color:#fff}.modal__btn--confirm{background:#22c55e;color:#fff}.modal__btn--confirm:hover{background:#16a34a;box-shadow:0 4px 14px #22c55e4d}.order-detail{height:100%;overflow-y:auto;padding:24px 32px;animation:cardSlideUp .4s ease-out}.order-detail__loading{text-align:center;padding:60px;color:var(--text-muted)}.order-detail__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.order-detail__header-left{display:flex;align-items:center;gap:16px}.order-detail__header-left h1{font-size:24px;font-weight:700}.order-date{color:var(--text-muted);font-size:14px}.btn-complete{padding:10px 20px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:var(--font-family);transition:all .2s;box-shadow:0 2px 8px #22c55e4d}.btn-complete:hover{transform:translateY(-1px);box-shadow:0 4px 16px #22c55e66}.btn-resend{padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:var(--font-family);transition:all .2s;box-shadow:0 2px 8px #3b82f64d}.btn-resend:hover{transform:translateY(-1px);box-shadow:0 4px 16px #3b82f666}.btn-back{padding:8px 14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:13px;cursor:pointer;font-family:var(--font-family);transition:all .2s}.btn-back:hover{border-color:var(--accent);color:var(--accent)}.order-detail__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}@media(max-width:768px){.order-detail__grid{grid-template-columns:1fr}}.detail-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:24px;margin-bottom:20px}.detail-card h3{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.detail-rows{display:flex;flex-direction:column;gap:10px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.detail-row--total{border-top:1px solid var(--border-color);padding-top:12px;margin-top:4px}.detail-row--total .detail-value{font-size:18px;font-weight:700;color:var(--accent)}.detail-label{color:var(--text-muted);font-size:13px}.detail-value{color:var(--text-primary);font-size:14px;font-weight:500;text-align:right;max-width:60%;word-break:break-word}.items-table{width:100%;border-collapse:collapse}.items-table th{padding:10px 12px;color:var(--text-muted);font-size:12px;font-weight:600;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--border-color)}.items-table td{padding:12px;font-size:14px;border-bottom:1px solid rgba(30,58,95,.2);vertical-align:top}.item-sku{font-size:11px;color:var(--text-muted);margin-top:2px}.item-meta-list{margin-top:8px;padding:8px 12px;background:var(--bg-input, rgba(15, 25, 40, .5));border-radius:8px;border-left:3px solid var(--accent);display:flex;flex-direction:column;gap:4px}.item-meta-row{display:flex;gap:8px;font-size:12px;line-height:1.5}.item-meta-key{color:var(--accent);font-weight:600;white-space:nowrap;flex-shrink:0}.item-meta-val{color:var(--text-secondary);word-break:break-word}.meta-fields{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.meta-field{display:flex;gap:12px;padding:8px 12px;background:var(--bg-input);border-radius:8px;align-items:flex-start}.meta-key{color:var(--accent);font-size:12px;font-weight:600;min-width:180px;word-break:break-all}.meta-value{color:var(--text-secondary);font-size:13px;word-break:break-all;flex:1}.meta-value a{color:var(--accent);text-decoration:none}.meta-value a:hover{text-decoration:underline}.upload-section{border-color:#22c55e4d}.current-link{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-input);border-radius:8px;margin-bottom:12px;flex-wrap:wrap}.current-link__label{font-size:13px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.current-link a{color:var(--accent);font-size:13px;text-decoration:none;word-break:break-all}.current-link a:hover{text-decoration:underline}.upload-buttons{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}.upload-btn-group{display:flex;flex-direction:column;gap:6px}.upload-btn{padding:12px 24px;border:2px dashed;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;font-family:var(--font-family);transition:all .2s;background:transparent;text-decoration:none;text-align:center}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.upload-btn--melody{border-color:#3b82f6;color:#3b82f6}.upload-btn--melody:hover:not(:disabled){background:#3b82f61a}.upload-btn--video{border-color:#8b5cf6;color:#8b5cf6}.upload-btn--video:hover:not(:disabled){background:#8b5cf61a}.upload-btn--client{border-color:#f59e0b;color:#f59e0b}.upload-btn--client:hover{background:#f59e0b1a}.upload-msg{font-size:12px;color:var(--text-secondary);max-width:300px;word-break:break-all}.customer-note{color:var(--text-secondary);font-size:14px;line-height:1.6;padding:12px 16px;background:var(--bg-input);border-radius:8px;border-left:3px solid var(--accent)}.upload-modal-overlay{position:fixed;inset:0;z-index:9999;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.upload-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:40px 48px;text-align:center;min-width:400px;max-width:500px;box-shadow:0 20px 60px #00000080;animation:cardSlideUp .3s ease-out}.upload-modal__icon{font-size:48px;margin-bottom:16px}.upload-modal__title{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.upload-modal__file{color:var(--text-muted);font-size:13px;margin:0 0 24px;word-break:break-all}.upload-modal__bar-bg{width:100%;height:12px;background:var(--bg-input);border-radius:6px;overflow:hidden}.upload-modal__bar-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:6px;transition:width .3s ease}.upload-modal__bar-fill.pulsing{animation:barPulse 1.2s ease-in-out infinite}.upload-modal__pct{display:block;margin-top:12px;color:var(--text-secondary);font-size:14px;font-weight:600}@keyframes barPulse{0%,to{opacity:1}50%{opacity:.6}}.reports-page{padding:24px;overflow-y:auto;flex:1;width:100%}.reports-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px;flex-wrap:wrap}.reports-title{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.reports-subtitle{font-size:13px;color:var(--text-muted)}.reports-controls{display:flex;align-items:center;gap:12px}.reports-month-select{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;padding:8px 16px;font-size:14px;font-family:var(--font-family);cursor:pointer;outline:none;transition:border-color .2s}.reports-month-select:focus{border-color:var(--border-focus)}.reports-month-select option{background:var(--bg-secondary);color:var(--text-primary)}.btn-export{display:flex;align-items:center;gap:6px;background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all .2s;white-space:nowrap}.btn-export:hover{background:#22c55e33;border-color:#22c55e80}.reports-error{background:var(--danger-bg);color:var(--danger);padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.reports-loading{text-align:center;color:var(--text-muted);padding:48px 0;font-size:14px}.reports-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.report-summary-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:20px;text-align:center}.report-summary-card--sales{border-color:#22c55e4d;background:linear-gradient(135deg,#22c55e14,#22c55e05)}.report-summary-card--marketing{border-color:#ef44444d;background:linear-gradient(135deg,#ef444414,#ef444405)}.report-summary-card--profit{background:linear-gradient(135deg,#a78bfa14,#a78bfa05)}.report-summary-card__label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px}.report-summary-card__value{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.report-summary-card--sales .report-summary-card__value{color:#22c55e}.report-summary-card--marketing .report-summary-card__value{color:#ef4444}.report-summary-card__sub{font-size:11px;color:var(--text-muted)}.reports-chart-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:20px;margin-bottom:24px;overflow-x:auto}.report-chart-container{width:100%}.report-chart-svg{display:block;width:100%;height:auto}.report-chart-empty{text-align:center;color:var(--text-muted);padding:32px}.report-chart-legend{display:flex;justify-content:center;gap:24px;margin-top:12px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.reports-table-wrap{overflow-x:auto;overflow-y:auto;max-height:420px;border-radius:var(--radius);border:1px solid var(--border-color);margin-bottom:24px;position:relative}.reports-table{width:100%;border-collapse:collapse;font-size:13px}.reports-table thead th{background:var(--bg-secondary);color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:12px 14px;text-align:right;white-space:nowrap;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:2}.reports-table thead th:first-child{text-align:left}.reports-table tbody td{padding:10px 14px;border-bottom:1px solid rgba(30,58,95,.3);text-align:right;color:var(--text-secondary);white-space:nowrap}.reports-table tbody td:first-child{text-align:left}.reports-table tbody tr:nth-child(2n){background:#1118274d}.reports-table tbody tr:hover{background:#22c55e0a}.report-row--negative{background:#ef44440a!important}.report-date{color:var(--text-primary);font-weight:500}.report-col-fb{color:#60a5fa}.report-col-tiktok,.report-col-google{color:var(--text-muted)}.report-profit--pos{color:#22c55e;font-weight:600}.report-profit--neg{color:#ef4444;font-weight:600}.report-totals-row{background:var(--bg-secondary)!important}.report-totals-row td{border-top:2px solid var(--border-color);border-bottom:none;padding:14px;color:var(--text-primary)}.reports-table tfoot td{text-align:right;padding:14px;white-space:nowrap}.reports-table tfoot td:first-child{text-align:left}@media(max-width:768px){.reports-summary{grid-template-columns:1fr}.reports-header{flex-direction:column}.reports-controls{width:100%}.reports-month-select{flex:1}.report-summary-card__value{font-size:20px}}.nl-page{padding:32px}.nl-page__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px;flex-wrap:wrap}.nl-page__title{font-size:24px;font-weight:700;color:var(--text-primary);display:flex;align-items:center}.nl-page__subtitle{font-size:14px;color:var(--text-muted);margin-top:4px}.nl-page__actions{display:flex;gap:8px}.nl-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.nl-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:20px;text-align:center}.nl-stat-card__value{font-size:28px;font-weight:700;color:var(--accent);line-height:1;margin-bottom:6px}.nl-stat-card__label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.nl-toolbar{margin-bottom:20px}.nl-search{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:8px 12px;transition:border-color .2s}.nl-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.nl-search__icon{color:var(--text-muted);flex-shrink:0}.nl-search__input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:14px;font-family:var(--font-family);outline:none;min-width:0}.nl-search__input::placeholder{color:var(--text-muted)}.nl-search__clear{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:2px 6px;border-radius:4px;transition:all .15s}.nl-search__clear:hover{color:var(--text-primary);background:#ffffff14}.nl-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:8px;border:none;font-size:13px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all .2s;white-space:nowrap;background:var(--accent);color:#fff}.nl-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.nl-btn:disabled{opacity:.5;cursor:not-allowed}.nl-btn--sm{padding:7px 12px;font-size:12px}.nl-btn--outline{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.nl-btn--outline:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:#22c55e0f;transform:translateY(-1px)}.nl-btn--danger{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.nl-btn--danger:hover:not(:disabled){background:#ef444433;border-color:#ef444466;transform:translateY(-1px)}.nl-btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:nlSpin .6s linear infinite}@keyframes nlSpin{to{transform:rotate(360deg)}}.nl-table-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);overflow:hidden}.nl-table{width:100%;border-collapse:collapse}.nl-table th{text-align:left;padding:12px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:#ffffff05;border-bottom:1px solid var(--border-color)}.nl-table td{padding:12px 16px;font-size:13px;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.04)}.nl-table tbody tr:hover{background:#22c55e08}.nl-table tbody tr:last-child td{border-bottom:none}.nl-table__num{color:var(--text-muted);font-size:12px;width:40px}.nl-table__email-cell{display:flex;align-items:center;gap:10px}.nl-table__email span{color:var(--text-primary);font-weight:500}.nl-table__center{text-align:center}.nl-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.nl-empty{text-align:center;padding:60px 20px;color:var(--text-muted)}.nl-empty svg{margin-bottom:12px;opacity:.4}.nl-empty p{font-size:14px}.nl-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--text-muted);font-size:14px}.nl-spinner{width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:nlSpin .7s linear infinite}.nl-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--danger-bg);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius);color:#ef4444;font-size:14px;margin-bottom:20px}.nl-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px 0}.nl-pagination__info{font-size:13px;color:var(--text-muted)}@media(max-width:768px){.nl-page{padding:16px}.nl-stats{grid-template-columns:1fr}.nl-page__header{flex-direction:column}.nl-table-wrapper{overflow-x:auto}.nl-table{min-width:700px}}.logs-page{display:flex;flex-direction:column;height:100%;overflow:hidden;animation:cardSlideUp .4s ease-out}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.logs-stats{display:flex;gap:12px;padding:20px 32px 0;flex-shrink:0}.logs-stat-card{flex:1;padding:14px 18px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;display:flex;flex-direction:column;gap:4px}.logs-stat-card__label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.logs-stat-card__value{font-size:22px;font-weight:700;color:var(--text-primary)}.logs-stat-card__value.error-val{color:var(--danger)}.logs-sticky-top{flex-shrink:0;padding:16px 32px 0;background:var(--bg-primary);z-index:10}.logs-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.logs-filter-select{padding:9px 28px 9px 12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:13px;font-family:var(--font-family);outline:none;cursor:pointer;transition:border-color .2s;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2364748b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.logs-filter-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.logs-filter-select option{background:var(--bg-card);color:var(--text-primary)}.logs-filter-search{flex:1;min-width:180px;padding:9px 12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:13px;font-family:var(--font-family);outline:none;transition:border-color .2s}.logs-filter-search:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.logs-filter-search::placeholder{color:var(--text-muted)}.logs-filter-date{padding:9px 12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:13px;font-family:var(--font-family);outline:none;cursor:pointer;color-scheme:dark}.logs-filter-date:focus{border-color:var(--accent)}.logs-filter-actions{display:flex;gap:8px;align-items:center;margin-left:auto}.btn-logs-refresh{display:flex;align-items:center;gap:6px;padding:9px 14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all .2s;white-space:nowrap}.btn-logs-refresh:hover{border-color:var(--accent);color:var(--accent);background:#22c55e14}.btn-logs-refresh svg.spin{animation:logsSpin .8s linear infinite}@keyframes logsSpin{to{transform:rotate(360deg)}}.auto-refresh-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.auto-refresh-toggle input{accent-color:var(--accent)}.logs-meta{font-size:12px;color:var(--text-muted);margin-bottom:8px}.logs-table-wrap{flex:1;overflow-y:auto;overflow-x:auto;margin:0 32px 12px;border-radius:12px;border:1px solid var(--border-color)}.logs-table{width:100%;border-collapse:separate;border-spacing:0;min-width:900px}.logs-table th{padding:10px 14px;background:var(--bg-secondary);color:var(--text-secondary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:5;white-space:nowrap}.logs-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s,background .15s}.logs-table th.sortable:hover{color:var(--accent);background:#22c55e0f}.sort-arrow{margin-left:4px;font-size:12px}.sort-arrow.inactive{opacity:.25}.sort-arrow.active{color:var(--accent);opacity:1}.logs-table td{padding:10px 14px;font-size:13px;border-bottom:1px solid rgba(30,58,95,.25);white-space:nowrap;max-width:350px;overflow:hidden;text-overflow:ellipsis}.logs-row{cursor:pointer;transition:background .15s}.logs-row:hover{background:#22c55e0a}.logs-row.expanded{background:#22c55e0f}.logs-row.error-row{border-left:3px solid var(--danger)}.log-type-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.log-type-badge.incoming{background:#3b82f626;color:#60a5fa}.log-type-badge.outgoing{background:#a855f726;color:#c084fc}.log-status-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.log-status-badge.s2xx{background:#22c55e26;color:#4ade80}.log-status-badge.s3xx{background:#eab30826;color:#facc15}.log-status-badge.s4xx{background:#fb923c26;color:#fb923c}.log-status-badge.s5xx,.log-status-badge.s0{background:#ef444426;color:#f87171}.log-service-tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;background:#94a3b81a;color:var(--text-secondary)}.log-duration{color:var(--text-muted);font-variant-numeric:tabular-nums}.log-method{font-weight:600;font-size:12px}.log-method.GET{color:#60a5fa}.log-method.POST{color:#4ade80}.log-method.PUT{color:#facc15}.log-method.DELETE{color:#f87171}.log-method.PATCH{color:#c084fc}.log-url{color:var(--text-secondary);font-family:Fira Code,Consolas,monospace;font-size:12px}.log-time{color:var(--text-muted);font-size:12px;font-variant-numeric:tabular-nums}.log-detail-row td{padding:0!important;border-bottom:2px solid var(--border-color)}.log-detail-content{padding:16px 20px;background:var(--bg-secondary);display:flex;flex-direction:column;gap:12px;animation:detailSlideDown .2s ease-out}@keyframes detailSlideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:800px}}.log-detail-section{display:flex;flex-direction:column;gap:6px}.log-detail-section__title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.log-detail-section__body{background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;padding:12px;font-family:Fira Code,Consolas,monospace;font-size:12px;color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;max-height:250px;overflow-y:auto;line-height:1.5}.log-detail-actions{display:flex;gap:10px;align-items:center}.btn-retry{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fb923c26;border:1px solid rgba(251,146,60,.3);border-radius:8px;color:#fb923c;font-size:13px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all .2s}.btn-retry:hover{background:#fb923c40}.btn-retry:disabled{opacity:.4;cursor:not-allowed}.log-error-text{color:#f87171;font-weight:500}.logs-pagination{flex-shrink:0;display:flex;justify-content:center;align-items:center;gap:16px;padding:10px 32px}.logs-pagination button{padding:8px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:13px;cursor:pointer;font-family:var(--font-family);transition:all .2s}.logs-pagination button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.logs-pagination button:disabled{opacity:.3;cursor:not-allowed}.logs-pagination span{color:var(--text-muted);font-size:13px}.logs-loading,.logs-empty{text-align:center;padding:40px!important;color:var(--text-muted)}.logs-date-picker-wrap{position:relative}.logs-date-picker-btn{display:flex;align-items:center;gap:8px;padding:9px 14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all .2s;white-space:nowrap}.logs-date-picker-btn:hover{border-color:var(--accent);color:var(--accent)}.logs-date-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:6px;z-index:20;min-width:180px;box-shadow:0 8px 24px #0000004d;animation:detailSlideDown .15s ease-out}.logs-date-preset{display:block;width:100%;padding:9px 14px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:13px;font-family:var(--font-family);cursor:pointer;text-align:left;transition:all .15s}.logs-date-preset:hover{background:#22c55e14;color:var(--accent)}.logs-date-preset.active{background:#22c55e26;color:var(--accent);font-weight:600}@media(max-width:768px){.logs-stats{flex-wrap:wrap;padding:12px 16px 0}.logs-stat-card{min-width:130px}.logs-sticky-top{padding:12px 16px 0}.logs-filters{flex-direction:column}.logs-table-wrap{margin:0 16px 12px}.logs-pagination{padding:10px 16px}.log-detail-content{padding:12px}}.mkp-page{padding:32px;animation:fadeIn .4s ease;width:100%}.mkp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.mkp-header h1{font-size:22px;font-weight:700}.mkp-count{font-size:13px;color:var(--text-muted);padding:6px 14px;background:#ffffff0a;border-radius:20px}.mkp-filters{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.mkp-filter{padding:7px 16px;border:1px solid var(--border-color);border-radius:20px;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all .2s}.mkp-filter:hover{border-color:var(--text-muted);color:var(--text-primary)}.mkp-filter--active{background:#22c55e1f;border-color:var(--accent);color:var(--accent)}.mkp-table-wrap{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow-x:auto}.mkp-table{width:100%;border-collapse:collapse}.mkp-table th{text-align:left;padding:12px 14px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.mkp-table td{padding:12px 14px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.03);vertical-align:middle}.mkp-table tbody tr:hover{background:#ffffff05}.mkp-row--selected{background:#22c55e0d!important}.mkp-bold{font-weight:600}.mkp-muted{color:var(--text-muted)}.mkp-accent{color:var(--accent);font-weight:600}.mkp-type{font-size:11px;color:var(--text-muted);background:#ffffff0d;padding:3px 10px;border-radius:10px}.mkp-badge{display:inline-block;padding:4px 10px;border-radius:16px;font-size:11px;font-weight:600;white-space:nowrap}.mkp-badge--green{background:#22c55e1f;color:#22c55e}.mkp-badge--yellow{background:#f59e0b1f;color:#f59e0b}.mkp-badge--red{background:#ef44441f;color:#ef4444}.mkp-badge--blue{background:#3b82f61f;color:#3b82f6}.mkp-badge--gray{background:#64748b1f;color:#94a3b8}.mkp-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:8px;font-family:var(--font-family);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.mkp-btn--sm{padding:5px 10px;font-size:12px}.mkp-btn--primary{background:var(--accent);color:#fff}.mkp-btn--primary:hover{background:var(--accent-hover)}.mkp-btn--success{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.mkp-btn--success:hover{background:#22c55e40}.mkp-btn--danger{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.mkp-btn--danger:hover{background:#ef444433}.mkp-btn--ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.mkp-btn--ghost:hover{border-color:var(--text-muted);color:var(--text-primary)}.mkp-btn:disabled{opacity:.5;cursor:not-allowed}.mkp-actions{display:flex;gap:6px}.mkp-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;color:var(--text-muted)}.mkp-spinner{width:18px;height:18px;border:2px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mkp-empty{text-align:center;padding:48px 20px;color:var(--text-muted);font-size:14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px}.mkp-detail-panel{margin-top:20px;background:var(--bg-card);border:1px solid var(--border-color);border-left:3px solid var(--accent);border-radius:12px;padding:24px;animation:fadeIn .3s ease}.mkp-detail-panel h3{font-size:16px;margin-bottom:16px}.mkp-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}.mkp-detail-grid>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.03);font-size:13px}.mkp-detail-grid span{color:var(--text-muted)}.mkp-detail-grid strong{color:var(--text-primary);font-weight:500}.mkp-detail-grid a{color:var(--accent);text-decoration:none}.mkp-detail-bio{padding:12px 0;font-size:13px;color:var(--text-secondary);line-height:1.5;border-bottom:1px solid rgba(255,255,255,.03)}.mkp-detail-actions{display:flex;gap:10px;margin-top:16px}.mkp-create-account{margin-top:20px;padding:20px;background:#22c55e0a;border:1px solid rgba(34,197,94,.15);border-radius:10px}.mkp-create-account h4{font-size:14px;margin-bottom:12px}.mkp-create-fields{display:flex;gap:12px;align-items:flex-end}.mkp-field{display:flex;flex-direction:column;gap:4px}.mkp-field label{font-size:12px;color:var(--text-muted)}.mkp-field input,.mkp-select,.mkp-input-sm{padding:8px 12px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:var(--font-family);font-size:13px}.mkp-created-badge{margin-top:16px;padding:10px 16px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:8px;color:#22c55e;font-size:13px;font-weight:500}.mkp-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px}@media(max-width:768px){.mkp-page{padding:16px}.mkp-detail-grid{grid-template-columns:1fr}.mkp-create-fields{flex-direction:column}}.drp{position:relative;display:inline-block}.drp-trigger{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--card-bg, #1e1e2e);border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:var(--radius-sm, 8px);color:var(--text-primary, #e0e0e0);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.drp-trigger:hover{border-color:var(--accent, #6c5ce7);background:#6c5ce70f}.drp-trigger svg:first-child{color:var(--accent, #6c5ce7);flex-shrink:0}.drp-trigger svg:last-child{opacity:.5;flex-shrink:0}.drp-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:1000;background:var(--card-bg, #1e1e2e);border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:var(--radius, 12px);box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff08;animation:drpFadeIn .2s ease;overflow:hidden}@keyframes drpFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.drp-body{display:flex}.drp-calendars{display:flex;gap:4px;padding:16px 20px;position:relative}.drp-nav{position:absolute;top:18px;z-index:2;background:none;border:none;color:var(--text-secondary, #999);cursor:pointer;padding:4px;border-radius:4px;transition:all .15s}.drp-nav:hover{color:var(--accent, #6c5ce7);background:#6c5ce71a}.drp-nav--prev{left:16px}.drp-nav--next{right:auto;left:calc(50% + 220px)}.drp-calendar{width:240px}.drp-cal-title{text-align:center;font-size:14px;font-weight:600;color:var(--text-primary, #e0e0e0);padding:2px 0 12px}.drp-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.drp-cal-header{text-align:center;font-size:11px;font-weight:600;color:var(--text-secondary, #999);padding:4px 0 8px;text-transform:uppercase;letter-spacing:.5px}.drp-cal-day{text-align:center;padding:6px 0;font-size:13px;cursor:pointer;border-radius:6px;transition:all .1s;color:var(--text-primary, #e0e0e0);position:relative}.drp-cal-day:hover:not(.drp-cal-day--outside){background:#6c5ce726}.drp-cal-day--outside{color:var(--text-tertiary, rgba(255, 255, 255, .15));cursor:default}.drp-cal-day--today{font-weight:700;color:var(--accent, #6c5ce7)}.drp-cal-day--start,.drp-cal-day--end{background:var(--accent, #6c5ce7)!important;color:#fff!important;font-weight:600;border-radius:6px}.drp-cal-day--in-range{background:#6c5ce726;border-radius:0}.drp-cal-day--start{border-radius:6px 0 0 6px}.drp-cal-day--end{border-radius:0 6px 6px 0}.drp-cal-day--start.drp-cal-day--end{border-radius:6px}.drp-presets{display:flex;flex-direction:column;gap:2px;padding:16px 12px;border-left:1px solid var(--border, rgba(255, 255, 255, .06));min-width:150px}.drp-preset{background:none;border:none;padding:8px 12px;text-align:left;font-size:13px;color:var(--text-secondary, #999);cursor:pointer;border-radius:6px;transition:all .15s;white-space:nowrap}.drp-preset:hover{color:var(--accent, #6c5ce7);background:#6c5ce70f}.drp-preset--active{color:var(--accent, #6c5ce7);background:#6c5ce71f;font-weight:600}.drp-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border, rgba(255, 255, 255, .06))}.drp-btn{padding:7px 18px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;border:none}.drp-btn--cancel{background:transparent;color:var(--text-secondary, #999)}.drp-btn--cancel:hover{color:var(--text-primary, #e0e0e0)}.drp-btn--apply{background:var(--accent, #6c5ce7);color:#fff}.drp-btn--apply:hover:not(:disabled){background:var(--accent-hover, #5a49d6);transform:translateY(-1px)}.drp-btn--apply:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.drp-dropdown{left:0;right:0;width:calc(100vw - 32px)}.drp-body{flex-direction:column}.drp-calendars{flex-direction:column;align-items:center}.drp-presets{flex-direction:row;flex-wrap:wrap;border-left:none;border-top:1px solid var(--border, rgba(255, 255, 255, .06))}}