@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-primary:#7f56d9;--color-primary-hover:#6941c6;--color-border-checked-purple:#d6bbfb;--color-surface:#fcfcfd;--color-surface-checked:#f9f5ff;--color-border:#eaecf0;--color-text-primary:#344054;--color-text-secondary:#667085;--color-text-muted:#98a2b3;--color-notification-button:#f9fafb;--color-button-active:#f2f4f7;--color-button-passive:#fff;--color-button-border:#d0d5dd;--color-bg-app:#f8f9fc;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0px 1px 2px #1018280d;--shadow-md:0px 4px 8px -2px #1018281a, 0px 2px 4px -2px #1018280f;--shadow-lg:0px 12px 16px -4px #10182814, 0px 4px 6px -2px #10182808}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-app);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.app-container{flex-direction:column;width:100%;min-height:100vh;display:flex}.app-sidebar{flex-direction:column;width:100%;display:flex}.app-main-content{flex-direction:column;flex-grow:1;width:100%;display:flex}.desktop-placeholder{text-align:center;background-color:var(--color-bg-app);flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px;display:flex}.desktop-placeholder h3{color:var(--color-text-primary);margin-top:24px;margin-bottom:8px;font-size:20px;font-weight:600}.desktop-placeholder p{color:var(--color-text-secondary);max-width:320px;font-size:14px;line-height:20px}@media (width<=1023px){.hidden-mobile{display:none!important}}@media (width>=1024px){.app-container{flex-direction:row;height:100vh;overflow:hidden}.app-sidebar{border-right:1px solid var(--color-border);background-color:var(--color-button-passive);width:400px;min-width:400px;height:100vh;overflow-y:auto}.app-main-content{background-color:var(--color-bg-app);height:100vh;overflow-y:auto}.app-main-content .back-btn{display:none!important}}.login-container{background:radial-gradient(circle at 10% 20%,#040f1e 0%,#0a0514 100.2%);justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-backdrop{filter:blur(40px);z-index:1;background:radial-gradient(circle,#6366f166 0%,#6366f100 70%);width:300px;height:300px;animation:10s ease-in-out infinite alternate floatBackdrop;position:absolute;top:20%;left:30%}@keyframes floatBackdrop{0%{transform:translate(0)scale(1)}to{transform:translate(50px,30px)scale(1.2)}}.login-card{z-index:10;-webkit-backdrop-filter:blur(20px);color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:440px;padding:40px;transition:all .3s;position:relative;box-shadow:0 20px 50px #0000004d}.login-header{text-align:center;margin-bottom:32px}.login-logo{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;display:inline-flex;box-shadow:0 8px 24px #6366f166}.login-header h2{background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:28px;font-weight:700}.login-header p{color:#94a3b8;font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.form-row{gap:16px;display:flex}.form-row .form-group{flex:1}.form-group input{box-sizing:border-box;color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-size:15px;transition:all .2s}.form-group input:focus{background:#ffffff14;border-color:#6366f1;box-shadow:0 0 0 4px #6366f126}.login-error{color:#ef4444;text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;padding:10px 14px;font-size:13px}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:12px;margin-top:10px;padding:14px;font-size:16px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #6366f133}.login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f159}.login-btn:active{transform:translateY(0)}.login-footer{text-align:center;color:#94a3b8;margin-top:24px;font-size:14px}.toggle-auth-btn{color:#6366f1;cursor:pointer;background:0 0;border:none;margin-left:6px;padding:0;font-weight:600;transition:color .2s}.toggle-auth-btn:hover{color:#8b5cf6;text-decoration:underline}.spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.sidebar-auth-header{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);background:#0000000d;justify-content:space-between;align-items:center;padding:12px 24px;font-size:13px;display:flex}.user-email{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-weight:500;overflow:hidden}.logout-btn-text{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-weight:600;transition:all .2s;display:flex}.logout-btn-text:hover{background:#ef444414}.header-container{background-color:var(--color-button-passive);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.left-side{align-items:center;gap:12px;display:flex}.user-avatar-initials{border-radius:var(--radius-full);background-color:var(--color-surface-checked);width:40px;height:40px;color:var(--color-primary);border:1.5px solid var(--color-border-checked-purple);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.user-info{flex-direction:column;display:flex}.user-name{color:var(--color-text-primary);font-size:14px;font-weight:600;line-height:20px}.user-email{color:var(--color-text-secondary);font-size:12px;line-height:18px}.right-side{align-items:center;gap:12px;display:flex}.icon-button{border-radius:var(--radius-full);border:1px solid var(--color-button-border);background-color:var(--color-button-passive);width:40px;height:40px;color:var(--color-text-primary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.icon-button:hover{background-color:var(--color-button-active);transform:translateY(-1px)}.award-btn{background-color:var(--color-surface-checked);border-color:var(--color-border-checked-purple);color:var(--color-primary)}.award-btn:hover{background-color:#f4ebff}.bell-btn{color:var(--color-text-secondary)}.bell-badge{position:absolute;top:6px;right:6px}.bell-badge-active{color:#fff;border:1.5px solid var(--color-button-passive);background:#f04438;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:9px;font-weight:800;animation:.3s cubic-bezier(.34,1.56,.64,1) badgePop;display:flex}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.tab-bar-container{background-color:var(--color-button-passive);padding:12px 20px}.tab-bar{background-color:var(--color-notification-button);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;padding:4px;display:flex}.tab-btn{color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:14px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1)}.tab-btn:hover{color:var(--color-text-primary)}.tab-btn.active{background-color:var(--color-button-passive);color:var(--color-primary);box-shadow:var(--shadow-sm);font-weight:600}.dashboard-container{min-height:calc(100vh - 150px);padding:16px 20px;position:relative}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding-top:60px;display:flex}.empty-illustration{margin-bottom:24px;animation:4s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty-title{color:var(--color-text-primary);margin-bottom:8px;font-size:18px;font-weight:600}.empty-description{color:var(--color-text-secondary);max-width:260px;font-size:14px;line-height:20px}.arrow-pointer{opacity:.7;position:absolute;bottom:80px;right:60px}.lists-stack{flex-direction:column;gap:16px;margin-bottom:80px;display:flex}.list-card{background-color:var(--color-button-passive);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;gap:20px;padding:24px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.list-card:hover{border-color:var(--color-border-checked-purple);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-top{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.card-info{flex-direction:column;gap:10px;display:flex}.card-title{color:#2c3a50;letter-spacing:-.3px;font-size:20px;font-weight:700}.collaborators{align-items:center;display:flex}.collab-avatar{border-radius:var(--radius-full);border:2px solid var(--color-button-passive);object-fit:cover;width:32px;height:32px;margin-right:-8px}.collab-avatar-initials{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#7f56d9,#9e77ed);flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.collab-more{color:var(--color-primary);background-color:var(--color-surface-checked);border:1px solid var(--color-border-checked-purple);border-radius:var(--radius-full);justify-content:center;align-items:center;width:32px;height:32px;margin-left:12px;font-size:12px;font-weight:600;display:flex}.favorite-btn{background-color:var(--color-surface-checked);color:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.favorite-btn:hover{background-color:#f4ebff;transform:scale(1.05)}.card-details-row{color:var(--color-text-secondary);align-items:center;gap:36px;display:flex}.detail-item{align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.detail-icon{color:var(--color-text-secondary)}.floating-add-btn{border-radius:var(--radius-full);background-color:var(--color-primary);width:56px;height:56px;color:var(--color-button-passive);cursor:pointer;z-index:100;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #7f56d966}.floating-add-btn:hover{background-color:var(--color-primary-hover);transform:scale(1.05)translateY(-2px);box-shadow:0 6px 16px #7f56d980}.floating-add-btn:active{transform:scale(.95)}.list-detail-container{background-color:var(--color-button-passive);flex-direction:column;min-height:100vh;display:flex}.detail-header{background-color:var(--color-button-passive);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.back-btn,.options-menu-btn{color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex}.back-btn:hover,.options-menu-btn:hover{background-color:var(--color-button-active)}.header-right-actions{align-items:center;gap:12px;display:flex}.collaborators-badge{background-color:var(--color-notification-button);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;align-items:center;padding:4px 8px 4px 12px;transition:all .2s;display:flex}.collaborators-badge:hover{border-color:var(--color-border-checked-purple)}.header-collab-avatar-initials{border-radius:var(--radius-full);border:1.5px solid var(--color-button-passive);background-color:var(--color-surface-checked);width:24px;height:24px;color:var(--color-primary);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;margin-left:-6px;font-size:10px;font-weight:700;display:flex}.collab-count-badge{color:var(--color-primary);margin-left:6px;margin-right:4px;font-size:11px;font-weight:600}.add-collab-btn{background:var(--color-surface-checked);border:1px solid var(--color-border-checked-purple);color:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;justify-content:center;align-items:center;width:24px;height:24px;margin-left:6px;display:flex}.list-meta-info{background-color:var(--color-button-passive);padding:24px 20px 16px}.detail-list-title{color:#2c3a50;letter-spacing:-.5px;cursor:pointer;border-radius:var(--radius-sm);margin-bottom:12px;font-size:24px;font-weight:700;transition:background-color .2s}.detail-list-title:hover{background-color:var(--color-button-active)}.edit-list-title-input{color:#2c3a50;letter-spacing:-.5px;border:2px solid var(--color-primary);border-radius:var(--radius-md);background-color:var(--color-background);box-sizing:border-box;outline:none;width:100%;max-width:400px;margin-bottom:12px;padding:2px 8px;font-size:24px;font-weight:700}.edit-list-tag-input{border:1.5px solid var(--color-primary);border-radius:var(--radius-full);background-color:var(--color-background);max-width:150px;color:var(--color-primary);box-sizing:border-box;outline:none;padding:4px 12px;font-size:12px;font-weight:500}.meta-row{color:var(--color-text-secondary);align-items:center;gap:20px;display:flex}.meta-item{align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.tag-badge{background-color:var(--color-notification-button);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;padding:4px 10px}.tag-badge:hover{background-color:var(--color-button-active)}.items-list-container{background-color:var(--color-bg-app);flex:1;padding:8px 20px 100px}.checklist-stack{flex-direction:column;gap:12px;display:flex}.checklist-item-card{background-color:var(--color-button-passive);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:16px 20px;transition:all .2s;display:flex}.checklist-item-card:hover{border-color:var(--color-button-border)}.checklist-item-card.checked{background-color:var(--color-surface-checked);border-color:var(--color-border-checked-purple)}.checkbox-wrapper{align-items:center;gap:14px;display:flex}.custom-checkbox{border:2.5px solid var(--color-button-border);background-color:var(--color-button-passive);width:20px;height:20px;color:var(--color-primary);border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.custom-checkbox.checked{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-button-passive)}.item-name{color:var(--color-text-primary);font-size:15px;font-weight:500;transition:all .2s}.checklist-item-card.checked .item-name{color:var(--color-text-secondary);opacity:.7;text-decoration:line-through}.edit-item-btn{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.edit-item-btn:hover{color:var(--color-primary);background-color:var(--color-surface-checked)}.inline-add-container{position:relative}.inline-input-wrapper{background-color:var(--color-button-passive);border:2px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);align-items:center;gap:14px;padding:16px 20px;display:flex}.inline-add-input{width:100%;color:var(--color-text-primary);border:none;outline:none;font-size:15px;font-weight:500}.autocomplete-dropdown{background-color:var(--color-button-passive);border:1px solid var(--color-border);border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-lg);z-index:10;border-top:none;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.autocomplete-option{color:var(--color-text-primary);cursor:pointer;padding:12px 20px;font-size:14px;font-weight:500;transition:background-color .2s}.autocomplete-option:hover{background-color:var(--color-surface-checked);color:var(--color-primary)}.empty-items-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.empty-items-illustration{margin-bottom:20px}.empty-items-title{color:var(--color-text-primary);margin-bottom:8px;font-size:16px;font-weight:600}.empty-items-description{color:var(--color-text-secondary);max-width:240px;font-size:13px;line-height:18px}.detail-footer-btn-container{background:linear-gradient(to top, var(--color-button-passive) 80%, #fff0);z-index:90;padding:20px;position:sticky;bottom:0;left:0;right:0}.primary-add-item-btn{background-color:var(--color-primary);color:var(--color-button-passive);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #7f56d940}.primary-add-item-btn:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background-color:#10182866;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background-color:var(--color-button-passive);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:400px;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{color:var(--color-text-primary);font-size:18px;font-weight:600}.close-modal-btn{color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .2s;display:flex}.close-modal-btn:hover{background-color:var(--color-button-active)}.modal-form{flex-direction:column;gap:16px;padding:24px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--color-text-primary);font-size:14px;font-weight:500}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--color-button-border);border-radius:var(--radius-sm);color:var(--color-text-primary);background-color:var(--color-button-passive);resize:none;outline:none;padding:10px 14px;font-family:inherit;font-size:15px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7f56d91a}.form-row-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-actions{gap:12px;margin-top:10px;display:flex}.save-item-btn{background-color:var(--color-primary);color:var(--color-button-passive);border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;padding:12px;font-size:15px;font-weight:600;transition:background-color .2s}.save-item-btn:hover{background-color:var(--color-primary-hover)}.delete-item-action-btn{color:#b42318;border-radius:var(--radius-sm);cursor:pointer;background-color:#fef3f2;border:1px solid #fda29b;padding:12px;font-size:15px;font-weight:600;transition:all .2s}.delete-item-action-btn:hover{background-color:#fee4e2}.share-invite-form{padding:20px 24px 0}.share-input-row{gap:8px;display:flex}.share-input-row input{border:1px solid var(--color-button-border);border-radius:var(--radius-sm);outline:none;flex:1;padding:10px 14px;font-size:15px}.share-input-row input:focus{border-color:var(--color-primary)}.role-select{border:1px solid var(--color-button-border);border-radius:var(--radius-sm);background-color:var(--color-button-passive);outline:none;padding:0 10px;font-size:14px}.invite-action-btn{background-color:var(--color-primary);color:var(--color-button-passive);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:0 16px;font-size:14px;font-weight:600}.invite-action-btn:hover{background-color:var(--color-primary-hover)}.invites-section{padding:24px}.invites-title{color:var(--color-text-primary);margin-bottom:12px;font-size:14px;font-weight:600}.invites-list{flex-direction:column;gap:16px;max-height:240px;display:flex;overflow-y:auto}.invite-user-row{justify-content:space-between;align-items:center;display:flex}.user-left{align-items:center;gap:12px;display:flex}.invite-avatar{border-radius:var(--radius-full);object-fit:cover;width:36px;height:36px}.invite-user-details{flex-direction:column;display:flex}.invite-user-name{color:var(--color-text-primary);font-size:14px;font-weight:600}.invite-user-email{color:var(--color-text-secondary);font-size:12px}.owner-badge{color:var(--color-text-secondary);font-size:13px;font-weight:500}.role-inline-select{color:var(--color-primary);cursor:pointer;background:0 0;border:none;outline:none;font-size:13px;font-weight:600}.dropdown-backdrop{z-index:150;position:fixed;inset:0}.options-dropdown-card{background-color:var(--color-button-passive);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:160;flex-direction:column;width:180px;padding:8px 0;animation:.15s ease-out fadeIn;display:flex;position:fixed;top:60px;right:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dropdown-option-btn{text-align:left;color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;padding:12px 20px;font-size:14px;font-weight:500;transition:background-color .2s}.dropdown-option-btn:hover{background-color:var(--color-button-active)}.dropdown-option-btn.delete-option{color:#b42318}.dropdown-option-btn.delete-option:hover{background-color:#fef3f2}.notif-backdrop{z-index:500;background:0 0;position:fixed;inset:0}.notif-panel{background:var(--color-surface,#1a1a2e);border:1px solid var(--color-border,#ffffff1a);border-radius:16px;flex-direction:column;width:340px;max-height:480px;animation:.2s cubic-bezier(.34,1.56,.64,1) notifSlideIn;display:flex;position:fixed;top:72px;right:16px;overflow:hidden;box-shadow:0 20px 60px #0006,0 0 0 1px #7f56d933}@keyframes notifSlideIn{0%{opacity:0;transform:translateY(-12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.notif-header{border-bottom:1px solid var(--color-border,#ffffff1a);align-items:center;gap:10px;padding:16px 20px;display:flex}.notif-header h3{color:var(--color-text-primary,#fff);margin:0;font-size:15px;font-weight:700}.notif-count-badge{color:#fff;text-align:center;background:#7f56d9;border-radius:999px;min-width:20px;padding:2px 7px;font-size:11px;font-weight:700}.notif-empty{color:var(--color-text-secondary,#fff6);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 20px;display:flex}.notif-empty svg{opacity:.4}.notif-empty p{margin:0;font-size:13px}.notif-list{max-height:400px;padding:8px;overflow-y:auto}.notif-list::-webkit-scrollbar{width:4px}.notif-list::-webkit-scrollbar-track{background:0 0}.notif-list::-webkit-scrollbar-thumb{background:#7f56d966;border-radius:4px}.notif-card{background:#ffffff0a;border-radius:12px;gap:12px;margin-bottom:6px;padding:14px;transition:background .15s;display:flex}.notif-card:last-child{margin-bottom:0}.notif-card:hover{background:#7f56d914}.notif-icon{color:#9e77ed;background:linear-gradient(135deg,#7f56d933,#9e77ed33);border:1px solid #7f56d94d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.notif-content{flex:1;min-width:0}.notif-message{color:var(--color-text-primary,#fff);margin:0 0 4px;font-size:13px;line-height:1.4}.notif-meta{color:var(--color-text-secondary,#ffffff80);margin:0 0 10px;font-size:11px}.notif-actions{gap:8px;display:flex}.notif-accept-btn,.notif-decline-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.notif-accept-btn{color:#fff;background:linear-gradient(135deg,#7f56d9,#9e77ed)}.notif-accept-btn:hover{opacity:.9;transform:translateY(-1px)}.notif-decline-btn{color:var(--color-text-secondary,#fff9);background:#ffffff14;border:1px solid #ffffff1a}.notif-decline-btn:hover{color:#fda29b;background:#fda29b26;border-color:#fda29b4d}