.nf-page{display:flex;min-height:calc(100vh - 60px);background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%}.nf-page *{box-sizing:border-box}@media(max-width:768px){.nf-page{flex-direction:column;min-height:calc(100vh - 56px);min-height:calc(100dvh - 56px)}}.nf-sidebar{position:sticky;top:20px;height:fit-content;background:rgba(0,0,0,0);min-width:220px;z-index:10;overflow-y:auto;max-height:99vh;padding:25px 0 0 20px}.nf-sidebar::-webkit-scrollbar{display:none}@media(max-width:900px){.nf-sidebar{position:static;width:100%;min-width:100%;padding:16px;border-bottom:1px solid rgba(0,0,0,.06);max-height:none}}@media(max-width:768px){.nf-sidebar{position:sticky;top:0;min-width:100%;padding:12px 16px;margin-right:0;background:hsla(0,0%,100%,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06);max-height:none;z-index:20}}.nf-nav-section{margin-bottom:32px}@media(max-width:768px){.nf-nav-section{margin-bottom:0}}.nf-nav-title{font-size:13px;font-weight:600;color:#666;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.nf-nav-title{display:none}}.nf-nav-tabs{display:flex;flex-direction:column;gap:4px}@media(max-width:900px){.nf-nav-tabs{flex-direction:row;gap:8px;overflow-x:auto;padding-bottom:4px}.nf-nav-tabs::-webkit-scrollbar{height:0}}@media(max-width:768px){.nf-nav-tabs{flex-direction:row;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:0}.nf-nav-tabs::-webkit-scrollbar{display:none}}.nf-nav-tab{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:14px;font-weight:500;color:#666;background:rgba(0,0,0,0);border:none;cursor:pointer;transition:all .15s ease;text-align:left;width:100%;white-space:nowrap;font-family:inherit}.nf-nav-tab>div:first-child{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#999;transition:color .15s ease}.nf-nav-tab>span:not(.nav-count){flex:1;line-height:1.2}.nf-nav-tab .nav-count{background:#f3f3f3;color:#666;font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px;text-align:center;transition:all .15s ease;flex:0 0 auto;white-space:nowrap;line-height:1.4}.nf-nav-tab:hover:not(.active),.nf-nav-tab:hover:not(.active)>div:first-child{color:#000}.nf-nav-tab.active{color:#de3b24;font-weight:600}.nf-nav-tab.active>div:first-child{color:#de3b24}.nf-nav-tab.active .nav-count{background:#de3b24;color:#fff}@media(max-width:900px){.nf-nav-tab{width:auto;padding:8px 14px;font-size:13px;background:#f3f4f6;border-radius:20px}.nf-nav-tab.active{background:#000;color:#fff}.nf-nav-tab.active>div:first-child{color:#fff}.nf-nav-tab:hover:not(.active){background:#e5e7eb}}@media(max-width:768px){.nf-nav-tab{width:auto;flex-shrink:0;padding:6px 12px;font-size:13px;gap:6px;background:#f5f5f5;border-radius:20px}.nf-nav-tab>div:first-child{width:16px;height:16px}.nf-nav-tab .nav-count{font-size:10px;padding:1px 5px}.nf-nav-tab.active{background:#1a1a1a;color:#fff}.nf-nav-tab.active>div:first-child{color:#fff}.nf-nav-tab.active .nav-count{background:hsla(0,0%,100%,.2);color:#fff}.nf-nav-tab:hover:not(.active){background:#ebebeb}}.nf-mark-all{display:flex;align-items:center;justify-content:center;width:100%;padding:9px 14px;font-size:13px;font-weight:550;color:#666;background:rgba(0,0,0,.04);border:none;border-radius:10px;cursor:pointer;transition:all .15s ease;font-family:inherit}.nf-mark-all:hover{color:#333;background:rgba(0,0,0,.07)}.nf-mark-all:active{transform:scale(.98)}@media(max-width:768px){.nf-mark-all{display:none}}.nf-main{flex:1;min-width:0;max-width:800px;padding-top:25px;padding-right:20px;padding-bottom:48px;position:relative;overflow-x:hidden;overflow-y:auto;max-height:99vh}.nf-main::-webkit-scrollbar{display:none}@media(max-width:900px){.nf-main{padding:20px 16px 40px;max-width:100%}}@media(max-width:768px){.nf-main{padding:16px 16px 32px;max-height:none;overflow-y:visible}}.nf-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.nf-empty svg{color:#d1d5db;margin-bottom:16px}.nf-empty-title{font-size:15px;font-weight:600;color:#888;margin:0 0 4px}.nf-empty-desc{font-size:13px;font-weight:420;color:#aaa;margin:0;max-width:320px;line-height:1.55}.nf-loading{display:flex;flex-direction:column;gap:4px;padding-top:24px}.nf-skeleton{height:64px;background:rgba(0,0,0,.025);border-radius:10px;animation:nfPulse 1.4s ease-in-out infinite}@keyframes nfPulse{0%,to{opacity:1}50%{opacity:.4}}.nf-group{margin-bottom:8px}.nf-group-label{font-size:11px;font-weight:650;color:#bbb;text-transform:uppercase;letter-spacing:.04em;padding:20px 0 8px}.nf-item{display:flex;align-items:flex-start;gap:12px;padding:12px 10px;border-radius:10px;cursor:default;transition:background .15s ease}.nf-item:hover{background:rgba(0,0,0,.02)}.nf-item--unread{background:rgba(0,0,0,.025);cursor:pointer}.nf-item--unread:hover{background:rgba(0,0,0,.04)}.nf-item--unread .nf-item__title{font-weight:620;color:#111}.nf-item__icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(0,0,0,.04);color:#777}.nf-item__body{flex:1;min-width:0}.nf-item__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.nf-item__title{font-size:13.5px;font-weight:500;color:#333;line-height:1.35;letter-spacing:-.005em}.nf-item__time{font-size:11.5px;font-weight:450;color:#bbb;flex-shrink:0;white-space:nowrap;margin-top:1px}.nf-item__desc{font-size:12.5px;font-weight:420;color:#888;line-height:1.5;margin:2px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nf-item__actions{display:flex;gap:6px;margin-top:10px}.nf-item__btn{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:560;padding:5px 14px;border-radius:7px;cursor:pointer;transition:all .15s ease;border:none;font-family:inherit}.nf-item__btn--accept{background:#111;color:#fff}.nf-item__btn--accept:hover{background:#333}.nf-item__btn--decline{background:rgba(0,0,0,.05);color:#999}.nf-item__btn--decline:hover{background:rgba(0,0,0,.08);color:#666}.nf-item__status{display:inline-flex;align-items:center;font-size:11px;font-weight:560;padding:3px 10px;border-radius:20px;margin-top:8px}.nf-item__status--accepted{background:rgba(34,197,94,.1);color:#16a34a}.nf-item__status--declined{background:rgba(0,0,0,.04);color:#999}.nf-item__status--expired{background:rgba(0,0,0,.04);color:#bbb}.nf-load-more{display:block;width:fit-content;margin:20px auto 0;font-size:13px;font-weight:550;color:#888;background:rgba(0,0,0,.04);border:none;padding:8px 28px;border-radius:8px;cursor:pointer;transition:all .15s ease;font-family:inherit}.nf-load-more:hover{color:#555;background:rgba(0,0,0,.07)}@media(max-width:640px){.nf-item{padding:10px 6px}.nf-item__icon{width:32px;height:32px}}