@import url(https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=DM+Sans:ital,wght@0,400;0,500;1,400&display=swap);body{font-family:Arial,sans-serif;margin:0;padding:0}.requests-page{background-color:#e8ecf0;color:#333;font-family:Segoe UI,Tahoma,Verdana,Arial,sans-serif;font-size:12px;min-height:100vh;padding:24px 0;position:relative}.requests-container{background:#fff;border:1px solid #bdc3c7;border-radius:4px;box-shadow:0 2px 8px #00000014;margin:0 auto;max-width:780px}.requests-header{background:linear-gradient(180deg,#69c,#47a);border-bottom:1px solid #1e4570;border-radius:4px 4px 0 0;color:#fff;padding:12px 16px}.requests-header h1{font-size:16px;font-weight:700;letter-spacing:.3px;margin:0}.requests-tabs{background:#f5f6f8;border-bottom:1px solid #bdc3c7;display:flex;overflow-x:auto}.requests-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#555;cursor:pointer;font-family:inherit;font-size:12px;font-weight:400;padding:10px 18px;transition:background .15s,color .15s;white-space:nowrap}.requests-tab:hover{background:#e8eaed;color:#2e5a8f}.requests-tab.active{background:#fff;border-bottom-color:#2e5a8f;color:#2e5a8f;font-weight:700}.requests-tab:focus-visible{outline:2px solid #2e5a8f;outline-offset:-2px}.requests-content{padding:16px}.rp-section{margin-bottom:20px}.section-header{border-bottom:1px solid #dfe3e8;color:#2e5a8f;font-size:14px;font-weight:700;margin:0 0 14px;padding-bottom:8px}.request-card{background:#fafbfc;border:1px solid #d0d5db;gap:14px;margin-bottom:10px;padding:14px;transition:background .15s,border-color .15s,box-shadow .15s}.request-card:hover{background:#f5f6f8;border-color:#b8bfc7;box-shadow:0 1px 4px #00000014}.request-avatar{background:linear-gradient(180deg,#69c,#47a);border:2px solid #e8ecf0;box-shadow:0 1px 3px #0000001a;height:56px;width:56px}.request-avatar[role=button]{cursor:pointer}.request-avatar[role=button]:focus-visible{outline:2px solid #2e5a8f;outline-offset:2px}.request-avatar.event-avatar{background:linear-gradient(180deg,#e74c3c,#c0392b)}.request-avatar.group-avatar{background:linear-gradient(180deg,#69c,#47a)}.request-content{flex:1 1;min-width:0}.request-name{margin-bottom:5px}.request-link{background:none;border:none;color:#2867b5;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;padding:0;text-decoration:none;transition:color .15s}.request-link:hover{color:#142b43;text-decoration:underline}.request-link:focus-visible{border-radius:2px;outline:2px solid #2e5a8f;outline-offset:2px}.request-description{color:#555;font-size:12px;line-height:1.4;margin-bottom:5px}.request-meta{color:#7f8c8d;font-size:11px;margin-bottom:10px}.request-actions{flex-wrap:wrap}.btn-primary,.btn-secondary{border-radius:3px;font-family:inherit;font-size:12px;font-weight:700;min-width:64px;padding:5px 12px;transition:background .15s,transform .1s,box-shadow .15s}.btn-primary{border:1px solid #1e4570}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#58b,#369);box-shadow:0 2px 4px #2e5a8f4d}.btn-primary:disabled{background:#95a5a6;border-color:#7f8c8d}.btn-primary:focus-visible{outline:2px solid #1e4570}.btn-secondary{border:1px solid #bdc3c7;color:#2e5a8f}.btn-secondary:hover:not(:disabled){background:#f5f6f8;border-color:#95a5a6}.btn-secondary:disabled{color:#95a5a6;opacity:.6}.btn-secondary:focus-visible{outline:2px solid #2e5a8f}.empty-state{color:#7f8c8d;padding:50px 20px}.empty-icon-r{font-size:56px;margin-bottom:12px}.empty-title{color:#2c3e50;font-size:14px;font-weight:700;margin-bottom:8px}.empty-description{font-size:12px}.filtered-empty{color:#7f8c8d;font-size:12px;padding:24px 20px;text-align:center}.requests-footer{background:#fafbfc;border-radius:0 0 4px 4px;border-top:1px solid #dfe3e8;color:#7f8c8d;font-size:12px;padding:12px 16px}.footer-title{color:#2c3e50;font-weight:700;margin-bottom:8px}.footer-list{padding-left:12px}.footer-list-item{margin-bottom:4px}.footer-list-item:last-child{margin-bottom:0}.footer-italic{font-style:italic}.rp-loading{align-items:center;color:#47a;display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:14px;justify-content:center;min-height:300px}.rp-spinner{animation:rp-spin .75s linear infinite;border:3px solid #c8ddf0;border-radius:50%;border-top-color:#47a;height:38px;width:38px}@keyframes rp-spin{to{transform:rotate(1turn)}}.rp-toast-stack{display:flex;flex-direction:column;gap:8px;max-width:300px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.rp-toast{animation:rp-toast-in .25s ease,rp-toast-out .3s ease 3.2s forwards;border-radius:5px;box-shadow:0 4px 12px #0000002e;color:#fff;font-size:13px;font-weight:600;padding:11px 16px}.rp-toast--success{background:#1e6b36}.rp-toast--error{background:#a52020}.rp-toast--info{background:#1a3f70}@keyframes rp-toast-in{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}@keyframes rp-toast-out{0%{opacity:1}to{opacity:0;transform:translateX(20px)}}@media (max-width:768px){.requests-page{padding:12px 0}.requests-container{margin:0 10px}.requests-content{padding:12px}.request-card{flex-direction:column;padding:12px}.request-avatar{font-size:20px;height:48px;width:48px}.request-actions{width:100%}.btn-primary,.btn-secondary{flex:1 1;text-align:center}.rp-toast-stack{left:8px;max-width:100%;right:8px;top:10px}}@media (max-width:480px){.requests-header h1{font-size:14px}.requests-tab{font-size:10px;padding:7px 12px}.section-header{font-size:13px}.request-link{font-size:12px}.request-description{font-size:11px}.request-avatar{font-size:18px;height:44px;width:44px}.btn-primary,.btn-secondary{font-size:11px;padding:4px 10px}}@media print{.requests-page{background:#fff}.request-actions,.requests-footer,.requests-tabs{display:none}.request-card{border:1px solid #ddd;box-shadow:none;page-break-inside:avoid}}.tab-badge{align-items:center;background:#2e5a8f;border-radius:9px;color:#fff;display:inline-flex;font-size:10px;font-weight:700;height:18px;justify-content:center;line-height:1;margin-left:6px;min-width:18px;padding:0 5px;vertical-align:middle}.requests-tab.active .tab-badge{background:#1e4570}.avatar-img{border-radius:inherit;display:block;height:100%;object-fit:cover;object-position:center;width:100%}.register-wrapper{background:linear-gradient(180deg,#e8eef5 0,#f0f2f5);box-sizing:border-box;display:flex;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;min-height:100vh;overflow-x:hidden}.register-wrapper *,.register-wrapper :after,.register-wrapper :before{box-sizing:inherit}.register-wrapper .welcome-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px 80px 60px 120px}.register-wrapper .welcome-header h1{color:#1c1e21;font-size:32px;font-weight:600;letter-spacing:-.5px;line-height:1.3;margin:0 0 25px}.register-wrapper .welcome-description{margin-bottom:35px}.register-wrapper .welcome-description p{color:#606770;font-size:15px;line-height:1.6;margin:0}.register-wrapper .features-list{margin-top:10px}.register-wrapper .features-list h3{color:#1c1e21;font-size:17px;font-weight:600;margin:0 0 15px}.register-wrapper .features-list ul{list-style:none;margin:0;padding:0}.register-wrapper .features-list li{color:#4b4f56;font-size:14px;line-height:1.5;padding:6px 0}.register-wrapper .register-box{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;min-width:450px;padding:60px 80px 60px 40px;width:450px}.register-wrapper .register-box-inner{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a,0 8px 16px #0000001a;max-width:380px;padding:28px;width:100%}.register-wrapper .register-box h2{color:#1c1e21;font-size:28px;font-weight:700;margin:0 0 6px}.register-wrapper .register-subtext{color:#606770;font-size:14px;margin:0 0 18px}.register-wrapper .otp-form,.register-wrapper .register-form{display:flex;flex-direction:column;gap:12px}.register-wrapper .reg-field{display:flex;flex-direction:column;gap:0}.register-wrapper .reg-label{color:#606770;display:block;font-size:12px;font-weight:600;margin-bottom:4px}.register-wrapper .reg-input-wrap{align-items:center;display:flex;position:relative}.register-wrapper .reg-input-wrap .reg-input{flex:1 1;padding-right:42px}.register-wrapper .reg-pw-toggle{background:none;border:none;border-radius:3px;color:#606770;cursor:pointer;font-size:16px;line-height:1;padding:4px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .15s}.register-wrapper .reg-pw-toggle:hover{color:#1c1e21}.register-wrapper .reg-pw-toggle:focus-visible{outline:2px solid #3b5998;outline-offset:2px}.register-wrapper .reg-input{background:#f5f6f7;border:1px solid #dddfe2;border-radius:6px;color:#1c1e21;font-family:inherit;font-size:15px;padding:12px 14px;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.register-wrapper .reg-input:focus{background:#fff;border-color:#3b5998;box-shadow:0 0 0 3px #3b59981f;outline:none}.register-wrapper .reg-input:disabled{cursor:not-allowed;opacity:.65}.register-wrapper .reg-input::placeholder{color:#90949c}.register-wrapper .reg-input--error{background:#fff8f8!important;border-color:#d9534f!important;box-shadow:0 0 0 2px #d9534f26!important}.register-wrapper .reg-input--success{background:#f8fff9!important;border-color:#28a745!important;box-shadow:0 0 0 2px #28a74526!important}.register-wrapper .reg-status{font-size:11px;font-weight:600;margin:4px 0 0;padding:0 2px}.register-wrapper .reg-status--checking{color:#e67e22}.register-wrapper .reg-status--ok{color:#28a745}.register-wrapper .reg-status--err{color:#d9534f}.register-wrapper .reg-inline-error{color:#d9534f;font-size:11px;font-weight:600;margin:4px 0 0;padding:0 2px}.register-wrapper .reg-inline-success{background:#f0fff4;border:1px solid #c3e6cb;border-radius:4px;color:#28a745;font-size:12px;font-weight:600;margin:0 0 8px;padding:8px 10px}.register-wrapper .reg-form-error{background:#fdecea;border:1px solid #f5c6cb;border-radius:5px;color:#721c24;font-size:13px;font-weight:600;line-height:1.4;margin:0;padding:10px 12px}.register-wrapper .reg-college-verified{background:#f0fff4;border:1px solid #c3e6cb;border-radius:4px;margin-top:6px;padding:8px 10px}.register-wrapper .reg-college-name{color:#155724;font-size:12px;font-weight:600;margin:0}.register-wrapper .reg-college-location{color:#606770;font-size:11px;margin:2px 0 0}.register-wrapper .reg-college-otp-label{color:#606770;font-size:13px;font-weight:500;margin-bottom:12px}.register-wrapper .reg-hint{color:#3b5998;display:block;font-size:11px;margin-top:4px}.register-wrapper .reg-form-group{display:flex;flex-direction:column;gap:6px}.register-wrapper .reg-form-group label{color:#606770;font-size:12px;font-weight:600}.register-wrapper .reg-form-group input[type=date],.register-wrapper .reg-form-group select{background:#f5f6f7;border:1px solid #dddfe2;border-radius:6px;color:#1c1e21;font-family:inherit;font-size:14px;padding:9px 12px;transition:border-color .2s,background .2s;width:100%}.register-wrapper .reg-form-group input[type=date]:focus,.register-wrapper .reg-form-group select:focus{background:#fff;border-color:#3b5998;box-shadow:0 0 0 3px #3b59981f;outline:none}.register-wrapper .reg-form-group input[type=date]:disabled,.register-wrapper .reg-form-group select:disabled{cursor:not-allowed;opacity:.65}.register-wrapper .btn-submit{background:linear-gradient(180deg,#69c,#47a);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:18px;font-weight:700;margin-top:6px;padding:12px 16px;transition:background .2s,transform .15s,box-shadow .15s;width:100%}.register-wrapper .btn-submit:hover:not(:disabled){background:linear-gradient(180deg,#58b,#369);box-shadow:0 4px 12px #4477aa4d;transform:translateY(-1px)}.register-wrapper .btn-submit:active:not(:disabled){box-shadow:none;transform:translateY(0)}.register-wrapper .btn-submit:disabled{background:#e4e6eb;color:#bcc0c4;cursor:not-allowed;transform:none}.register-wrapper .btn-resend{background:#e7f3ff;border:1px solid #4267b2;border-radius:6px;color:#3b5998;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;padding:11px;transition:background .2s;width:100%}.register-wrapper .btn-resend:hover:not(:disabled){background:#d8ebff}.register-wrapper .btn-resend:disabled{cursor:not-allowed;opacity:.6}.register-wrapper .btn-back{background:#0000;border:none;color:#3b5998;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;padding:11px;transition:color .2s;width:100%}.register-wrapper .btn-back:hover:not(:disabled){color:#2d4373;text-decoration:underline}.register-wrapper .btn-back:disabled{cursor:not-allowed;opacity:.6}.register-wrapper .login-prompt{border-top:1px solid #dadde1;color:#1c1e21;font-size:14px;margin-top:18px;padding-top:18px;text-align:center}.register-wrapper .login-prompt a{color:#3b5998;font-weight:600;text-decoration:none}.register-wrapper .login-prompt a:hover{text-decoration:underline}.register-wrapper .otp-input{background:#f5f6f7;border:1px solid #dddfe2;border-radius:6px;color:#1c1e21;font-family:Courier New,monospace;font-size:24px;font-weight:700;letter-spacing:6px;padding:14px;text-align:center;transition:border-color .2s,background .2s;width:100%}.register-wrapper .otp-input:focus{background:#fff;border-color:#3b5998;box-shadow:0 0 0 3px #3b59981f;outline:none}.register-wrapper .otp-input:disabled{cursor:not-allowed;opacity:.65}.register-wrapper a:focus-visible,.register-wrapper button:focus-visible,.register-wrapper input:focus-visible,.register-wrapper select:focus-visible{border-radius:3px;outline:2px solid #3b5998;outline-offset:2px}@media (prefers-reduced-motion:reduce){.register-wrapper *,.register-wrapper :after,.register-wrapper :before{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media print{.register-wrapper{background:#fff;display:block}.register-wrapper .welcome-content{display:none}.register-wrapper .register-box{padding:20px;width:100%}.register-wrapper .btn-back,.register-wrapper .btn-resend,.register-wrapper .btn-submit{display:none}}@media (max-width:1200px){.register-wrapper .welcome-content{padding:50px 60px 50px 80px}.register-wrapper .welcome-header h1{font-size:28px}}@media (max-width:1024px){.register-wrapper .welcome-content{padding:40px 50px 40px 60px}.register-wrapper .welcome-header h1{font-size:26px}.register-wrapper .register-box{min-width:400px;padding:50px 60px 50px 30px;width:400px}}@media (max-width:900px){.register-wrapper{flex-direction:column;overflow-y:auto}.register-wrapper .register-box{align-items:center;min-width:100%;padding:40px 20px;width:100%}.register-wrapper .welcome-content{order:2;padding:40px 30px}.register-wrapper .welcome-header h1{font-size:24px}}@media (max-width:480px){.register-wrapper .register-box{padding:30px 15px}.register-wrapper .register-box-inner{padding:24px 20px}.register-wrapper .register-box h2{font-size:24px}.register-wrapper .reg-input{font-size:14px;padding:11px 12px}.register-wrapper .welcome-content{padding:30px 20px}.register-wrapper .welcome-header h1{font-size:22px}.register-wrapper .otp-input{font-size:20px;letter-spacing:4px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.login-wrapper{background:#fff;display:flex;height:100vh;overflow:hidden}.login-box{background:#f7f7f7;border-right:1px solid #e0e0e0;box-shadow:2px 0 5px #0000000d;display:flex;flex-direction:column;justify-content:center;min-width:400px;overflow-y:auto;padding:40px 30px;width:400px}.login-brand{color:#344e88;font-size:26px;font-weight:700;letter-spacing:-.5px;margin-bottom:6px;text-align:center}.login-subtext{color:#606770;font-size:13px;margin-bottom:25px;text-align:center}.login-form{display:flex;flex-direction:column;gap:10px}.login-form label{color:#1c1e21;font-size:12px;font-weight:600;margin-bottom:-5px}.login-form input{background:#fff;border:1px solid #ccd0d5;border-radius:5px;font-family:inherit;font-size:14px;padding:11px 12px;transition:border-color .2s;width:100%}.login-form input:focus{border-color:#3b5998;box-shadow:0 0 0 3px #3b59981a;outline:none}.login-form input:disabled{background:#f0f0f0;cursor:not-allowed;opacity:.7}.login-field{display:flex;flex-direction:column;gap:5px}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-wrap input{flex:1 1;padding-right:40px}.login-pw-toggle{background:none;border:none;border-radius:3px;color:#606770;cursor:pointer;font-size:15px;line-height:1;padding:4px;position:absolute;right:9px;top:50%;transform:translateY(-50%);transition:color .15s}.login-pw-toggle:hover{color:#1c1e21}.login-pw-toggle:focus-visible{outline:2px solid #3b5998;outline-offset:2px}.login-error{background:#fdecea;border:1px solid #f5c6cb;border-radius:5px;color:#721c24;font-size:13px;font-weight:600;line-height:1.4;padding:10px 12px}.captcha-container{align-items:center;display:flex;gap:8px}.captcha-box{align-items:center;background:#fff;background-image:repeating-linear-gradient(45deg,#0000,#0000 3px,rgba(0,0,0,.018) 0,rgba(0,0,0,.018) 6px);border:1px solid #ccd0d5;border-radius:5px;display:flex;flex:1 1;gap:5px;justify-content:center;min-height:44px;padding:9px 12px;position:relative;-webkit-user-select:none;user-select:none}.captcha-box:after{background:#344e8833;content:"";height:1px;left:10px;pointer-events:none;position:absolute;right:10px;top:50%}.captcha-char{display:inline-block;font-family:Courier New,monospace;font-size:20px;font-weight:800}.captcha-char:nth-child(odd){color:#344e88;transform:rotate(-5deg)}.captcha-char:nth-child(2n){color:#2e416b;transform:rotate(4deg)}.captcha-refresh{background:#eef2f8;border:1px solid #ccd0d5;border-radius:5px;color:#344e88;cursor:pointer;flex-shrink:0;font-size:18px;line-height:1;padding:9px 13px;transition:background .2s,transform .3s}.captcha-refresh:hover:not(:disabled){background:#dce4f0;transform:rotate(180deg)}.captcha-refresh:disabled{cursor:not-allowed;opacity:.55;transform:none}.captcha-refresh:focus-visible{outline:2px solid #3b5998;outline-offset:2px}.captcha-input{font-family:Courier New,monospace;font-size:16px;font-weight:700;letter-spacing:5px;text-align:center}.btn-login-submit{background:linear-gradient(180deg,#69c,#47a);border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;margin-top:8px;padding:12px;transition:background .2s,transform .15s,box-shadow .15s;width:100%}.btn-login-submit:hover:not(:disabled){background:linear-gradient(180deg,#58b,#369);box-shadow:0 4px 10px #4477aa40;transform:translateY(-1px)}.btn-login-submit:active:not(:disabled){box-shadow:none;transform:translateY(0)}.btn-login-submit:disabled{background:#e4e6eb;color:#bcc0c4;cursor:not-allowed;transform:none}.btn-login-submit:focus-visible{outline:2px solid #3b5998;outline-offset:2px}.forgot-password{font-size:12px;margin-top:15px;text-align:center}.forgot-password a{color:#2e416b;font-weight:500;text-decoration:none}.forgot-password a:hover{text-decoration:underline}.signup-prompt{border-top:1px solid #dadde1;color:#606770;font-size:13px;margin-top:20px;padding-top:20px;text-align:center}.signup-prompt a{color:#344e88;font-weight:600;text-decoration:none}.signup-prompt a:hover{text-decoration:underline}.welcome-content{background:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow-y:auto;padding:60px 100px}.welcome-header{margin-bottom:30px}.welcome-header h2{color:#1c1e21;font-size:32px;font-weight:600;line-height:1.3}.welcome-description{margin-bottom:35px}.welcome-description p{color:#606770;font-size:15px;line-height:1.6}.features-list{margin-bottom:30px}.features-list h3{color:#1c1e21;font-size:18px;font-weight:600;margin-bottom:18px}.features-list ul{list-style:none;padding:0}.features-list li{color:#606770;font-size:14px;line-height:1.5;padding:8px 0}a:focus-visible,button:focus-visible,input:focus-visible{border-radius:3px;outline:2px solid #3b5998;outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}.captcha-refresh:hover:not(:disabled){transform:none}}@media print{.login-wrapper{background:#fff;display:block;height:auto}.welcome-content{display:none}.login-box{border:none;box-shadow:none;width:100%}.btn-login-submit,.captcha-refresh{display:none}}@media (max-width:1024px){.welcome-content{padding:50px 60px}.welcome-header h2{font-size:28px}}@media (max-width:768px){.login-wrapper{flex-direction:column;height:auto;min-height:100vh;overflow:auto}.login-box{border-bottom:1px solid #e0e0e0;border-right:none;min-width:100%;width:100%}.welcome-content{padding:40px 30px}.welcome-header h2{font-size:24px}}@media (max-width:480px){.login-box{padding:30px 20px}.login-brand{font-size:22px}.login-form input{font-size:13px;padding:10px 11px}.welcome-content{padding:30px 20px}.welcome-header h2{font-size:20px}.captcha-char{font-size:18px}.captcha-input{font-size:14px;letter-spacing:4px}}.iupm-overlay{align-items:center;background:#000000bf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.iupm-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}.iupm-header{align-items:center;border-bottom:1px solid #e4e6eb;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.iupm-header h3{color:#1a1a1a;font-size:20px;font-weight:600;margin:0}.iupm-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#65676b;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:background .2s}.iupm-close-btn:hover{background:#f0f2f5}.iupm-body{flex:1 1;overflow-y:auto;padding:24px}.iupm-error{background:#fff0f0;border:1px solid #f5c6cb;border-radius:8px;color:#c0392b;font-size:14px;font-weight:500;margin-bottom:16px;padding:10px 14px}.iupm-upload-area{align-items:center;display:flex;justify-content:center;min-height:300px}.iupm-file-input{display:none}.iupm-upload-placeholder{padding:40px;text-align:center}.iupm-upload-placeholder svg{color:#667eea;margin-bottom:16px}.iupm-upload-placeholder h4{color:#1a1a1a;font-size:18px;font-weight:600;margin:0 0 8px}.iupm-upload-placeholder p{color:#65676b;font-size:14px;margin:0 0 20px}.iupm-select-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 32px;transition:opacity .2s}.iupm-select-btn:hover{opacity:.9}.iupm-spinner{animation:iupm-spin .8s linear infinite;border:4px solid #e4e6eb;border-radius:50%;border-top-color:#667eea;height:48px;margin:0 auto 16px;width:48px}@keyframes iupm-spin{to{transform:rotate(1turn)}}.iupm-preview-container{background:#000;border-radius:8px;margin-bottom:20px;overflow:hidden;position:relative;touch-action:none;user-select:none;-webkit-user-select:none;width:100%}.iupm-preview--cover{aspect-ratio:16/9;max-height:337px}.iupm-preview--profile{aspect-ratio:1/1;max-height:400px}.iupm-preview-container img{-webkit-user-drag:none;display:block;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;width:100%}.iupm-crop-overlay{inset:0;pointer-events:none;position:absolute}.iupm-crop-frame{border:2px solid #fffc;box-shadow:0 0 0 9999px #0006;height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.iupm-controls{display:flex;flex-direction:column;gap:16px}.iupm-control-group{display:flex;flex-direction:column;gap:8px}.iupm-control-group label{color:#1a1a1a;font-size:14px;font-weight:600}.iupm-control-row{align-items:center;display:flex;gap:12px}.iupm-control-row button{align-items:center;background:#f0f2f5;border:none;border-radius:8px;color:#1a1a1a;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:background .2s;width:40px}.iupm-control-row button:hover{background:#e4e6eb}.iupm-control-row input[type=range]{-webkit-appearance:none;appearance:none;background:#e4e6eb;border-radius:3px;cursor:pointer;flex:1 1;height:6px;outline:none}.iupm-control-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;cursor:pointer;height:18px;width:18px}.iupm-control-row input[type=range]::-moz-range-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;cursor:pointer;height:18px;width:18px}.iupm-reset-btn{align-self:flex-start;background:#f0f2f5;border:none;border-radius:8px;color:#1a1a1a;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.iupm-reset-btn:hover{background:#e4e6eb}.iupm-footer{border-top:1px solid #e4e6eb;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:20px 24px}.iupm-cancel-btn{background:#f0f2f5;border:none;border-radius:8px;color:#1a1a1a;cursor:pointer;font-size:15px;font-weight:600;padding:10px 24px;transition:background .2s}.iupm-cancel-btn:hover{background:#e4e6eb}.iupm-upload-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px 24px;transition:opacity .2s}.iupm-upload-btn:hover:not(:disabled){opacity:.9}.iupm-upload-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.iupm-modal{border-radius:0;max-height:100dvh;max-width:100%}.iupm-preview--cover{max-height:220px}.iupm-preview--profile{max-height:280px}.iupm-body,.iupm-footer,.iupm-header{padding:16px}}.profile-page-wrapper{background-color:#ddd9d9;min-height:100vh;padding:20px 0}.profile-page{align-items:flex-start;color:#333;display:flex;font-family:Lucida Grande,Tahoma,Verdana,Arial,sans-serif;font-size:11px;gap:12px;margin:0 auto;max-width:1200px;padding:0 10px}.limited-profile-notice{background:#fff;border:2px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 12px #00000014;margin:20px auto;max-width:600px;padding:50px 40px;text-align:center}.privacy-icon{animation:pulse 2s ease-in-out infinite;font-size:72px;margin-bottom:20px}.limited-profile-notice h3{color:#333;font-family:Lucida Grande,Tahoma,Verdana,Arial,sans-serif;font-size:24px;font-weight:700;margin-bottom:12px}.limited-profile-notice p{color:#666;font-size:14px;line-height:1.6;margin-bottom:25px;margin-left:auto;margin-right:auto;max-width:450px}.accept-request-btn,.send-request-btn{background:linear-gradient(180deg,#667eea,#5568d3);border:none;border-radius:5px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;font-family:Lucida Grande,Tahoma,Verdana,Arial,sans-serif;font-size:14px;font-weight:700;padding:12px 32px;transition:all .3s}.accept-request-btn:hover,.send-request-btn:hover{background:linear-gradient(180deg,#5568d3,#4459c2);box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.accept-request-btn:active,.send-request-btn:active{box-shadow:0 2px 8px #667eea4d;transform:translateY(0)}.accept-request-btn{background:linear-gradient(180deg,#28a745,#218838);box-shadow:0 2px 8px #28a7454d}.accept-request-btn:hover{background:linear-gradient(180deg,#218838,#1e7e34);box-shadow:0 4px 12px #28a74566}.request-pending{background:#fff8e6;border:1px solid #ffd966;border-radius:5px;color:orange;display:inline-block;font-size:14px;font-weight:700;margin-top:15px;padding:10px 20px}.profile-sidebar{-ms-overflow-style:none;align-self:flex-start;flex-shrink:0;max-height:calc(100vh - 100px);overflow-y:auto;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:80px;width:200px}.profile-sidebar::-webkit-scrollbar{display:none}.profile-picture-container{background:#fff;border:1px solid #d3d6db;border-radius:3px;box-shadow:0 1px 3px #00000014;margin-bottom:10px;padding:10px}.profile-picture{background-position:50%;background-size:cover;color:#fff;font-size:64px;font-weight:700}.edit-picture-btn{background:linear-gradient(#f6f7f9,#e9ebee);border:1px solid #ced0d4;border-radius:2px;color:#4b4f56;cursor:pointer;font-family:inherit;font-size:11px;font-weight:700;margin-top:10px;padding:5px 8px;transition:all .2s;width:100%}.edit-picture-btn:hover{background:linear-gradient(#e9ebee,#dcdee3);border-color:#bec2c9}.edit-picture-btn:active{background:#e4e6e9;box-shadow:inset 0 1px 2px #0000001a}.edit-picture-btn:disabled{cursor:not-allowed;opacity:.6}.profile-actions{background:#fff;border:1px solid #d3d6db;border-radius:3px;box-shadow:0 1px 3px #00000014;margin-bottom:10px;padding:10px}.action-link-pro{color:#47a;display:block;font-size:11px;padding:5px 0;text-decoration:none;transition:color .2s}.action-link-pro:hover{color:#69c;text-decoration:underline}.profile-info-section{background:#fff;border:1px solid #d3d6db;border-radius:3px;box-shadow:0 1px 3px #00000014;margin-bottom:10px;padding:10px}.profile-info-section h3{background:linear-gradient(180deg,#69c,#47a);border-bottom:1px solid #e5e5e5;color:#fff;font-size:12px;font-weight:700;letter-spacing:.3px;margin:0 0 10px;padding-bottom:6px;text-transform:uppercase}.info-item{line-height:1.5;margin-bottom:8px}.info-label{color:#606770;display:block;font-size:11px;font-weight:700;margin-bottom:2px}.info-value{color:#1c1e21;font-size:11px}.section-header-friends{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.friend-count{color:#fff;font-size:11px;margin-left:auto}.friends-preview{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);margin-bottom:10px}.friend-preview-thumb{align-items:center;display:flex;flex-direction:column;text-decoration:none;transition:transform .2s}.friend-preview-thumb:hover{transform:translateY(-2px)}.friend-thumb{background-position:50%;background-size:cover;color:#fff;font-size:20px;font-weight:700}.friend-thumb-name{color:#47a;font-size:9px;text-align:center;width:50px;word-break:break-word}.friend-thumb-name:hover{text-decoration:underline}.see-all{color:#47a;display:block;font-size:11px;font-weight:700;padding:6px 0;text-align:center;text-decoration:none}.see-all:hover{text-decoration:underline}.profile-main{flex:1 1;min-width:0}.profile-header{background:#fff;border:1px solid #d3d6db;border-radius:3px;box-shadow:0 1px 3px #00000014;margin-bottom:10px;overflow:hidden;position:relative}.profile-cover{background-position:50%;background-size:cover}.change-cover-btn{background:#fffffff2;border:1px solid #00000026;border-radius:2px;bottom:12px;box-shadow:0 1px 3px #0003;color:#4b4f56;cursor:pointer;font-family:inherit;font-size:11px;font-weight:700;padding:5px 12px;position:absolute;right:12px;transition:all .2s}.change-cover-btn:hover{background:#fff;box-shadow:0 2px 4px #00000040;transform:translateY(-1px)}.change-cover-btn:disabled{cursor:not-allowed;opacity:.6}.profile-name-header{align-items:center;background:linear-gradient(180deg,#f6f7f9,#fff);display:flex;justify-content:space-between;padding:16px 20px}.profile-name{color:#1c1e21;font-size:26px;font-weight:700;margin:0}.profile-header-actions{align-items:center;display:flex;gap:10px}.header-friend-status-btn{border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-family:Lucida Grande,Tahoma,Verdana,Arial,sans-serif;font-size:13px;font-weight:700;padding:8px 20px;transition:all .2s;white-space:nowrap}.header-friend-status-btn.is-friend{background:linear-gradient(180deg,#e4e6eb,#d8dae0);border:1px solid #ced0d4;color:#4b4f56;cursor:default}.header-friend-status-btn.is-friend:hover{background:linear-gradient(180deg,#d8dae0,#cfd1d7)}.header-friend-status-btn.add-friend{background:linear-gradient(180deg,#69c,#47a);border:1px solid #5568d3;color:#fff}.header-friend-status-btn.add-friend:hover{background:linear-gradient(180deg,#69c,#47a);box-shadow:0 3px 6px #667eea4d;transform:translateY(-1px)}.header-friend-status-btn.add-friend:active{box-shadow:0 2px 4px #667eea33;transform:translateY(0)}.header-friend-status-btn.accept-request{background:linear-gradient(180deg,#28a745,#218838);border:1px solid #1e7e34;color:#fff}.header-friend-status-btn.accept-request:hover{background:linear-gradient(180deg,#218838,#1e7e34);box-shadow:0 3px 6px #28a7454d;transform:translateY(-1px)}.header-friend-status-btn.accept-request:active{box-shadow:0 2px 4px #28a74533;transform:translateY(0)}.header-friend-status-btn.request-pending{background:linear-gradient(180deg,#fff3cd,#ffe69c);border:1px solid #ffd966;color:#856404;cursor:not-allowed;opacity:.9}.header-friend-status-btn.request-pending:hover{background:linear-gradient(180deg,#fff3cd,#ffe69c);box-shadow:0 2px 4px #0000001a;transform:none}.profile-tabs{align-items:center;background:linear-gradient(180deg,#f6f7f9,#e9ebee);border-top:none;display:flex;position:relative}.tab{background:#0000;border:none;border-right:1px solid #d3d6db;color:#4b4f56;font-size:11px;font-weight:700;padding:10px 16px;transition:all .2s}.tab:hover{background:#ffffff80;color:#47a}.tab.active:after{bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.tab-actions{margin-left:auto;padding-right:12px}.edit-profile-link{background:#ffffff80;border-radius:2px;color:#47a;font-size:11px;font-weight:700;padding:6px 12px;text-decoration:none;transition:all .2s}.edit-profile-link:hover{background:#fffc;text-decoration:underline}.profile-content{background:#c0b8b8;border:1px solid #d3d6db;border-radius:3px;box-shadow:0 1px 3px #00000014;margin-top:10px;min-height:400px;padding:16px}.wall-layout{align-items:flex-start;display:flex;gap:12px}.wall-posts-column{flex:1 1;min-width:0}.wall-sidebar{-ms-overflow-style:none;align-self:flex-start;flex-shrink:0;max-height:calc(100vh - 100px);overflow-y:auto;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:80px;width:300px}.wall-sidebar::-webkit-scrollbar{display:none}.post-box{border-bottom:1px solid #e5e5e5;margin-bottom:20px}.posts-section{margin-top:0}.info-content{background:#fff;padding:20px}.info-section{border-bottom:1px solid #e5e5e5;margin-bottom:24px;padding-bottom:20px}.info-section:last-child{border-bottom:none}.info-section h3{border-bottom:1px solid #e5e5e5;color:#4b4f56;font-size:13px;font-weight:700;letter-spacing:.3px;margin:0 0 12px;padding-bottom:6px;text-transform:uppercase}.info-table{font-size:11px;width:100%}.info-table tr{border-bottom:1px solid #f0f0f0}.info-table tr:last-child{border-bottom:none}.info-table td{line-height:1.5;vertical-align:top}.label-cell{color:#606770;font-weight:700;width:180px}.bio-text{color:#1c1e21;font-size:12px;line-height:1.6;margin:0}.info-table a{color:#47a;text-decoration:none;transition:color .2s}.info-table a:hover{color:#69c;text-decoration:underline}.edit-info-link{background:linear-gradient(#f6f7f9,#e9ebee);border:1px solid #ced0d4;border-radius:2px;color:#47a;display:inline-block;font-size:11px;font-weight:700;padding:8px 16px;text-decoration:none;transition:all .2s}.edit-info-link:hover{background:linear-gradient(#e9ebee,#dcdee3);border-color:#bec2c9;text-decoration:none}.notes-header,.photos-header{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:10px}.notes-header h3,.photos-header h3{color:#4b4f56;font-size:13px;font-weight:700;margin:0}.add-photos-btn,.write-note-btn{background:linear-gradient(#f6f7f9,#e9ebee);border:1px solid #ced0d4;border-radius:2px;color:#4b4f56;cursor:pointer;font-family:inherit;font-size:11px;font-weight:700;padding:5px 12px;transition:all .2s}.add-photos-btn:hover,.write-note-btn:hover{background:linear-gradient(#e9ebee,#dcdee3);border-color:#bec2c9}.photos-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.notes-list,.photos-grid{min-height:200px}.no-content{color:#90949c;font-size:12px;font-style:italic;padding:50px 20px;text-align:center}.profile-loading{align-items:center;background:#fff;border:1px solid #d3d6db;border-radius:4px;box-shadow:0 1px 3px #00000014;color:#606770;display:flex;flex-direction:column;justify-content:center;margin:20px;min-height:400px}.spinner{animation:spin 1s linear infinite;border:4px solid #e9ebee;border-top-color:#69c;margin-bottom:12px}@media (max-width:1100px){.wall-sidebar{width:250px}}@media (max-width:900px){.profile-page{flex-direction:column}.profile-sidebar{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-height:none;overflow-y:visible;position:static;width:100%}.profile-picture{height:180px;margin:0 auto;min-height:180px;min-width:180px;width:180px}.wall-layout{flex-direction:column}.wall-sidebar{max-height:none;overflow-y:visible;position:static;width:100%}.limited-profile-notice{padding:40px 20px}.profile-name-header{align-items:flex-start;flex-direction:column;gap:12px}.profile-header-actions{width:100%}.header-friend-status-btn{justify-content:center;width:100%}}@media (max-width:600px){.profile-tabs{overflow-x:auto;overflow-y:hidden}.tab{white-space:nowrap}.profile-name{font-size:20px}.profile-cover{height:120px}.friends-preview{grid-template-columns:repeat(4,1fr)}.label-cell{width:120px}.wall-layout{gap:16px}.limited-profile-notice{padding:30px 20px}.limited-profile-notice h3{font-size:20px}.limited-profile-notice p{font-size:13px}.privacy-icon{font-size:56px}.header-friend-status-btn{font-size:12px;padding:7px 16px}}.status-section{background:#fff;border:1px solid #d3d6db;border-radius:3px;box-shadow:0 1px 3px #00000014;margin-bottom:10px;overflow:hidden;padding:0}.status-header-wrapper{background:linear-gradient(180deg,#69c,#47a);border-bottom:1px solid #3b5998;cursor:pointer;padding:8px 10px;transition:background .2s;-webkit-user-select:none;user-select:none}.status-header-wrapper:hover{background:linear-gradient(180deg,#58b,#369)}.status-header-wrapper h3{align-items:center;color:#fff;display:flex;font-size:12px;font-weight:700;justify-content:space-between;letter-spacing:.3px;margin:0;text-transform:uppercase}.status-toggle-icon{color:#fff;display:inline-block;font-size:10px;margin-right:6px;width:12px}.status-edit-badge{background:#ffffff26;border-radius:2px;color:#ffffffe6;font-size:10px;font-weight:400;padding:2px 6px;text-transform:lowercase;transition:background .2s}.status-edit-badge:hover{background:#ffffff40}.status-content{padding:10px}.status-updates-summary{align-items:center;border-bottom:1px solid #e5e5e5;color:#4b4f56;display:flex;font-size:11px;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.status-updates-summary.at-max{color:#f5a623;font-weight:600}.status-see-all-link{background:none;border:none;color:#47a;cursor:pointer;font-size:11px;font-weight:700;padding:0;text-decoration:none;transition:color .2s}.status-see-all-link:hover{color:#69c;text-decoration:underline}.status-composer{border-bottom:1px solid #e5e5e5;margin-bottom:12px;padding-bottom:10px}.status-input-field{border:1px solid #ced0d4;border-radius:2px;font-family:Lucida Grande,Tahoma,Verdana,Arial,sans-serif;font-size:11px;margin-bottom:6px;padding:6px 8px;resize:vertical;transition:border-color .2s;width:100%}.status-input-field:focus{border-color:#47a;box-shadow:0 0 0 1px #4477aa4d;outline:none}.status-input-field::placeholder{color:#90949c;font-style:italic}.status-submit-btn{background:linear-gradient(#f6f7f9,#e9ebee);border:1px solid #ced0d4;border-radius:2px;color:#4b4f56;cursor:pointer;font-family:inherit;font-size:11px;font-weight:700;padding:4px 12px;transition:all .2s}.status-submit-btn:hover:not(:disabled){background:linear-gradient(#e9ebee,#dcdee3);border-color:#bec2c9}.status-submit-btn:active:not(:disabled){background:#e4e6e9;box-shadow:inset 0 1px 2px #0000001a}.status-submit-btn:disabled{cursor:not-allowed;opacity:.6}.status-list{display:flex;flex-direction:column;gap:8px}.status-entry{align-items:flex-start;background:#f6f7f9;border-radius:3px;display:flex;gap:8px;padding:6px;position:relative;transition:background .2s}.status-entry:hover{background:#e9ebee}.status-entry-icon{flex-shrink:0;font-size:14px;text-align:center;width:20px}.status-entry-body{flex:1 1;min-width:0}.status-entry-text{word-wrap:break-word;color:#1c1e21;font-size:11px;line-height:1.4;margin-bottom:2px}.status-entry-delete{align-items:center;background:none;border:none;border-radius:50%;color:#90949c;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:4px;top:4px;transition:all .2s;width:20px}.status-entry:hover .status-entry-delete{opacity:1}.status-entry-delete:hover{background:#0000000d;color:#4b4f56}.status-entry-delete:active{background:#0000001a}.status-empty-state{color:#90949c;font-size:11px;font-style:italic;padding:20px 10px;text-align:center}.status-empty-state p{margin:0}@media (max-width:900px){.status-section{margin-bottom:10px}.status-updates-summary{align-items:flex-start;flex-direction:column;gap:6px}.status-see-all-link{align-self:flex-end}}@media (max-width:600px){.status-header-wrapper h3{font-size:11px}.status-entry-text,.status-input-field{font-size:12px}}.status-composer-footer{align-items:center;display:flex;justify-content:space-between;margin-top:6px}.status-limit-warning{align-items:center;background:#fff3cd;border:1px solid #ffd966;border-radius:3px;color:#856404;display:flex;font-size:11px;font-weight:600;gap:6px;margin-bottom:8px;padding:8px 10px}.status-input-field:disabled{background:#f5f5f5;color:#90949c;cursor:not-allowed;opacity:.7}.status-char-count{color:#90949c;font-size:10px;font-weight:600}.status-char-count.warning{color:#f5a623}.status-char-count.limit{color:#e41e3f}.status-expiry-notice{background:#fff3cd;border:1px solid #ffd966;border-radius:3px;color:#856404;margin-top:8px;padding:6px 8px}.status-entry-timestamp,.status-expiry-notice{align-items:center;display:flex;font-size:10px;gap:4px}.status-entry-timestamp{color:#606770;font-style:italic;margin-bottom:2px}.status-entry-timestamp.expiring-soon,.status-expiry-indicator{color:#f5a623;font-weight:600}.status-expiry-indicator{align-items:center;background:#f5a6231a;border-radius:2px;display:inline-flex;font-size:9px;padding:1px 4px}.status-hint{color:#90949c;font-size:10px;font-style:italic;margin-top:6px}.status-entry.expiring-soon{background:#fff8e6;border-left:2px solid #f5a623}.status-entry.expiring-soon .status-entry-icon{color:#f5a623}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.status-entry.expired{animation:fadeOut .5s ease-out forwards}.status-time-progress{background:#e5e5e5;border-radius:2px;height:2px;margin-top:4px;overflow:hidden}.status-time-progress-bar{background:linear-gradient(90deg,#42b72a,#f5a623 50%,#e41e3f);height:100%;transition:width .3s ease}.status-expiry-tooltip{background:#000000d9;border-radius:4px;bottom:100%;color:#fff;font-size:10px;margin-bottom:8px;opacity:0;padding:6px 10px;pointer-events:none;transition:opacity .2s;white-space:nowrap;z-index:1000}.status-expiry-tooltip,.status-expiry-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.status-expiry-tooltip:after{border:4px solid #0000;border-top-color:#000000d9;content:"";top:100%}.status-entry-timestamp:hover .status-expiry-tooltip{opacity:1}.status-countdown{align-items:center;background:#f5a6231a;border-radius:2px;color:#f5a623;display:inline-flex;font-size:9px;font-weight:600;gap:3px;margin-left:4px;padding:2px 4px}.status-countdown-icon{animation:pulse 2s ease-in-out infinite;font-size:10px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}@media (max-width:600px){.status-expiry-notice{font-size:9px;padding:5px 6px}.status-char-count{font-size:9px}.status-countdown{font-size:8px}}.profile-picture{align-items:center;background-color:#ccc;border:1px solid #d3d6db;border-radius:3px;box-shadow:0 1px 2px #0000001a;display:flex;height:180px;justify-content:center;min-height:180px;min-width:180px;overflow:hidden;position:relative;width:180px}.profile-picture-img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.profile-picture-initial{color:#666;font-size:64px;font-weight:700;-webkit-user-select:none;user-select:none}.profile-cover{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #d3d6db;height:180px;overflow:hidden;position:relative}.profile-cover-img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.profile-cover-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);height:100%;width:100%}.friend-thumb{align-items:center;background-color:#47a;border:1px solid #d3d6db;border-radius:3px;box-shadow:0 1px 2px #0000001a;display:flex;height:50px;justify-content:center;margin-bottom:3px;min-height:50px;min-width:50px;overflow:hidden;transition:box-shadow .2s;width:50px}.friend-thumb-img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.friend-preview-thumb:hover .friend-thumb{box-shadow:0 2px 4px #00000026}.profile-toast{animation:profileToastIn .25s ease,profileToastOut .3s ease 3.2s forwards;box-shadow:0 4px 14px #0000002e;font-family:Lucida Grande,Tahoma,Verdana,Arial,sans-serif;font-weight:600;left:50%;max-width:420px;min-width:220px;padding:10px 20px;pointer-events:none;text-align:center;top:70px;transform:translateX(-50%)}.profile-toast--info{background:#47a;color:#fff}.profile-toast--success{background:#2d7a2d;color:#fff}.profile-toast--error{background:#c0392b;color:#fff}@keyframes profileToastIn{0%{opacity:0;transform:translateX(-50%) translateY(-12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes profileToastOut{0%{opacity:1}to{opacity:0}}.profile-error-card{align-items:center;background:#fff;border:1.5px solid #fca5a5;border-radius:16px;box-shadow:0 4px 20px #ef44441a;display:flex;flex-direction:column;gap:12px;margin:40px auto;max-width:400px;padding:40px 32px;text-align:center}.profile-error-icon{font-size:48px;line-height:1}.profile-error-card h3{color:#1a1d23;font-size:18px;font-weight:700;margin:0}.profile-error-card p{color:#6b7280;font-size:14px;line-height:1.55;margin:0}.profile-error-link{background:#47a;border-radius:8px;color:#fff;display:inline-block;font-size:14px;font-weight:700;margin-top:8px;padding:10px 20px;text-decoration:none;transition:background .18s}.profile-error-link:hover{background:#36a}.profile-confirm-bar{align-items:center;animation:confirmSlideUp .25s cubic-bezier(.34,1.56,.64,1);background:#fff;border:1.5px solid #fca5a5;border-radius:14px;bottom:24px;box-shadow:0 8px 32px #ef44442e;display:flex;flex-wrap:wrap;gap:12px;left:50%;max-width:calc(100vw - 32px);padding:14px 20px;position:fixed;transform:translateX(-50%);z-index:99999}@keyframes confirmSlideUp{0%{opacity:0;transform:translateX(-50%) translateY(16px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.profile-confirm-bar__icon{flex-shrink:0;font-size:18px}.profile-confirm-bar__text{color:#1a1d23;flex:1 1;font-size:14px;font-weight:600;margin:0;min-width:140px}.profile-confirm-bar__actions{display:flex;flex-shrink:0;gap:8px}.profile-confirm-bar__btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:700;padding:8px 18px;transition:all .18s}.profile-confirm-bar__btn--cancel{background:#f4f6fc;color:#44495a}.profile-confirm-bar__btn--cancel:hover:not(:disabled){background:#e8ecf4}.profile-confirm-bar__btn--confirm{background:#ef4444;color:#fff}.profile-confirm-bar__btn--confirm:hover:not(:disabled){background:#dc2626}.profile-confirm-bar__btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){.profile-confirm-bar{align-items:flex-start;bottom:16px;flex-direction:column;gap:10px}.profile-confirm-bar__actions{width:100%}.profile-confirm-bar__btn{flex:1 1;text-align:center}.profile-error-card{margin:20px 16px;padding:28px 20px}}@media (prefers-color-scheme:dark){.profile-error-card{background:#1e2130;border-color:#7f1d1d}.profile-error-card h3{color:#e4e8f0}.profile-error-card p{color:#a0a8c0}.profile-confirm-bar{background:#1e2130;border-color:#7f1d1d}.profile-confirm-bar__text{color:#e4e8f0}.profile-confirm-bar__btn--cancel{background:#2e3248;color:#a0a8c0}.profile-confirm-bar__btn--cancel:hover:not(:disabled){background:#3a3f58}}.notification-bell-container{display:inline-block;position:relative}.notification-bell-btn{align-items:center;background:#fff;border:1px solid #ccc;border-radius:2px;box-shadow:0 1px 1px #0000000d;cursor:pointer;display:flex;font-size:16px;gap:4px;padding:5px 10px;position:relative;transition:all .1s}.notification-bell-btn:hover{border-color:#aaa;box-shadow:0 1px 2px #0000001a}.notification-bell-btn:focus-visible{outline:2px solid #3b5998;outline-offset:2px}.bell-icon{font-size:16px;line-height:1}.notification-badge{background:linear-gradient(#dd4b39,#d73925);border:2px solid #fff;border-radius:2px;box-shadow:0 1px 2px #0000004d;color:#fff;font-size:10px;font-weight:700;line-height:1.4;min-width:16px;padding:1px 4px;position:absolute;right:-6px;text-align:center;top:-6px}.notification-dropdown{background:#fff;border:1px solid #00000026;border-radius:0;box-shadow:0 3px 8px #0000004d;display:flex;flex-direction:column;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;max-height:520px;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);width:430px;z-index:1000}.notification-header{align-items:center;background:#f6f7f8;border-bottom:1px solid #e5e5e5;display:flex;flex-shrink:0;justify-content:space-between;padding:10px 12px}.notification-header h3{color:#333;font-size:14px;font-weight:700;letter-spacing:-.3px;margin:0}.mark-all-read-btn{background:none;border:none;color:#3b5998;cursor:pointer;font-size:11px;font-weight:400;padding:3px 6px;transition:-webkit-text-decoration .1s;transition:text-decoration .1s;transition:text-decoration .1s,-webkit-text-decoration .1s}.mark-all-read-btn:hover{text-decoration:underline}.notification-list{background:#fff;flex:1 1;max-height:440px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:10px}.notification-list::-webkit-scrollbar-track{background:#f1f1f1;border-left:1px solid #e5e5e5}.notification-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:0}.notification-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.notification-loading{align-items:center;color:#666;display:flex;flex-direction:column;font-size:13px;gap:10px;padding:40px 20px;text-align:center}.loading-spinner{border:2px solid #e5e5e5;border-top-color:#3b5998;display:inline-block;height:20px;width:20px}.notification-error{align-items:center;color:#c23934;display:flex;flex-direction:column;font-size:12px;gap:10px;padding:30px 20px;text-align:center}.notification-error p{margin:0}.retry-btn{padding:4px 12px}.no-notifications{color:#999;padding:60px 20px;text-align:center}.empty-icon-not{display:block;font-size:48px;margin-bottom:10px;opacity:.4}.no-notifications p{color:#90949c;font-size:13px;margin:0}.notification-item{min-height:60px;padding:8px 12px;transition:background-color .1s}.notification-item:hover{background-color:#f6f7f9}.notification-item:hover .notification-delete-btn{opacity:1}.notification-item.unread{background-color:#ecf4ff}.notification-item.unread:hover{background-color:#dce9f7}.notification-icon-wrapper{flex-shrink:0;margin-right:10px;margin-top:2px}.notification-icon{font-size:28px;height:40px;line-height:1;width:40px}.notification-content{padding-right:24px}.notification-time{margin-top:2px}.notification-delete-btn{background:none;border:none;border-radius:2px;color:#90949c;cursor:pointer;font-size:16px;line-height:1;opacity:0;padding:4px 6px;position:absolute;right:8px;top:8px;transition:all .1s}.notification-delete-btn:hover{background-color:#0000000d;color:#4b4f56}.notification-delete-btn:focus-visible{opacity:1;outline:2px solid #3b5998}.unread-indicator{background-color:#5890ff;border-radius:50%;flex-shrink:0;height:6px;left:4px;position:absolute;top:50%;transform:translateY(-50%);width:6px}.notification-footer{background:#f6f7f8;border-top:1px solid #e5e5e5;flex-shrink:0;padding:8px 12px}.view-all-btn{background:none;border:none;border-radius:2px;color:#3b5998;font-weight:400;padding:6px;text-align:center;transition:background-color .1s}.view-all-btn:hover{background-color:#e9ebee}@media (max-width:768px){.notification-dropdown{right:-10px;width:360px}}@media (max-width:480px){.notification-dropdown{left:5px;max-height:calc(100vh - 60px);position:fixed;right:5px;top:50px;width:auto}.notification-list{max-height:calc(100vh - 150px)}.notification-item{padding:10px 12px}.notification-text{font-size:13px}}.navbar-toast-container{display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:20px;top:80px;z-index:9999}.navbar-toast{align-items:center;animation:navbar-toast-in .25s ease;border-radius:6px;box-shadow:0 4px 14px #0000002e;color:#fff;display:flex;font-size:14px;font-weight:500;gap:10px;max-width:320px;padding:12px 18px;pointer-events:auto;word-break:break-word}.navbar-toast--success{background-color:#2ecc71}.navbar-toast--error{background-color:#e74c3c}.navbar-toast--info{background-color:#3498db}.navbar-toast-icon{flex-shrink:0;font-size:16px;font-weight:700}@keyframes navbar-toast-in{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.navbar{background:linear-gradient(180deg,#69c,#47a);border-bottom:1px solid #ffffff1a;box-shadow:0 2px 4px #0000001a;isolation:isolate;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-container{height:64px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:#fff;flex-shrink:0;font-size:20px;font-weight:600;letter-spacing:.5px;text-decoration:none;transition:opacity .2s}.navbar-logo:hover{opacity:.85}.navbar-logo-text{font-size:20px;font-weight:600}.navbar-menu-center{display:flex;flex:1 1;gap:4px;justify-content:center;list-style:none;margin:0 0 0 60px;max-width:600px;padding:0}.navbar-menu-item{position:relative}.navbar-menu-link{align-items:center;border-radius:4px;color:#ffffffe6;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;letter-spacing:.3px;padding:10px 24px;text-decoration:none;transition:background-color .2s,color .2s}.navbar-menu-link:focus-visible,.navbar-menu-link:hover{color:#fff;outline:none;text-decoration:underline;text-underline-offset:4px}.navbar-menu-link.active,.navbar-menu-link.active:focus,.navbar-menu-link.active:hover,.navbar-menu-link[aria-current=page]{background-color:initial!important;background:#0000!important;box-shadow:none!important;color:#ffffffe6!important;font-weight:500!important;text-decoration:none!important}.navbar-menu-link.active:after,.navbar-menu-link.active:before{content:none!important;display:none!important}.navbar-right{align-items:center;display:flex;flex-shrink:0;gap:20px;margin-left:auto}.navbar-search{position:relative}.navbar-search-input-wrapper{align-items:center;display:flex;position:relative}.navbar-search-icon{color:#666;left:12px;pointer-events:none;position:absolute;z-index:1}.navbar-search-input{-webkit-appearance:none;appearance:none;background-color:#fffffff2;border:1px solid #fff3;border-radius:4px;color:#000;font-size:14px;outline:none;padding:10px 40px;transition:background-color .2s,border-color .2s,box-shadow .2s;width:280px}.navbar-search-input:focus{background-color:#fff;border-color:#fff6;box-shadow:0 0 0 2px #fff3}.navbar-search-input::placeholder{color:#999}.navbar-search-input::-webkit-search-cancel-button,.navbar-search-input::-webkit-search-decoration{-webkit-appearance:none;display:none}.navbar-search-clear{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:20px;justify-content:center;line-height:1;padding:4px;position:absolute;right:12px;transition:color .2s,background-color .2s;z-index:1}.navbar-search-clear:hover{background-color:#0000000d;color:#000}.navbar-search-clear:focus-visible{outline:2px solid #47a;outline-offset:2px}.navbar-search-dropdown{animation:navbar-dropdown-open .15s ease;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 8px 24px #00000026;left:0;max-height:400px;min-width:320px;overflow-y:auto;position:absolute;top:calc(100% + 8px);width:100%;z-index:1001}@keyframes navbar-dropdown-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.navbar-search-loading{align-items:center;color:#666;display:flex;font-size:14px;gap:10px;padding:20px}.navbar-search-spinner{animation:navbar-spin .6s linear infinite;border:2px solid #e0e0e0;border-radius:50%;border-top-color:#47a;flex-shrink:0;height:16px;width:16px}@keyframes navbar-spin{to{transform:rotate(1turn)}}.navbar-search-empty{color:#666;font-size:14px;padding:20px;text-align:center}.navbar-search-results-list{padding:8px 0}.navbar-search-result-item{align-items:center;display:flex;gap:12px;padding:12px 16px;transition:background-color .15s}.navbar-search-result-item:hover{background-color:#f8f9fa}.navbar-result-avatar{background:linear-gradient(180deg,#69c,#47a);border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;position:relative;width:40px}.navbar-result-avatar-img{display:block;height:100%;object-fit:cover;width:100%}.navbar-result-avatar-fallback{align-items:center;background:linear-gradient(180deg,#69c,#47a);color:#fff;display:flex;font-size:16px;font-weight:600;height:100%;justify-content:center;width:100%}.navbar-result-info{flex:1 1;min-width:0}.navbar-result-info h4{color:#000;font-size:15px;font-weight:600;margin:0}.navbar-result-info h4,.navbar-result-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-result-info p{color:#666;font-size:13px;margin:2px 0 0}.navbar-btn-add,.navbar-btn-sending,.navbar-btn-sent{background-color:#2c3e50;border:1px solid #2c3e50;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:8px 16px;transition:background-color .2s,border-color .2s,opacity .2s;white-space:nowrap}.navbar-btn-add:hover{background-color:#34495e;border-color:#34495e}.navbar-btn-add:focus-visible{outline:2px solid #2c3e50;outline-offset:2px}.navbar-btn-sending,.navbar-btn-sent{background-color:#ecf0f1;border-color:#bdc3c7;color:#7f8c8d;cursor:default}.navbar-btn-sending{opacity:.75}.navbar-friends-badge{background-color:#ecf0f1;border-radius:4px;color:#2c3e50;flex-shrink:0;font-size:13px;font-weight:500;padding:6px 12px}.navbar-user-menu-container{position:relative}.navbar-user-menu-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;padding:4px;transition:background-color .2s,border-color .2s;width:40px}.navbar-user-menu-btn:hover{background-color:#ffffff26;border-color:#ffffff4d}.navbar-user-menu-btn:focus-visible{outline:2px solid #ffffffb3;outline-offset:2px}.navbar-user-avatar{align-items:center;background:#fff;border-radius:50%;color:#2c3e50;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;pointer-events:none;width:32px}.navbar-user-dropdown{animation:navbar-dropdown-open .15s ease;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 8px 24px #00000026;min-width:180px;padding:8px 0;position:absolute;right:0;top:calc(100% + 8px);z-index:1001}.navbar-user-dropdown-item{background:none;border:none;color:#000;cursor:pointer;display:block;font-size:14px;font-weight:400;padding:12px 20px;text-align:left;text-decoration:none;transition:background-color .15s;width:100%}.navbar-user-dropdown-item:hover{background-color:#f8f9fa}.navbar-user-dropdown-item:focus-visible{outline:2px solid #47a;outline-offset:-2px}.navbar-dropdown-divider{background-color:#e0e0e0;height:1px;margin:8px 0}.navbar-user-dropdown-item--logout{color:#e74c3c}.navbar-user-dropdown-item--logout:hover{background-color:#fef5f5}.navbar-auth-link{background-color:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;font-size:14px;font-weight:500;padding:10px 20px;text-decoration:none;transition:background-color .2s,border-color .2s}.navbar-auth-link:focus-visible,.navbar-auth-link:hover{background-color:#ffffff26;border-color:#ffffff4d;outline:2px solid #ffffff80;outline-offset:2px}.navbar-auth-link--primary{background-color:#fff;border:1px solid #fff;border-radius:4px;color:#2c3e50;font-size:14px;font-weight:500;padding:10px 24px;text-decoration:none;transition:background-color .2s,transform .15s,box-shadow .15s}.navbar-auth-link--primary:hover{background-color:#ecf0f1;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.navbar-auth-link--primary:focus-visible{outline:2px solid #fff;outline-offset:2px}.navbar-hamburger{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:none;font-size:24px;padding:8px;transition:background-color .2s}.navbar-hamburger:hover{background-color:#ffffff1a}.navbar-hamburger:focus-visible{outline:2px solid #ffffffb3;outline-offset:2px}.navbar-hamburger-icon{font-size:24px}.navbar-mobile-menu{background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 4px 8px #0000001a;display:none;left:0;list-style:none;margin:0;max-height:0;overflow:hidden;padding:0;position:absolute;right:0;top:64px;transition:max-height .3s ease}.navbar-mobile-menu--open{display:block;max-height:600px}.navbar-mobile-menu-item{border-bottom:1px solid #f8f9fa}.navbar-mobile-menu-link{align-items:center;background:none;border:none;color:#000;cursor:pointer;display:flex;font-size:15px;font-weight:400;padding:16px 24px;text-align:left;text-decoration:none;transition:background-color .15s;width:100%}.navbar-mobile-menu-link:hover{background-color:#f8f9fa}.navbar-mobile-menu-link:focus-visible{outline:2px solid #47a;outline-offset:-2px}.navbar-mobile-menu-divider{background-color:#f8f9fa;height:8px}.navbar-mobile-menu-link--logout{color:#e74c3c}.navbar-mobile-menu-link--logout:hover{background-color:#fef5f5}.navbar-mobile-menu-link--register{color:#2c3e50;font-weight:500}.navbar-search-dropdown::-webkit-scrollbar{width:6px}.navbar-search-dropdown::-webkit-scrollbar-track{background:#f8f9fa}.navbar-search-dropdown::-webkit-scrollbar-thumb{background:#bdc3c7;border-radius:3px}.navbar-search-dropdown::-webkit-scrollbar-thumb:hover{background:#95a5a6}@media screen and (max-width:1024px){.navbar-container{padding:0 16px}.navbar-menu-center{gap:2px;margin-left:24px}.navbar-menu-link{padding:10px 20px}.navbar-search-input{width:220px}}@media screen and (max-width:768px){.navbar-container{height:56px}.navbar-menu-center,.navbar-search{display:none}.navbar-user-menu-btn{height:38px;width:38px}.navbar-user-avatar{font-size:13px;height:30px;width:30px}.navbar-hamburger{display:block}.navbar-right{gap:12px}.navbar-auth-link,.navbar-auth-link--primary{font-size:13px;padding:8px 16px}.navbar-mobile-menu{top:56px}}@media screen and (max-width:480px){.navbar-container{height:52px;padding:0 12px}.navbar-right{gap:8px}.navbar-auth-link{display:none}.navbar-auth-link--primary{font-size:12px;padding:8px 14px}.navbar-user-menu-btn{height:36px;width:36px}.navbar-user-avatar{font-size:12px;height:28px;width:28px}.navbar-mobile-menu{top:52px}.navbar-toast-container{left:12px;right:12px;top:70px}.navbar-toast{max-width:100%}}@media (prefers-reduced-motion:reduce){.navbar-search-dropdown,.navbar-toast,.navbar-user-dropdown{animation:none}.navbar-search-spinner{animation:none;border-top-color:#47a}.navbar-auth-link--primary:hover{transform:none}}:root{--ep-brand:#47a;--ep-brand-light:#92bfeb;--ep-brand-dark:#2d5a8a;--ep-bg:#f0f2f7;--ep-surface:#fff;--ep-surface-2:#f7f8fc;--ep-border:#d0d5de;--ep-border-dark:#a8b0c0;--ep-text:#1a1e2a;--ep-text-muted:#555e72;--ep-text-faint:#8a94a8;--ep-success:#28a745;--ep-danger:#d9534f;--ep-warning:#e67e22;--ep-radius:5px;--ep-radius-lg:8px;--ep-shadow-sm:0 1px 3px #00000014;--ep-shadow:0 2px 8px #0000001a;--ep-trans:150ms ease;--ep-sidebar-w:340px}.ep-container{background:#f0f2f7;background:var(--ep-bg);color:#1a1e2a;color:var(--ep-text);font-family:Tahoma,Verdana,Arial,sans-serif;min-height:100vh;padding:20px 16px 60px}.ep-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:340px 1fr;grid-template-columns:var(--ep-sidebar-w) 1fr;margin:0 auto;max-width:1180px}.ep-main,.ep-sidebar{background:linear-gradient(180deg,#e8ecf4 0,#fff);background:linear-gradient(to bottom,#e8ecf4 0,var(--ep-surface) 100%);border:1px solid #a8b0c0;border:1px solid var(--ep-border-dark);border-radius:8px;border-radius:var(--ep-radius-lg);box-shadow:0 1px 3px #00000014;box-shadow:var(--ep-shadow-sm);overflow:hidden}.ep-panel-header{background:linear-gradient(180deg,#92bfeb,#47a);background:linear-gradient(180deg,var(--ep-brand-light) 0,var(--ep-brand) 100%);border-bottom:1px solid #2d5a8a;border-bottom:1px solid var(--ep-brand-dark);color:#fff;font-size:13px;font-weight:700;letter-spacing:.02em;padding:10px 16px;text-shadow:0 1px 1px #0000002e}.ep-sidebar-content{padding:16px}.ep-picture-box{background:#fff;background:var(--ep-surface);border:1px solid #d0d5de;border:1px solid var(--ep-border);border-radius:5px;border-radius:var(--ep-radius);box-shadow:0 1px 3px #00000014;box-shadow:var(--ep-shadow-sm);margin-bottom:14px;padding:12px}.ep-picture-box h4{border-bottom:1px solid #eaecf0;color:#1a1e2a;color:var(--ep-text);font-size:11px;font-weight:700;margin:0 0 8px;padding-bottom:6px}.ep-image-wrapper{background:#f7f8fc;background:var(--ep-surface-2);border:2px dashed #d0d5de;border:2px dashed var(--ep-border);border-radius:5px;border-radius:var(--ep-radius);cursor:pointer;overflow:hidden;position:relative;transition:border-color .15s ease,background .15s ease;transition:border-color var(--ep-trans),background var(--ep-trans)}.ep-image-wrapper:hover{background:#edf4fb;border-color:#47a;border-color:var(--ep-brand)}.ep-image-wrapper:focus{outline:2px solid #47a;outline:2px solid var(--ep-brand);outline-offset:2px}.ep-image-wrapper.uploading{opacity:.7;pointer-events:none}.ep-image-preview{border-radius:3px;display:block;height:100%;object-fit:cover;width:100%}.ep-image-overlay{align-items:center;background:#0009;color:#fff;display:flex;flex-direction:column;gap:4px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .15s ease;transition:opacity var(--ep-trans)}.ep-image-wrapper.uploading .ep-image-overlay,.ep-image-wrapper:hover .ep-image-overlay{opacity:1}.ep-upload-icon{flex-shrink:0}.ep-upload-hint{font-size:10px;opacity:.85}.ep-image-overlay span{font-size:12px;font-weight:700}.ep-profile-summary{background:#fff;background:var(--ep-surface);border:1px solid #d0d5de;border:1px solid var(--ep-border);border-radius:5px;border-radius:var(--ep-radius);box-shadow:0 1px 3px #00000014;box-shadow:var(--ep-shadow-sm);padding:14px;text-align:center}.ep-summary-username{color:#47a;color:var(--ep-brand);font-size:13px;font-weight:700;margin-bottom:4px}.ep-summary-email{color:#555e72;color:var(--ep-text-muted);font-size:11px;margin-bottom:3px;word-break:break-all}.ep-summary-since{color:#8a94a8;color:var(--ep-text-faint);font-size:10px}.ep-tabs{background:#f2f4f8;border-bottom:1px solid #d0d5de;border-bottom:1px solid var(--ep-border);display:flex;overflow-x:auto;scrollbar-width:none}.ep-tabs::-webkit-scrollbar{display:none}.ep-tab{background:#0000;border:none;border-right:1px solid #d0d5de;border-right:1px solid var(--ep-border);color:#47a;color:var(--ep-brand);cursor:pointer;flex:1 1;font-size:11px;font-weight:700;min-width:100px;padding:11px 14px;text-align:center;transition:background .15s ease,color .15s ease;transition:background var(--ep-trans),color var(--ep-trans);white-space:nowrap}.ep-tab:last-child{border-right:none}.ep-tab:hover{background:#e3e7ee}.ep-tab.active{background:#fff;background:var(--ep-surface);border-bottom:3px solid #92bfeb;border-bottom:3px solid var(--ep-brand-light);color:#1a1e2a;color:var(--ep-text)}.ep-tab:focus-visible{outline:2px solid #47a;outline:2px solid var(--ep-brand);outline-offset:-2px}.ep-form-body{background:#fff;background:var(--ep-surface);padding:24px}.ep-section-title{border-bottom:2px solid #92bfeb;border-bottom:2px solid var(--ep-brand-light);color:#1a1e2a;color:var(--ep-text);font-size:15px;font-weight:700;margin:0 0 6px;padding-bottom:10px}.ep-section-desc{color:#555e72;color:var(--ep-text-muted);font-size:11px;margin:0 0 20px}.ep-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.ep-field--full{grid-column:1/-1}.ep-field{display:flex;flex-direction:column}.ep-label{align-items:center;color:#1a1e2a;color:var(--ep-text);display:flex;font-size:11px;font-weight:700;gap:4px;margin-bottom:5px}.ep-required{color:#d9534f;color:var(--ep-danger)}.ep-readonly-label{color:#8a94a8;color:var(--ep-text-faint);font-size:10px;font-weight:400}.ep-input,.ep-select,.ep-textarea{background:#fff;background:var(--ep-surface);border:1px solid #c5d0e0;border-radius:5px;border-radius:var(--ep-radius);color:#1a1e2a;color:var(--ep-text);font-family:inherit;font-size:12px;padding:7px 10px;transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--ep-trans),box-shadow var(--ep-trans)}.ep-input:focus,.ep-select:focus,.ep-textarea:focus{border-color:#47a;border-color:var(--ep-brand);box-shadow:0 0 0 3px #4477aa26;outline:none}.ep-input:disabled,.ep-select:disabled{background:#f5f5f5;color:#8a94a8;color:var(--ep-text-faint);cursor:not-allowed}.ep-input--error{border-color:#d9534f!important;border-color:var(--ep-danger)!important;box-shadow:0 0 0 3px #d9534f1f!important}.ep-input--success{border-color:#28a745!important;border-color:var(--ep-success)!important;box-shadow:0 0 0 3px #28a7451f!important}.ep-textarea{line-height:1.5;min-height:72px;resize:vertical}.ep-hint{color:#555e72;color:var(--ep-text-muted);font-size:10px;margin-top:4px}.ep-field-footer{align-items:center;display:flex;justify-content:space-between;margin-top:4px}.ep-char-count{font-feature-settings:"tnum";color:#8a94a8;color:var(--ep-text-faint);font-size:10px;font-variant-numeric:tabular-nums}.ep-char-count.warn{color:#e67e22;color:var(--ep-warning);font-weight:700}.ep-username-status{align-items:center;display:inline-flex;font-size:10px;font-weight:700;gap:5px;margin-top:5px}.ep-username-status.checking{color:#e67e22;color:var(--ep-warning)}.ep-username-status.available{color:#28a745;color:var(--ep-success)}.ep-username-status.taken{color:#d9534f;color:var(--ep-danger)}@keyframes ep-spin{to{transform:rotate(1turn)}}@keyframes ep-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.ep-spin{animation:ep-spin .8s linear infinite}.ep-bounce{animation:ep-bounce .9s ease-in-out infinite}.ep-actions{border-top:1px solid #eaecf0;display:flex;gap:10px;justify-content:flex-end;margin-top:24px;padding-top:16px}.ep-btn{align-items:center;border:1px solid #0000;border-radius:5px;border-radius:var(--ep-radius);cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:700;gap:6px;padding:8px 22px;transition:all .15s ease;transition:all var(--ep-trans);white-space:nowrap}.ep-btn:focus-visible{outline:2px solid #47a;outline:2px solid var(--ep-brand);outline-offset:2px}.ep-btn--cancel{background:#f5f5f5;border-color:#d0d5de;border-color:var(--ep-border);color:#1a1e2a;color:var(--ep-text)}.ep-btn--cancel:hover{background:#e8e8e8;border-color:#b0b0b0}.ep-btn--primary{background:linear-gradient(180deg,#92bfeb 0,#47a);background:linear-gradient(to bottom,var(--ep-brand-light) 0,var(--ep-brand) 100%);border-color:#2d5a8a;border-color:var(--ep-brand-dark);box-shadow:0 2px 4px #4477aa40;color:#fff;text-shadow:0 1px 1px #00000026}.ep-btn--primary:hover:not(:disabled){background:linear-gradient(180deg,#7eb0e5 0,#376699);box-shadow:0 3px 8px #4477aa59;transform:translateY(-1px)}.ep-btn--primary:disabled{background:#c8cdd6;border-color:#aab0bc;box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.ep-btn--primary[aria-busy=true]{cursor:wait}.ep-alert{align-items:center;border-radius:5px;border-radius:var(--ep-radius);display:flex;font-size:12px;font-weight:600;gap:8px;margin:0 auto 16px;max-width:1180px;padding:10px 14px}.ep-alert--error{background:#fdecea;border:1px solid #f5c6cb;color:#721c24}.ep-alert--success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.ep-toast-stack{display:flex;flex-direction:column;gap:8px;max-width:320px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.ep-toast{align-items:center;animation:ep-toast-in .25s ease,ep-toast-out .3s ease 3.2s forwards;border-radius:8px;border-radius:var(--ep-radius-lg);box-shadow:0 4px 16px #0000002e;color:#fff;display:flex;font-size:13px;font-weight:600;gap:8px;padding:11px 16px;word-break:break-word}.ep-toast--success{background:#1e6b36}.ep-toast--error{background:#a52020}.ep-toast--info{background:#1a3f70}@keyframes ep-toast-in{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes ep-toast-out{0%{opacity:1}to{opacity:0;transform:translateX(20px)}}@media (max-width:1024px){.ep-layout{grid-template-columns:1fr}.ep-sidebar{display:grid;grid-template-columns:auto 1fr}.ep-panel-header{display:none}.ep-sidebar-content{grid-gap:14px;align-items:start;display:grid;gap:14px;grid-template-columns:200px 200px 1fr;padding:16px}.ep-profile-summary{margin-bottom:0}}@media (max-width:768px){.ep-container{padding:10px 8px 40px}.ep-sidebar{display:block}.ep-sidebar-content{display:block;padding:12px}.ep-panel-header{display:block}.ep-grid{grid-template-columns:1fr}.ep-field--full{grid-column:1}.ep-form-body{padding:16px 12px}.ep-actions{flex-direction:column}.ep-btn{justify-content:center;width:100%}.ep-toast-stack{left:8px;max-width:100%;right:8px;top:10px}}@media (max-width:480px){.ep-tab{font-size:10px;min-width:80px;padding:9px 10px}.ep-section-title{font-size:13px}.ep-btn--cancel,.ep-btn--primary{font-size:12px;padding:9px 16px}}@media print{.ep-actions,.ep-tabs,.ep-toast-stack{display:none!important}.ep-container{background:#fff;padding:0}.ep-layout{grid-template-columns:1fr}}.sb-card{background:#fff;border:1px solid #e4e6eb;border-radius:12px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:16px}.sb-header{align-items:center;display:flex;gap:8px;margin-bottom:10px}.sb-header-icon{font-size:18px;line-height:1}.sb-header h4{color:#1a1a1a;font-size:15px;font-weight:600;margin:0}.sb-description{color:#65676b;font-size:13px;line-height:1.5;margin:0 0 14px}.sb-actions{display:flex;flex-direction:column;gap:8px}.sb-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 14px;text-align:center;transition:background .18s ease,opacity .18s ease,transform .1s ease;width:100%}.sb-btn:active{transform:scale(.98)}.sb-btn--copy{background:#1a1a1a;color:#fff}.sb-btn--copy:hover{background:#333}.sb-btn--success{background:#2e7d32!important;color:#fff;cursor:default}.sb-btn--error{background:#c62828!important;color:#fff;cursor:default}.sb-btn--whatsapp{background:#25d366;color:#fff}.sb-btn--whatsapp:hover{background:#1da851}.sb-btn--email{background:#4285f4;color:#fff}.sb-btn--email:hover{background:#2b6fda}.sb-icon{flex-shrink:0;height:16px;width:16px}.home-page{background-color:#ddd9d9;font-family:Tahoma,Verdana,Arial,sans-serif;min-height:100vh;padding-top:20px}.home-container{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:240px 1fr 300px;margin:0 auto;max-width:1400px;padding:0 20px}.sidebar-card{border:1px solid #d3d6db;border-radius:4px;box-shadow:0 1px 2px #0000000d;margin-bottom:16px;opacity:.96}.sidebar-header{background:linear-gradient(180deg,#69c,#47a);border-bottom:1px solid #e5e5e5;padding:12px}.sidebar-header h4{align-items:center;color:#fff;display:flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:.3px;margin:0}.see-all-link-cont{color:#fff;font-size:11px;font-weight:600;text-decoration:none}.see-all-link-cont:hover{text-decoration:underline}.home-sidebar-left{align-self:start;max-height:calc(100vh - 100px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:80px}.profile-avatar-small{align-items:center;border:2px solid #e5e5e5;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:50px;justify-content:center;width:50px}.nav-item{font-size:12px;padding:8px 12px;transition:background .2s}.nav-item.active{background:#e9ebee;color:#3b5998}.nav-icon{font-size:16px;width:20px}.anonymous-post-card{background:#fff}.home-main{max-width:600px}.feed-container{margin-top:15px}.feed-header{background:#fff;border:1px solid #d3d6db;border-radius:4px;border-top:3px solid #47a;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:16px;padding:10px 14px}.feed-header,.feed-header-left{align-items:center;display:flex}.feed-header-left{gap:7px;min-width:0}.feed-header-sparkle{color:#47a;flex-shrink:0;font-size:13px;line-height:1}.feed-header-text{align-items:center;display:flex;flex-wrap:wrap;min-width:0}.feed-header-greeting{color:#4b4f56;font-family:Tahoma,Verdana,Arial,sans-serif;font-size:13px;white-space:nowrap}.feed-header-greeting strong{color:#3b5998;font-weight:700}.feed-header-dot{color:#bec2c9;font-size:14px;margin:0 5px}.feed-header-college{align-items:center;color:#90949c;display:flex;font-family:Tahoma,Verdana,Arial,sans-serif;font-size:11px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-header-right{align-items:center;display:flex;flex-shrink:0;gap:10px}.feed-header-status-badge{align-items:center;background:#f0f7ff;border:1px solid #c5d8f0;border-radius:3px;color:#47a;cursor:pointer;display:inline-flex;font-family:Tahoma,Verdana,Arial,sans-serif;font-size:11px;font-weight:700;gap:5px;padding:3px 10px;transition:background .2s;white-space:nowrap}.feed-header-status-badge:hover{background:#def;border-color:#47a}.feed-header-status-dot{animation:fh-pulse 2s ease-in-out infinite;background:#42b72a;border-radius:50%;display:inline-block;flex-shrink:0;height:7px;width:7px}@keyframes fh-pulse{0%,to{box-shadow:0 0 0 0 #42b72a66;opacity:1;transform:scale(1)}50%{box-shadow:0 0 0 4px #42b72a00;opacity:.85;transform:scale(1.15)}}.feed-link{color:#3b5998;font-family:Tahoma,Verdana,Arial,sans-serif;font-size:11px;font-weight:600;text-decoration:none}.feed-link:hover{text-decoration:underline}.home-sidebar-right{align-self:start;max-height:calc(100vh - 100px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:80px}.request-item{padding:8px 6px;transition:background .2s}.request-icon{font-size:14px}.suggestion-item{transition:background .2s}.suggestion-avatar-cont{align-items:center;background:linear-gradient(180deg,#69c,#47a);border-radius:4px;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:50px;justify-content:center;width:50px}.suggestion-name{color:#3b5998;display:block;font-size:12px;font-weight:700;margin:0 0 2px}.btn-add-friend{padding:4px 12px;transition:background .2s}.btn-close-suggestion{font-size:18px}.active-friends-list{max-height:400px;overflow-y:auto;padding:8px}.active-friend-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:10px;padding:6px 8px;transition:background .2s}.active-friend-item:hover{background:#f6f7f9}.friend-avatar-mini{align-items:center;background:linear-gradient(180deg,#69c,#47a);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;position:relative;width:36px}.online-indicator-small{border:2px solid #fff;border-radius:50%;bottom:0;height:10px;position:absolute;right:0;width:10px}.friend-info-mini{flex:1 1;min-width:0}.friend-name-mini{color:#1c1e21;display:block;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-status-mini{color:#90949c;display:block;font-size:11px}.view-all-btn{background:#f6f7f9;border:1px solid #ccd0d5;border-radius:3px;color:#4b4f56;cursor:pointer;font-size:12px;font-weight:600;margin-top:8px;padding:8px;transition:background .2s;width:100%}.view-all-btn:hover{background:#e9ebee}.sponsored-content{padding:12px}.sponsored-item{display:flex;gap:12px}.sponsored-icon{flex-shrink:0;font-size:40px}.sponsored-text h5{color:#1c1e21;font-size:13px;font-weight:700;margin:0 0 6px}.sponsored-text p{color:#4b4f56;font-size:11px;line-height:1.4;margin:0 0 10px}.sponsored-input{border:1px solid #ccd0d5;border-radius:3px;font-family:inherit;font-size:11px;padding:6px 8px;width:100%}.sponsored-input:focus{border-color:#3b5998;outline:none}.anonymous-modal{background:#fff;border-radius:8px;box-shadow:0 12px 28px #0000004d;max-width:500px;width:90%}.modal-header{background:linear-gradient(180deg,#69c,#47a);border-bottom:1px solid #e5e5e5;border-radius:8px 8px 0 0}.modal-header h3{color:#fff;font-size:16px}.modal-close{background:none;color:#fff;font-size:28px;line-height:1;padding:0}.modal-close:hover{opacity:.8}.anonymous-textarea{border:1px solid #ccd0d5;border-radius:4px;font-family:inherit;font-size:13px;min-height:120px;padding:12px;resize:vertical;width:100%}.anonymous-textarea:focus{border-color:#3b5998;outline:none}.anonymous-info{background:#f0f2f5;border-radius:4px;margin-top:12px;padding:12px}.anonymous-info p{color:#4b4f56;font-size:12px;margin:4px 0}.modal-footer{border-top:1px solid #e5e5e5;padding:12px 20px}.btn-cancel{background:#e4e6eb;border:none;border-radius:4px;font-weight:700;padding:8px 16px;transition:background .2s}.btn-cancel:hover{background:#d8dadf}.btn-post-anonymous{background:linear-gradient(180deg,#69c,#47a);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:8px 20px;transition:opacity .2s}.btn-post-anonymous:hover{opacity:.9}.home-loading{align-items:center;color:#4b4f56;display:flex;font-size:16px;justify-content:center;min-height:100vh}.home-sidebar-left,.home-sidebar-right{-ms-overflow-style:none;scrollbar-width:none}.home-sidebar-left::-webkit-scrollbar,.home-sidebar-right::-webkit-scrollbar{display:none}.active-friends-list::-webkit-scrollbar{width:8px}.active-friends-list::-webkit-scrollbar-track{background:#f1f1f1}.active-friends-list::-webkit-scrollbar-thumb{background:#ccd0d5;border-radius:4px}.active-friends-list::-webkit-scrollbar-thumb:hover{background:#90949c}.mobile-actions{display:none;gap:8px;margin-bottom:12px}.mobile-action-btn{align-items:center;background:#fff;border:1px solid #d3d6db;border-radius:6px;color:#4b4f56;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:11px;font-weight:600;gap:4px;min-height:60px;padding:10px 8px;position:relative}.mobile-action-btn:active{background:#f0f2f5}.mobile-action-icon{font-size:20px}.mobile-action-text{font-size:10px}.mobile-action-badge{background:#e41e3f;border-radius:10px;color:#fff;font-size:9px;font-weight:700;padding:2px 5px;position:absolute;right:6px;top:6px}.mobile-bottom-nav{background:#fff;border-top:1px solid #d3d6db;bottom:0;box-shadow:0 -2px 8px #0000001a;display:none;justify-content:space-around;left:0;padding:8px 0;position:fixed;right:0;z-index:1000}.mobile-nav-item{align-items:center;color:#65676b;display:flex;flex-direction:column;font-size:10px;font-weight:600;gap:4px;min-width:60px;padding:6px 12px;position:relative;text-decoration:none}.mobile-nav-item.active{color:#3b5998}.mobile-nav-icon{font-size:24px}.mobile-nav-label{font-size:10px}.mobile-nav-badge{background:#e41e3f;border-radius:10px;color:#fff;font-size:9px;font-weight:700;padding:2px 5px;position:absolute;right:8px;top:2px}@media (max-width:1200px){.home-container{gap:16px;grid-template-columns:200px 1fr 280px}}@media (max-width:991px){.home-container{gap:16px;grid-template-columns:220px 1fr}.home-sidebar-right{display:none}.mobile-actions{display:flex}}@media (max-width:767px){.home-page{padding-top:12px}.home-container{grid-template-columns:1fr;padding:0 12px}.home-sidebar-left,.home-sidebar-right{display:none}.mobile-actions{display:flex}.home-main{max-width:100%}}@media (max-width:599px){.home-page{padding-bottom:70px;padding-top:8px}.home-container{padding:0 8px}.mobile-bottom-nav{display:flex}}@media (max-width:479px){.home-page{padding-bottom:65px}.mobile-action-btn{min-height:52px;padding:6px 4px}.mobile-action-icon{font-size:16px}}@media (max-width:480px){.feed-header{align-items:flex-start;flex-direction:column;gap:8px}.feed-header-right{justify-content:space-between;width:100%}.feed-header-college{max-width:150px}}.home-status-card{overflow:hidden;padding:0}.home-status-header{align-items:center;background:linear-gradient(180deg,#69c,#47a);border-bottom:1px solid #3b5998;cursor:pointer;display:flex;justify-content:space-between;padding:8px 10px;transition:background .2s;-webkit-user-select:none;user-select:none}.home-status-header:hover{background:linear-gradient(180deg,#58b,#369)}.home-status-header h4{align-items:center;color:#fff;display:flex;font-size:12px;font-weight:700;gap:4px;letter-spacing:.3px;margin:0;text-transform:uppercase}.home-status-toggle{font-size:9px;width:10px}.home-status-header-right{align-items:center;display:flex;gap:6px}.home-status-see-all{background:none;border:none;color:#ffffffe6;cursor:pointer;font-family:Lucida Grande,Tahoma,Verdana,Arial,sans-serif;font-size:10px;font-weight:700;padding:0;transition:color .2s}.home-status-see-all:hover{color:#fff;text-decoration:underline}.home-status-edit-badge{background:#ffffff26;border-radius:2px;color:#ffffffe6;cursor:pointer;font-size:10px;font-weight:700;padding:2px 6px;text-transform:lowercase;transition:background .2s}.home-status-edit-badge:hover{background:#ffffff47;color:#fff}.home-status-body{padding:10px}.home-status-summary{border-bottom:1px solid #e5e5e5;color:#606770;font-size:10px;margin-bottom:8px;padding-bottom:6px}.home-status-composer{border-bottom:1px solid #e5e5e5;margin-bottom:10px;padding-bottom:8px}.home-status-limit-warning{background:#fff3cd;border:1px solid #ffd966;border-radius:3px;color:#856404;font-size:10px;line-height:1.4;margin-bottom:6px;padding:5px 8px}.home-status-textarea{border:1px solid #ced0d4;border-radius:2px;box-sizing:border-box;font-family:Lucida Grande,Tahoma,Verdana,Arial,sans-serif;font-size:11px;margin-bottom:5px;padding:6px 8px;resize:vertical;transition:border-color .2s;width:100%}.home-status-textarea:focus{border-color:#47a;box-shadow:0 0 0 1px #4477aa4d;outline:none}.home-status-textarea::placeholder{color:#90949c;font-style:italic}.home-status-textarea:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.home-status-composer-footer{align-items:center;display:flex;justify-content:space-between}.home-status-char-count{color:#90949c;font-size:10px}.home-status-post-btn{background:linear-gradient(#f6f7f9,#e9ebee);border:1px solid #ced0d4;border-radius:2px;color:#4b4f56;cursor:pointer;font-family:Lucida Grande,Tahoma,Verdana,Arial,sans-serif;font-size:11px;font-weight:700;padding:4px 10px;transition:all .2s}.home-status-post-btn:hover:not(:disabled){background:linear-gradient(#e9ebee,#dcdee3);border-color:#bec2c9}.home-status-post-btn:disabled{cursor:not-allowed;opacity:.6}.home-status-post-btn--primary{background:linear-gradient(180deg,#69c,#47a);border-color:#3b5998;color:#fff}.home-status-post-btn--primary:hover:not(:disabled){background:linear-gradient(180deg,#58b,#369)}.home-status-list{display:flex;flex-direction:column;gap:6px}.home-status-entry{align-items:flex-start;background:#f6f7f9;border-radius:3px;display:flex;gap:6px;padding:6px;position:relative;transition:background .2s}.home-status-entry:hover{background:#e9ebee}.home-status-entry-icon{flex-shrink:0;font-size:12px;padding-top:1px}.home-status-entry-body{flex:1 1;min-width:0}.home-status-entry-time{color:#47a;font-size:10px;font-weight:700;margin-bottom:2px}.home-status-entry-text{word-wrap:break-word;color:#1c1e21;font-size:11px;line-height:1.4}.home-status-entry-delete{align-items:center;background:none;border:none;border-radius:50%;color:#90949c;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:18px;justify-content:center;opacity:0;padding:0;transition:all .2s;width:18px}.home-status-entry:hover .home-status-entry-delete{opacity:1}.home-status-entry-delete:hover{background:#0000000f;color:#c0392b}.home-status-empty{color:#90949c;font-size:11px;font-style:italic;margin:0;padding:10px 0;text-align:center}.home-status-modal-overlay{align-items:center;animation:hsmoFadeIn .15s ease;background:#0000008c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@keyframes hsmoFadeIn{0%{opacity:0}to{opacity:1}}.home-status-modal{animation:hsmoSlide .18s ease;background:#fff;border-radius:4px;box-shadow:0 8px 32px #00000047;font-family:Lucida Grande,Tahoma,Verdana,Arial,sans-serif;max-width:460px;overflow:hidden;width:100%}@keyframes hsmoSlide{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.home-status-modal-header{align-items:center;background:linear-gradient(180deg,#69c,#47a);border-bottom:1px solid #3b5998;display:flex;justify-content:space-between;padding:12px 16px}.home-status-modal-header h2{color:#fff;font-size:14px;font-weight:700;letter-spacing:.3px;margin:0;text-transform:uppercase}.home-status-modal-close{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:15px;height:26px;justify-content:center;padding:0;transition:background .2s;width:26px}.home-status-modal-close:hover{background:#ffffff4d}.home-status-modal-body{max-height:65vh;overflow-y:auto;padding:14px}.home-status-modal-composer{border-bottom:1px solid #e5e5e5;margin-bottom:14px;padding-bottom:12px}.home-status-slots-label{color:#606770;display:block;font-size:10px;margin-bottom:6px}.home-status-modal-list{display:flex;flex-direction:column;gap:8px}.home-status-modal-entry{align-items:flex-start;background:#f6f7f9;border:1px solid #e9ebee;border-radius:4px;display:flex;gap:10px;padding:10px 12px;transition:background .15s}.home-status-modal-entry:hover{background:#eef0f3}.home-status-modal-icon{flex-shrink:0;font-size:16px;padding-top:1px}.home-status-modal-entry-body{flex:1 1;min-width:0}.home-status-modal-time{color:#47a;font-size:11px;font-weight:700;margin-bottom:3px}.home-status-modal-text{word-wrap:break-word;color:#1c1e21;font-size:13px;line-height:1.5}.home-status-modal-delete{align-self:flex-start;background:none;border:none;border-radius:3px;color:#90949c;cursor:pointer;flex-shrink:0;font-size:15px;padding:2px 4px;transition:all .2s}.home-status-modal-delete:hover{background:#c0392b14;color:#c0392b}.home-toast{animation:toastIn .25s ease,toastOut .3s ease 3.2s forwards;border-radius:4px;box-shadow:0 4px 14px #0000002e;font-family:Tahoma,Verdana,Arial,sans-serif;font-size:13px;font-weight:600;left:50%;max-width:420px;min-width:220px;padding:10px 20px;pointer-events:none;position:fixed;text-align:center;top:70px;transform:translateX(-50%);z-index:9999}.home-toast--info{background:#47a;color:#fff}.home-toast--success{background:#2d7a2d;color:#fff}.home-toast--error{background:#c0392b;color:#fff}.suggestions-empty{color:#90949c;font-size:12px;margin:0;padding:12px;text-align:center}.requests-empty{color:#90949c;font-size:11px;font-style:italic;padding:20px;text-align:center}.lf-strip{background:#fff;border:1px solid #d3d6db;border-radius:4px;border-top:3px solid #47a;margin-bottom:12px;padding:10px 14px 12px}.lf-strip-label{align-items:center;display:flex;gap:6px;margin-bottom:10px}.lf-strip-icon{color:#47a;flex-shrink:0;font-size:13px}.lf-strip-title{color:#3b5998;font-size:12px;font-weight:700}.lf-strip-sub,.lf-strip-title{font-family:Tahoma,Verdana,Arial,sans-serif}.lf-strip-sub{color:#90949c;font-size:11px}.lf-strip-pills{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.lf-pill{align-items:center;background:#f6f7f9;border:1px solid #ccd0d5;border-radius:3px;color:#4b4f56;cursor:pointer;display:inline-flex;font-family:Tahoma,Verdana,Arial,sans-serif;font-size:11.5px;font-weight:600;gap:5px;padding:5px 12px;transition:background .15s,border-color .15s,color .15s,transform .1s;white-space:nowrap}.lf-pill:hover{background:#e9ebee;color:#47a;color:var(--lf-color,#47a)}.lf-pill--active,.lf-pill:hover{border-color:#47a;border-color:var(--lf-color,#47a)}.lf-pill--active{background:#47a;background:var(--lf-color,#47a);color:#fff!important;transform:scale(1.03)}.lf-pill-emoji{font-size:13px;line-height:1}.lf-pill--all{background:none;border:1px solid #ccd0d5;color:#3b5998;font-weight:700;margin-left:2px}.lf-pill--all:hover{background:#f0f7ff;border-color:#47a;color:#47a}@media (max-width:480px){.lf-strip{padding:10px 10px 12px}.lf-strip-sub{display:none}.lf-pill{font-size:11px;padding:5px 9px}}:root{--blue-primary:#3b5998;--blue-light:#69c;--blue-dark:#2d4373;--green:#42b72a;--red:#e41e3f;--orange:#ff9800;--surface-secondary:#f6f7f9;--border:#d3d6db;--text-secondary:#4b4f56;--text-muted:#90949c;--radius-md:8px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #0000001a;--transition:0.18s ease}.toast-container{gap:8px;left:50%;max-width:calc(100vw - 32px);transform:translateX(-50%)}.toast{animation:toast-in .25s cubic-bezier(.34,1.56,.64,1) both;background:#1c1e21;background:var(--text-primary);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);font-size:13px;gap:8px;min-width:220px}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-success{background:#2e7d32}.toast-error{background:#c62828}.toast-info{background:#1565c0}.toast-icon{font-size:15px}.skeleton{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5 50%,#e8e8e8 75%);border-radius:4px;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-item{align-items:center;display:flex;gap:12px;padding:10px 8px}.skeleton-avatar{border-radius:4px;flex-shrink:0;height:50px;width:50px}.skeleton-lines{display:flex;flex:1 1;flex-direction:column;gap:6px}.skeleton-line{height:12px}.skeleton-line-long{width:70%}.skeleton-line-short{width:45%}.loading-skeleton{gap:20px;padding:20px}.skeleton-section{display:flex;flex-direction:column;gap:10px}.skeleton-title{height:20px}.skeleton-row{border-radius:8px;border-radius:var(--radius-md);height:48px;width:100%}.section-error{color:#90949c;color:var(--text-muted);font-size:13px;padding:16px;text-align:center}.section-error button{background:none;border:none;color:#3b5998;color:var(--blue-primary);cursor:pointer;font-weight:600;margin-left:8px;text-decoration:underline}.menu-page{background-color:#ddd9d9;font-family:Tahoma,Verdana,Arial,sans-serif;min-height:100vh;padding:70px 0 20px}.menu-container{margin:0 auto;max-width:680px;padding:0 12px}.menu-header{align-items:center;background:#fff;background:var(--surface);border:1px solid #d3d6db;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.back-btn{background:#f6f7f9;background:var(--surface-secondary);color:#4b4f56;color:var(--text-secondary);min-height:36px;padding:6px 12px;transition:background .18s ease}.back-btn:hover{background:#e9ebee}.menu-header h1{color:#1c1e21;color:var(--text-primary);flex:1 1;font-size:18px;font-weight:700;margin:0}.menu-card{background:#fff;background:var(--surface);border:1px solid #d3d6db;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);margin-bottom:16px;overflow:hidden}.menu-section-header{align-items:center;background:#f6f7f9;background:var(--surface-secondary);border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:10px 12px}.menu-section-header h4{align-items:center;color:#4b4f56;color:var(--text-secondary);display:flex;font-size:13px;font-weight:700;gap:6px;margin:0}.gradient-header{background:linear-gradient(180deg,#69c,#47a);border-bottom:1px solid #3b5998}.gradient-header h4{color:#fff}.see-all-link{color:#3b5998;color:var(--blue-primary);font-size:11px;font-weight:600;text-decoration:none}.gradient-header .see-all-link{color:#fff}.see-all-link:hover{text-decoration:underline}.header-icon{font-size:14px}.user-profile-card{padding:12px}.user-profile-mini{align-items:center;display:flex;gap:10px}.profile-info-mini{flex:1 1;min-width:0}.profile-name-mini{font-size:13px;font-weight:700;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-name-mini,.view-profile-link{color:#3b5998;color:var(--blue-primary)}.view-profile-link{font-size:11px;text-decoration:none}.view-profile-link:hover{text-decoration:underline}.nav-menu{display:flex;flex-direction:column}.nav-item{align-items:center;color:#4b4f56;color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;gap:10px;min-height:44px;padding:10px 12px;position:relative;text-decoration:none;transition:background .18s ease;transition:background var(--transition)}.nav-item:hover{background:#f6f7f9;background:var(--surface-secondary)}.nav-item:active{background:#e9ebee}.nav-icon{font-size:18px;text-align:center;width:24px}.nav-badge{background:#e41e3f;background:var(--red);border-radius:10px;color:#fff;font-size:10px;font-weight:700;margin-left:auto;min-width:18px;padding:2px 6px;text-align:center}.anonymous-post-card{border:none;box-shadow:0 4px 12px #667eea4d}.anonymous-content{padding:16px}.anonymous-illustration{margin-bottom:16px;text-align:center}.mask-icon{display:block;font-size:48px;margin-bottom:8px}.anonymous-tagline{color:#1c1e21;color:var(--text-primary);font-size:12px;line-height:1.4;margin:0}.btn-anonymous-post{background:#f0ecec;border:none;border-radius:6px;box-shadow:0 2px 8px #00000026;color:#667eea;cursor:pointer;font-size:12px;font-weight:700;min-height:44px;padding:10px;transition:all .3s;width:100%}.btn-anonymous-post:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.btn-anonymous-post:active{transform:translateY(0)}.anonymous-features{background-color:#f0ecec;border-top:1px solid #ffffff4d;display:flex;justify-content:space-around;margin-top:12px;padding-top:12px}.feature-item{align-items:center;display:flex;flex-direction:column;gap:4px}.feature-icon{font-size:18px}.feature-text{color:#1c1e21;color:var(--text-primary);font-size:10px;font-weight:600}.requests-card{padding:0}.requests-list{padding:4px 8px}.request-item{align-items:center;border-radius:3px;color:#4b4f56;color:var(--text-secondary);display:flex;font-size:12px;gap:8px;margin:2px 0;min-height:44px;padding:10px 8px;text-decoration:none;transition:background .18s ease;transition:background var(--transition)}.request-item:hover{background:#f0f2f5}.request-item:active{background:#e9ebee}.request-icon{flex-shrink:0;font-size:16px}.request-text{flex:1 1;font-weight:600}.online-count{background:#42b72a;background:var(--green);border-radius:10px;color:#fff;font-size:11px;font-weight:700;margin-left:6px;padding:2px 8px}.online-friends-list{padding:8px}.friend-item{align-items:center;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:10px;min-height:44px;padding:8px;transition:background .18s ease;transition:background var(--transition)}.friend-item:hover{background:#f6f7f9;background:var(--surface-secondary)}.friend-item:active{background:#e9ebee}.online-indicator{background:#42b72a;background:var(--green);bottom:0;height:10px;right:0;width:10px}.friend-info{flex:1 1;min-width:0}.friend-name{color:#1c1e21;color:var(--text-primary);font-size:13px;font-weight:600;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-status{color:#90949c;color:var(--text-muted);font-size:11px;margin:0}.suggestions-list{padding:8px}.suggestion-item{align-items:flex-start;border-radius:4px;border-radius:var(--radius-sm);display:flex;gap:10px;margin-bottom:8px;padding:8px;position:relative;transition:background .18s ease;transition:background var(--transition)}.suggestion-item:hover{background:#f6f7f9;background:var(--surface-secondary)}.suggestion-info{flex:1 1;min-width:0}.suggestion-name-cont{color:#3b5998;color:var(--blue-primary);display:block;font-size:13px;font-weight:700;margin:0 0 2px}.suggestion-mutuals{color:#90949c;color:var(--text-muted);display:block;font-size:11px;margin:0 0 6px}.btn-add-friend{background:#f6f7f9;background:var(--surface-secondary);border:1px solid #ccd0d5;border-radius:3px;color:#4b4f56;color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:700;min-height:30px;padding:5px 12px;transition:background .18s ease;transition:background var(--transition)}.btn-add-friend:hover{background:#e9ebee}.btn-add-friend:active{background:#d8dadf}.btn-add-friend:disabled{cursor:not-allowed;opacity:.6}.btn-close-suggestion{align-items:center;background:none;border:none;color:#90949c;color:var(--text-muted);cursor:pointer;display:flex;font-size:20px;justify-content:center;line-height:1;min-height:32px;min-width:32px;padding:4px 8px;position:absolute;right:4px;top:4px}.btn-close-suggestion:hover{color:#4b4f56;color:var(--text-secondary)}.trending-list{padding:8px 12px}.trending-item{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:10px 0}.trending-item:last-child{border-bottom:none}.trending-tag{color:#3b5998;color:var(--blue-primary);font-size:13px;font-weight:700}.trending-count{color:#90949c;color:var(--text-muted);font-size:11px}.empty-state{color:var(--text-muted);font-size:12px;font-style:italic;padding:20px}.settings-subpage{background-color:#ddd9d9;font-family:Tahoma,Verdana,Arial,sans-serif;padding:70px 0 40px}.settings-subpage-container{max-width:680px;padding:0 12px}.breadcrumb{color:#90949c;color:var(--text-muted);font-size:12px;gap:6px;margin-bottom:12px}.breadcrumb a{color:#3b5998;color:var(--blue-primary)}.breadcrumb a:hover{text-decoration:underline}.breadcrumb-separator{color:#90949c;color:var(--text-muted)}.breadcrumb-current{color:#4b4f56;color:var(--text-secondary);font-weight:600}.subpage-header{background:#fff;background:var(--surface);border:1px solid #d3d6db;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);margin-bottom:16px;padding:16px}.subpage-header h1{color:#1c1e21;color:var(--text-primary);font-size:20px;gap:8px;margin:0 0 4px}.subpage-header p{color:#90949c;color:var(--text-muted);font-size:13px}.unsaved-banner{background:#fff8e1;border:1px solid #ffe082;color:#f57c00;font-size:12px;margin-top:10px;padding:8px 12px}.alert,.unsaved-banner{border-radius:4px;border-radius:var(--radius-sm);font-weight:600}.alert{align-items:center;animation:slide-in .2s ease;font-size:13px;margin-bottom:16px;padding:12px 16px}@keyframes slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.alert-success{background:#e8f5e9;border:1px solid #4caf50;color:#2e7d32}.alert-error{background:#ffebee;border:1px solid #ef9a9a;color:#c62828}.alert-info{background:#e3f2fd;border:1px solid #90caf9;color:#1565c0}.alert-close{min-height:28px;min-width:28px;opacity:.7;padding:0 4px}.settings-section{background:var(--surface);border:1px solid #d3d6db;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);overflow:hidden;padding:0}fieldset.settings-section{border:1px solid #d3d6db;border:1px solid var(--border)}.section-header{background:#f6f7f9;background:var(--surface-secondary);border-bottom:1px solid #d3d6db;border-bottom:1px solid var(--border);flex-direction:column;gap:4px;padding:10px 16px}.section-header h2{color:#4b4f56;color:var(--text-secondary);font-size:14px;font-weight:700;gap:6px;margin:0}.section-icon{font-size:15px}.section-description{color:#90949c;color:var(--text-muted);font-size:12px}.privacy-options{padding:12px 16px}.privacy-option{align-items:flex-start;gap:16px}.option-info h3{color:#1c1e21;color:var(--text-primary);font-size:13px;gap:5px;margin:0 0 4px}.option-icon{font-size:14px}.option-info p{color:#90949c;color:var(--text-muted);font-size:12px;margin:0 0 4px}.privacy-explanation{color:#4b4f56;color:var(--text-secondary);font-size:12px}.field-warning{background:#fff3e0;border-radius:4px;border-radius:var(--radius-sm);color:#e65100;font-size:11px;font-weight:600;margin-top:4px;padding:4px 8px}.privacy-select{background:#fff;background:var(--surface);border:1px solid #ccd0d5;border-radius:4px;border-radius:var(--radius-sm);color:#1c1e21;color:var(--text-primary);font-size:13px;min-width:155px;padding:7px 10px;transition:border-color .18s ease;transition:border-color var(--transition)}.privacy-select:hover{border-color:#3b5998;border-color:var(--blue-primary)}.privacy-select:focus{outline:2px solid #3b5998;outline:2px solid var(--blue-primary);outline-offset:1px}.ceiling-box{border-radius:var(--radius-md);padding:14px}.ceiling-box h4{margin:0 0 8px}.ceiling-box p{font-size:12px;line-height:1.6;margin:0 0 6px}.ceiling-box p:last-child{margin:0}.ceiling-ok{background:#e8f5e9;border:2px solid #4caf50}.ceiling-ok h4{color:#2e7d32}.ceiling-warning{background:#fff3e0;border:2px solid #ff9800;border:2px solid var(--orange)}.ceiling-warning h4{color:#e65100}.privacy-summary{background:#f8f9fa}.summary-grid{display:flex;flex-direction:column;gap:8px;padding:12px 16px}.summary-row{font-size:13px;justify-content:space-between}.summary-label{color:#4b4f56;color:var(--text-secondary)}.summary-value{color:#1c1e21;color:var(--text-primary)}.summary-warning{color:#e65100;font-weight:600}.form-actions{flex-wrap:wrap;gap:10px;padding:8px 0 20px}.btn-primary{background:#3b5998;background:var(--blue-primary);border-radius:4px;border-radius:var(--radius-sm);font-weight:700;min-height:40px;padding:10px 22px;transition:background .18s ease,opacity .18s ease;transition:background var(--transition),opacity var(--transition)}.btn-primary:hover{background:#2d4373;background:var(--blue-dark)}.btn-primary:disabled{opacity:.55}.btn-secondary{border:1px solid #d3d6db;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#4b4f56;color:var(--text-secondary);min-height:40px;padding:10px 18px;transition:background .18s ease;transition:background var(--transition)}.btn-secondary:hover{background:#f6f7f9;background:var(--surface-secondary)}.btn-secondary:disabled{opacity:.55}@media (max-width:768px){.menu-page,.settings-subpage{padding:60px 0 20px}.menu-container,.settings-subpage-container{padding:0 10px}.menu-header h1{font-size:16px}}@media (max-width:599px){.menu-page,.settings-subpage{padding:55px 0 75px}.nav-item{font-size:14px;padding:12px}.nav-icon{font-size:20px}.privacy-option{flex-direction:column}.privacy-select{min-width:0;width:100%}.form-actions{justify-content:stretch}.btn-primary,.btn-secondary{flex:1 1;text-align:center}}@media (max-width:480px){.menu-container,.settings-subpage-container{padding:0 8px}.menu-card{margin-bottom:12px}.friend-item,.suggestion-item{padding:6px}.btn-anonymous-post{font-size:13px;padding:12px}}@media (max-width:374px){.back-btn{font-size:12px;padding:5px 10px}.menu-header h1{font-size:15px}.nav-item{font-size:13px;padding:10px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.menu-page,.settings-subpage{padding-bottom:max(80px,calc(80px + env(safe-area-inset-bottom)))}}@media (hover:none) and (pointer:coarse){.friend-item,.nav-item,.request-item,.suggestion-item{padding:12px}.back-btn,.btn-add-friend,.btn-primary,.btn-secondary{min-height:44px}}@media (max-width:767px) and (orientation:landscape){.menu-page,.settings-subpage{padding:50px 0 20px}.anonymous-illustration{margin-bottom:12px}.mask-icon{font-size:36px}}.wall-wall-page{background-color:#e8e8e8;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding-top:20px}.wall-wall-container{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:240px 1fr 300px;margin:0 auto;max-width:1400px;padding:0 20px}.wall-sidebar-card{background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 1px 3px #00000014;margin-bottom:16px;overflow:hidden}.wall-wall-sidebar-header{align-items:center;background:#f8f8f8;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;padding:10px 12px}.wall-wall-sidebar-header h4{align-items:center;color:#333;display:flex;font-size:13px;font-weight:600;gap:6px;margin:0}.wall-see-all-link{color:#2a5db0;font-size:11px;font-weight:600;text-decoration:none}.wall-see-all-link:hover{text-decoration:underline}.wall-sidebar-left{-ms-overflow-style:none;align-self:start;max-height:calc(100vh - 100px);overflow-y:auto;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:80px}.wall-sidebar-left::-webkit-scrollbar{display:none}.wall-user-profile-mini{align-items:center;display:flex;gap:10px;padding:12px}.wall-profile-avatar-small{align-items:center;border:2px solid #e0e0e0;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:50px;justify-content:center;width:50px}.wall-profile-info-mini{flex:1 1;min-width:0}.wall-profile-name-mini{color:#2a5db0;font-size:14px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wall-view-profile-link{color:#2a5db0;font-size:11px;text-decoration:none}.wall-view-profile-link:hover{text-decoration:underline}.wall-nav-menu{display:flex;flex-direction:column;padding:8px 0}.wall-nav-item{align-items:center;border-radius:4px;color:#555;display:flex;font-size:13px;font-weight:500;gap:10px;padding:9px 12px;position:relative;text-decoration:none;transition:background .2s}.wall-nav-item:hover{background:#f5f5f5}.wall-nav-item.wall-active{background:#e6eef8;color:#2a5db0}.wall-nav-icon{font-size:16px;text-align:center;width:20px}.wall-nav-badge{background:#dc3545;border-radius:10px;color:#fff;font-size:10px;font-weight:700;margin-left:auto;padding:2px 6px}.wall-wall-main{max-width:600px}.wall-wall-header{background:#69c;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:14px 18px}.wall-wall-title{color:#fff;font-size:19px;font-weight:700;letter-spacing:.3px;margin:0 0 4px}.wall-wall-subtitle{color:#fffffff2;font-size:12px;font-weight:400;margin:0}.wall-wall-feed{display:flex;flex-direction:column;gap:8px}.wall-mini-feed-item{align-items:flex-start;background:#fff;border:1px solid #d5d5d5;border-radius:6px;display:flex;gap:12px;margin-bottom:2px;padding:14px 16px;transition:all .2s}.wall-mini-feed-item:hover{background:#fafafa;box-shadow:0 1px 3px #00000014}.wall-mini-icon{align-items:center;background:#f3f3f3;border-radius:6px;display:flex;flex-shrink:0;font-size:19px;height:32px;justify-content:center;width:32px}.wall-mini-content{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.wall-mini-header{color:#222;font-size:13px;line-height:1.5}.wall-mini-user{color:#2a5db0;font-weight:600;text-decoration:none}.wall-mini-user:hover{text-decoration:underline}.wall-mini-action{color:#333;font-weight:400}.wall-mini-highlight{color:#222;font-weight:600}.wall-mini-time{color:#888;font-size:11px;margin-top:4px}.wall-mini-photo-album{background:#f8f8f8;border:1px solid #ddd;border-radius:6px;margin-top:10px;padding:12px}.wall-mini-album-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:10px}.wall-mini-album-thumb{background:#fff;border:1px solid #ddd;border-radius:4px;flex-shrink:0;height:85px;overflow:hidden;width:85px}.wall-mini-album-thumb img{display:block;height:100%;object-fit:cover;width:100%}.wall-mini-album-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.wall-mini-album-title{color:#2a5db0;font-size:14px;font-weight:600;line-height:1.3}.wall-mini-album-title:hover{text-decoration:underline}.wall-mini-album-count{color:#555;font-size:12px}.wall-mini-album-by{color:#888;font-size:12px}.wall-mini-photo-grid{border-top:1px solid #e8e8e8;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:10px}.wall-mini-photo-item{aspect-ratio:4/3;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;max-width:150px;min-width:100px;overflow:hidden;transition:transform .2s;width:calc(25% - 6px)}.wall-mini-photo-item:hover{transform:scale(1.03)}.wall-mini-photo-item img{display:block;height:100%;object-fit:cover;width:100%}.wall-mini-post-text{background:#fff;border:1px solid #e8e8e8;border-radius:4px;color:#333;font-size:13px;line-height:1.5;margin-top:8px;padding:8px}.wall-loading-state{align-items:center;background:#fff;border:1px solid #d5d5d5;border-radius:6px;color:#888;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.wall-spinner{animation:wall-fb-spin .8s linear infinite;border:4px solid #e8e8e8;border-radius:50%;border-top-color:#4a7bc8;height:40px;margin-bottom:12px;width:40px}@keyframes wall-fb-spin{to{transform:rotate(1turn)}}.wall-loading-state p{font-size:14px;margin:0}.wall-empty-state{background:#fff;border:1px solid #d5d5d5;border-radius:6px;color:#555;padding:60px 20px;text-align:center}.wall-empty-icon{font-size:64px;margin-bottom:16px}.wall-empty-state h3{color:#222;font-size:19px;font-weight:600;margin:0 0 8px}.wall-empty-state p{color:#888;font-size:14px;line-height:1.4;margin:0 0 20px}.wall-btn-find-friends{background:#4a7bc8;border-radius:6px;color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:10px 22px;text-decoration:none;transition:background .2s}.wall-btn-find-friends:hover{background:#3a6bb8}.wall-loading{align-items:center;color:#555;display:flex;font-size:16px;justify-content:center;min-height:100vh}.wall-sidebar-right{-ms-overflow-style:none;align-self:start;max-height:calc(100vh - 100px);overflow-y:auto;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:80px}.wall-sidebar-right::-webkit-scrollbar{display:none}.wall-requests-list{padding:4px 8px}.wall-request-item{align-items:center;border-radius:4px;color:#555;display:flex;font-size:13px;gap:8px;margin:2px 0;padding:9px 8px;text-decoration:none;transition:background .2s}.wall-request-item:hover{background:#f5f5f5}.wall-request-icon{flex-shrink:0;font-size:15px}.wall-request-text{flex:1 1;font-weight:500}.wall-load-more-container{align-items:center;display:flex;flex-direction:column;gap:12px;padding:24px 0}.wall-load-more-btn{align-items:center;background:#4a7bc8;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;min-width:150px;padding:11px 26px;transition:all .2s ease}.wall-load-more-btn:hover:not(:disabled){background:#3a6bb8}.wall-load-more-btn:active:not(:disabled){transform:scale(.98)}.wall-load-more-btn:disabled{cursor:not-allowed;opacity:.7}.wall-load-more-spinner{animation:wall-fb-spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}.wall-end-feed{align-items:center;background:#fff;border:1px solid #d5d5d5;border-radius:6px;display:flex;flex-direction:column;margin-top:8px;padding:40px 20px;text-align:center}.wall-end-icon{font-size:48px;margin-bottom:12px}.wall-end-feed p{color:#222;font-size:15px;font-weight:600;margin:0 0 6px}.wall-end-subtext{color:#888;font-size:13px;font-weight:400}@media (max-width:1200px){.wall-wall-container{gap:16px;grid-template-columns:200px 1fr 280px}}@media (max-width:992px){.wall-wall-container{grid-template-columns:1fr}.wall-sidebar-left,.wall-sidebar-right{display:none}.wall-wall-main{max-width:100%}}@media (max-width:768px){.wall-wall-page{padding-top:10px}.wall-wall-container{padding:0 10px}.wall-mini-feed-item{padding:12px 14px}.wall-mini-icon{font-size:17px;height:28px;width:28px}.wall-mini-album-thumb{height:70px;width:70px}.wall-wall-header{padding:12px 16px}.wall-wall-title{font-size:17px}.wall-wall-subtitle{font-size:11px}}.wall-toast{animation:wallToastIn .25s ease,wallToastOut .3s ease 3.2s forwards;border-radius:4px;box-shadow:0 4px 14px #0000002e;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:600;left:50%;max-width:420px;min-width:220px;padding:10px 20px;pointer-events:none;position:fixed;text-align:center;top:70px;transform:translateX(-50%);z-index:9999}.wall-toast--info{background:#47a;color:#fff}.wall-toast--success{background:#2d7a2d;color:#fff}.wall-toast--error{background:#c0392b;color:#fff}@keyframes wallToastIn{0%{opacity:0;transform:translateX(-50%) translateY(-12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes wallToastOut{0%{opacity:1}to{opacity:0}}.wall-error-state{align-items:center;background:#fff;border:1px solid #d5d5d5;border-radius:6px;display:flex;flex-direction:column;gap:14px;padding:48px 24px;text-align:center}.wall-error-state p{color:#c0392b;font-size:14px;font-weight:600;margin:0}.wall-retry-btn{background:#4a7bc8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:8px 24px;transition:opacity .2s}.wall-retry-btn:hover{opacity:.88}.wall-requests-empty{color:#90949c;font-size:11px;font-style:italic;padding:20px;text-align:center}.friend-requests-container{background:#fff;border:2px solid #69c;border-radius:4px;box-shadow:0 3px 6px #00000026;padding:20px;position:relative}.tabs{background:linear-gradient(180deg,#e8f2ff,#d0e8ff);border-bottom:3px solid #69c;display:flex;gap:0;margin-bottom:20px}.tab{background:#f5f5f5;border:2px solid #69c;border-bottom:none;border-right:none;color:#47a;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;padding:12px 24px;position:relative;transition:background .15s,color .15s}.tab:first-child{border-radius:4px 0 0 0}.tab:last-child{border-radius:0 4px 0 0;border-right:2px solid #69c}.tab:hover{background:#e8f2ff;color:#2d5a88}.tab.active{background:#fff;border-bottom:3px solid #fff;color:#2d5a88;margin-bottom:-3px;z-index:1}.tab:focus-visible{outline:2px solid #2d5a88;outline-offset:-2px}.badge{align-items:center;background:#47a;border-radius:10px;color:#fff;display:inline-flex;font-size:11px;justify-content:center;margin-left:6px;min-width:20px;padding:1px 7px}.requests-list{gap:15px}.requests-list h2{color:#2d5a88;font-size:16px;font-weight:600;margin:0 0 4px}.request-card{background:linear-gradient(180deg,#f9fbff,#f0f6ff);border:2px solid #c8ddf0;border-radius:4px;padding:16px;transition:border-color .15s,box-shadow .15s}.request-card:hover{border-color:#69c;box-shadow:0 2px 8px #69c3}.request-avatar{align-items:center;background:linear-gradient(135deg,#69c,#47a);border:2px solid #58b;border-radius:4px;color:#fff;contain:layout style;cursor:pointer;display:flex;flex-shrink:0;font-size:22px;font-weight:700;height:54px;justify-content:center;overflow:hidden;width:54px}.request-avatar:focus-visible{outline:2px solid #2d5a88;outline-offset:2px}.request-info{flex:1 1;min-width:0}.request-info h3{color:#2d5a88;font-size:16px;font-weight:600;margin:0 0 4px}.request-info h3,.request-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-info p{color:#666;font-size:13px;margin:0 0 6px}.request-time{color:#888;display:block;font-size:11px;font-style:italic}.status-badge{border:1px solid;border-radius:3px;font-size:11px;font-weight:600;margin-bottom:4px;padding:3px 10px}.status-pending{background:#fff9e6;border-color:#fc6;color:#960}.request-actions{flex-shrink:0}.request-actions button{border:2px solid;border-radius:3px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;min-width:70px;padding:8px 16px;transition:background .15s,transform .1s}.request-actions button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.request-actions button:focus-visible{outline:2px solid #2d5a88;outline-offset:2px}.btn-accept{background:linear-gradient(180deg,#7d7,#5b5);border-color:#4a4;color:#fff}.btn-accept:hover:not(:disabled){background:linear-gradient(180deg,#6c6,#4a4);transform:translateY(-1px)}.btn-reject{background:linear-gradient(180deg,#f77,#d55);border-color:#c44;color:#fff}.btn-reject:hover:not(:disabled){background:linear-gradient(180deg,#f66,#c44);transform:translateY(-1px)}.btn-cancel{background:linear-gradient(180deg,#999,#777);border-color:#666;color:#fff}.btn-cancel:hover:not(:disabled){background:linear-gradient(180deg,#888,#666);transform:translateY(-1px)}.no-requests{background:#f9fbff;border:2px dashed #c8ddf0;border-radius:4px;color:#69c;font-size:16px;font-style:italic;padding:40px;text-align:center}.no-requests p{color:#47a;font-size:15px;font-style:normal;font-weight:600;margin:8px 0 4px}.no-requests small{color:#888;font-size:12px}.empty-icon-req{font-size:40px}.fr-loading{align-items:center;color:#47a;display:flex;flex-direction:column;font-size:15px;font-weight:600;gap:14px;justify-content:center;min-height:200px}.fr-spinner{animation:fr-spin .75s linear infinite;border:3px solid #c8ddf0;border-radius:50%;border-top-color:#47a;height:38px;width:38px}@keyframes fr-spin{to{transform:rotate(1turn)}}.fr-toast-stack{display:flex;flex-direction:column;gap:8px;max-width:300px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.fr-toast{animation:fr-toast-in .25s ease,fr-toast-out .3s ease 3.2s forwards;border-radius:5px;box-shadow:0 4px 12px #0000002e;color:#fff;font-size:13px;font-weight:600;padding:11px 16px}.fr-toast--success{background:#1e6b36}.fr-toast--error{background:#a52020}.fr-toast--info{background:#1a3f70}@keyframes fr-toast-in{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}@keyframes fr-toast-out{0%{opacity:1}to{opacity:0;transform:translateX(20px)}}.fr-confirm-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:9998}.fr-confirm{background:#fff;border:2px solid #69c;border-radius:6px;box-shadow:0 8px 24px #0003;max-width:360px;min-width:280px;padding:24px 28px;text-align:center}.fr-confirm p{color:#2d5a88;font-size:15px;font-weight:600;line-height:1.4;margin-bottom:18px}.fr-confirm-actions{display:flex;gap:10px;justify-content:center}.fr-confirm-no,.fr-confirm-yes{border:2px solid;border-radius:4px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:9px 28px;transition:background .15s,transform .1s}.fr-confirm-yes{background:linear-gradient(180deg,#f77,#d55);border-color:#c44;color:#fff}.fr-confirm-yes:hover{background:linear-gradient(180deg,#f66,#c44);transform:translateY(-1px)}.fr-confirm-no{background:#f5f5f5;border-color:#ccc;color:#444}.fr-confirm-no:hover{background:#e8e8e8;transform:translateY(-1px)}@media (max-width:768px){.request-card{align-items:flex-start;flex-direction:column;gap:12px}.request-actions{width:100%}.request-actions button,.tab{flex:1 1}.tab{font-size:14px;padding:10px 16px;text-align:center}.fr-toast-stack{left:8px;max-width:100%;right:8px;top:10px}}.friends-list-container{margin:0 auto;max-width:900px;padding:30px 20px;position:relative}.friends-header{border-radius:4px 4px 0 0;padding:15px 20px}.friends-header h2{font-size:20px;font-weight:600;margin:0;text-shadow:1px 1px 2px #0000004d}.friends-count{font-size:14px;margin-left:8px;opacity:.9}.fl-loading{align-items:center;color:#47a;display:flex;flex-direction:column;font-size:15px;font-weight:600;gap:14px;justify-content:center;min-height:200px}.fl-spinner{animation:fl-spin .75s linear infinite;border:3px solid #c8ddf0;border-radius:50%;border-top-color:#47a;height:38px;width:38px}@keyframes fl-spin{to{transform:rotate(1turn)}}.no-friends{background:#fff;border:2px solid #69c;border-top:none;color:#69c;padding:40px 20px;text-align:center}.no-friends p{color:#666;font-size:14px;margin:6px 0}.no-friends p:first-child{color:#47a;font-size:16px;font-weight:600}.friends-list{background:#fff;border:2px solid #69c;border-radius:0 0 4px 4px;border-top:none}.friends-list-header{background:linear-gradient(180deg,#e8f2ff,#d0e8ff);border-bottom:2px solid #69c;color:#2d5a88;font-size:13px;font-weight:600;padding:12px 20px;text-transform:uppercase}.friend-row,.friends-list-header{grid-gap:15px;display:grid;gap:15px;grid-template-columns:60px 1fr 200px 100px 120px}.friend-row{align-items:center;background:#fff;border-bottom:1px solid #e0e8f0;padding:15px 20px;transition:background .15s,border-left .15s,opacity .2s}.friend-row:nth-child(2n){background:#f9fbff}.friend-row:hover{background:#e8f2ff;border-left:4px solid #69c;padding-left:16px}.friend-row:last-child{border-bottom:none;border-radius:0 0 4px 4px}.friend-row--removing{opacity:.5;pointer-events:none}.friend-avatar-small{align-items:center;background:linear-gradient(135deg,#69c,#47a);border:2px solid #58b;border-radius:4px;box-shadow:0 2px 4px #00000026;color:#fff;contain:layout style;display:flex;font-size:20px;font-weight:600;height:50px;justify-content:center;overflow:hidden;width:50px}.friend-avatar-small:focus-visible{outline:2px solid #2d5a88;outline-offset:2px}.friend-name-cell{display:flex;flex-direction:column;gap:3px}.friend-name-cell h3{color:#2d5a88;font-size:15px;font-weight:600;margin:0}.friend-name-cell p{color:#888;font-size:12px;margin:0}.friend-email-cell{color:#666;font-size:13px;word-break:break-word}.friend-gender-cell{align-items:center;background:#e8f2ff;border:1px solid #c8ddf0;border-radius:3px;color:#47a;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;padding:5px 12px;text-transform:capitalize;width:-webkit-fit-content;width:fit-content}.btn-remove-small{background:linear-gradient(180deg,#f77,#d55);border:2px solid #c44;border-radius:3px;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:6px 12px;transition:background .15s,transform .1s;white-space:nowrap}.btn-remove-small:hover:not(:disabled){background:linear-gradient(180deg,#f66,#c44);border-color:#b33;transform:translateY(-1px)}.btn-remove-small:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-remove-small:focus-visible{outline:2px solid #2d5a88;outline-offset:2px}.fl-toast-stack{display:flex;flex-direction:column;gap:8px;max-width:300px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.fl-toast{animation:fl-toast-in .25s ease,fl-toast-out .3s ease 3.2s forwards;border-radius:5px;box-shadow:0 4px 12px #0000002e;color:#fff;font-size:13px;font-weight:600;padding:11px 16px}.fl-toast--success{background:#1e6b36}.fl-toast--error{background:#a52020}.fl-toast--info{background:#1a3f70}@keyframes fl-toast-in{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}@keyframes fl-toast-out{0%{opacity:1}to{opacity:0;transform:translateX(20px)}}.fl-confirm-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:9998}.fl-confirm{background:#fff;border:2px solid #69c;border-radius:6px;box-shadow:0 8px 24px #0003;max-width:360px;min-width:280px;padding:24px 28px;text-align:center}.fl-confirm p{color:#2d5a88;font-size:15px;font-weight:600;line-height:1.4;margin-bottom:18px}.fl-confirm-actions{display:flex;gap:10px;justify-content:center}.fl-confirm-no,.fl-confirm-yes{border:2px solid;border-radius:4px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:9px 28px;transition:background .15s,transform .1s}.fl-confirm-yes{background:linear-gradient(180deg,#f77,#d55);border-color:#c44;color:#fff}.fl-confirm-yes:hover{background:linear-gradient(180deg,#f66,#c44);transform:translateY(-1px)}.fl-confirm-no{background:#f5f5f5;border-color:#ccc;color:#444}.fl-confirm-no:hover{background:#e8e8e8;transform:translateY(-1px)}@media (max-width:968px){.friends-list-header{display:none}.friend-row{gap:12px;grid-template-columns:50px 1fr;padding:15px}.friend-row:hover{padding-left:11px}.friend-avatar-small{font-size:18px;height:45px;width:45px}.friend-email-cell{font-size:12px;grid-column:2}.friend-gender-cell{font-size:11px;grid-column:2;padding:4px 10px}.friend-action-cell{grid-column:2;margin-top:6px}.btn-remove-small{font-size:13px;padding:8px 12px;width:100%}.fl-toast-stack{left:8px;max-width:100%;right:8px;top:10px}}@media (max-width:576px){.friends-list-container{padding:20px 10px}.friends-header{padding:12px 15px}.friends-header h2{font-size:18px}.friend-row{padding:12px}}.friends-page{margin:0 auto;max-width:1000px;padding:30px 20px}.friends-header{background:linear-gradient(180deg,#69c,#47a);border:2px solid #2d5a88;border-radius:4px;box-shadow:0 3px 6px #0003;color:#fff;margin-bottom:20px;padding:20px 25px}.friends-header h1{font-size:26px;font-weight:600;margin:0 0 8px;text-shadow:2px 2px 3px #0000004d}.friends-header p{color:#e8f2ff;font-size:14px;margin:0;opacity:.95}.friends-nav{background:linear-gradient(180deg,#e8f2ff,#d0e8ff);border:2px solid #69c;border-bottom:none;border-radius:4px 4px 0 0;display:flex;gap:0;margin-bottom:0;padding:0}.nav-btn{align-items:center;background:#f5f5f5;border:none;border-right:2px solid #69c;color:#47a;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:15px 20px;position:relative;transition:all .2s ease}.nav-btn:first-child{border-radius:4px 0 0 0}.nav-btn:last-child{border-radius:0 4px 0 0;border-right:none}.nav-btn:hover:not(.active){background:#e8f2ff;color:#2d5a88}.nav-btn.active{background:#fff;border-bottom:3px solid #fff;box-shadow:inset 0 3px 5px #6699cc1a;color:#2d5a88;margin-bottom:-2px;z-index:1}.friends-content{background:#fff;border:2px solid #69c;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 3px 6px #0000001a;min-height:400px;padding:25px}@media (max-width:768px){.friends-page{padding:20px 15px}.friends-header{margin-bottom:15px;padding:15px 20px}.friends-header h1{font-size:22px}.friends-header p{font-size:13px}.nav-btn{flex-direction:column;font-size:14px;gap:5px;padding:12px 15px}.friends-content{padding:20px 15px}}@media (max-width:576px){.friends-page{padding:15px 10px}.friends-header{padding:12px 15px}.friends-header h1{font-size:20px}.friends-header p{font-size:12px}.nav-btn{font-size:13px;gap:3px;padding:10px}.friends-content{padding:15px}}.friends-content>*{animation:fadeIn .3s ease}:root{--primary:#344e88;--primary-light:#4a67a8;--primary-dark:#243660;--accent:#6c8ee8;--accent-glow:#6c8ee859;--success:#22c55e;--success-bg:#22c55e1a;--error:#ef4444;--error-bg:#ef44441a;--warning:#f97316;--warning-bg:#f973161a;--info:#6c8ee8;--info-bg:#6c8ee81a;--bg:#0d1117;--bg-card:#111827eb;--bg-input:#ffffff0a;--bg-input-focus:#6c8ee814;--border:#ffffff14;--border-focus:#6c8ee899;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--radius:14px;--transition:0.22s cubic-bezier(0.4,0,0.2,1)}.fp-wrapper{align-items:center;background:#0d1117;background:var(--bg);display:flex;font-family:Sora,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:24px 16px;position:relative}.fp-bg{inset:0;pointer-events:none;position:fixed;z-index:0}.blob{animation:blobFloat 12s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.18;position:absolute}.blob-1{animation-delay:0s;background:radial-gradient(circle,#344e88 0,#0000 70%);height:520px;left:-160px;top:-160px;width:520px}.blob-2{animation-delay:-5s;background:radial-gradient(circle,#6c8ee8 0,#0000 70%);bottom:-100px;height:400px;right:-100px;width:400px}.blob-3{animation-delay:-9s;background:radial-gradient(circle,#243660 0,#0000 70%);height:300px;left:50%;top:50%;transform:translate(-50%,-50%);width:300px}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,30px) scale(.96)}}.fp-card{animation:cardIn .5s cubic-bezier(.34,1.2,.64,1) both;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#111827eb;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:24px;box-shadow:0 0 0 1px #ffffff0a,0 24px 64px #00000080,0 0 80px #344e881f;max-width:460px;padding:40px 36px 32px;position:relative;width:100%;z-index:1}@keyframes cardIn{0%{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.fp-header{margin-bottom:28px;text-align:center}.fp-icon{align-items:center;background:linear-gradient(135deg,#344e88,#6c8ee8);background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:16px;box-shadow:0 8px 24px #344e8866;display:flex;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.fp-icon svg{color:#fff;height:26px;width:26px}.fp-title{color:#f1f5f9;color:var(--text-primary);font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}.fp-subtitle{color:#94a3b8;color:var(--text-secondary);font-size:.875rem;line-height:1.5;word-break:break-word}.fp-steps{justify-content:center;margin-bottom:28px}.fp-step,.fp-steps{align-items:center;display:flex}.fp-step{flex-direction:column;gap:6px}.fp-step-dot{align-items:center;background:#ffffff0a;background:var(--bg-input);border:2px solid #ffffff14;border:2px solid var(--border);border-radius:50%;color:#475569;color:var(--text-muted);display:flex;font-size:.8rem;font-weight:600;height:32px;justify-content:center;transition:.22s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:32px}.fp-step-dot svg{height:14px;width:14px}.fp-step.active .fp-step-dot{background:linear-gradient(135deg,#344e88,#6c8ee8);background:linear-gradient(135deg,var(--primary),var(--accent));border-color:#6c8ee8;border-color:var(--accent);box-shadow:0 0 16px #6c8ee859;box-shadow:0 0 16px var(--accent-glow);color:#fff}.fp-step.done .fp-step-dot{background:#22c55e;background:var(--success);border-color:#22c55e;border-color:var(--success);color:#fff}.fp-step span{color:#475569;color:var(--text-muted);font-size:.72rem;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.fp-step.active span{color:#6c8ee8;color:var(--accent)}.fp-step-line{background:#ffffff14;background:var(--border);flex:1 1;height:2px;margin:0 8px 22px;max-width:64px}.fp-rate-banner{align-items:center;animation:fadeSlideIn .25s ease;background:#f973161a;background:var(--warning-bg);border:1px solid #f973164d;border-radius:8px;border-radius:var(--radius-sm);color:#f97316;color:var(--warning);display:flex;font-size:.82rem;font-weight:500;gap:8px;margin-bottom:16px;padding:12px 14px}.fp-rate-banner svg{flex-shrink:0;height:15px;width:15px}.fp-form{gap:18px}.fp-field,.fp-form{display:flex;flex-direction:column}.fp-field{gap:6px}.fp-label{color:#94a3b8;color:var(--text-secondary);font-size:.82rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.fp-input-wrap{position:relative}.fp-input-icon,.fp-input-wrap{align-items:center;display:flex}.fp-input-icon{color:#475569;color:var(--text-muted);left:14px;pointer-events:none;position:absolute;transition:color .22s cubic-bezier(.4,0,.2,1);transition:color var(--transition);z-index:1}.fp-input-icon svg{height:17px;width:17px}.fp-input{-webkit-appearance:none;appearance:none;background:#ffffff0a;background:var(--bg-input);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#f1f5f9;color:var(--text-primary);font-family:Sora,sans-serif;font-size:.92rem;outline:none;padding:13px 14px 13px 44px;transition:.22s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.fp-input::placeholder{color:#475569;color:var(--text-muted);font-size:.875rem}.fp-input:focus{background:#6c8ee814;background:var(--bg-input-focus);border-color:#6c8ee899;border-color:var(--border-focus);box-shadow:0 0 0 3px #6c8ee81f}.fp-input-wrap:focus-within .fp-input-icon{color:#6c8ee8;color:var(--accent)}.fp-input.fp-match{border-color:#22c55e80}.fp-input.fp-no-match{border-color:#ef444480}.fp-input:disabled{cursor:not-allowed;opacity:.5}.fp-eye-btn{align-items:center;background:none;border:none;border-radius:4px;color:#475569;color:var(--text-muted);cursor:pointer;display:flex;padding:6px;position:absolute;right:12px;transition:color .22s cubic-bezier(.4,0,.2,1),background .22s cubic-bezier(.4,0,.2,1);transition:color var(--transition),background var(--transition);z-index:1}.fp-eye-btn:hover{background:#6c8ee814;color:#6c8ee8;color:var(--accent)}.fp-eye-btn:focus-visible{outline:2px solid #6c8ee8;outline:2px solid var(--accent);outline-offset:2px}.fp-eye-btn svg{height:17px;width:17px}.fp-code-input{font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:600;letter-spacing:.25em;padding-left:44px;padding-right:14px;text-align:center}.fp-token-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.fp-hint{color:#475569;color:var(--text-muted);font-size:.78rem}.fp-match-hint{font-size:.78rem;font-weight:500}.fp-match-ok{color:#22c55e;color:var(--success)}.fp-match-err{color:#ef4444;color:var(--error)}.fp-resend-btn{background:none;border:none;color:#6c8ee8;color:var(--accent);cursor:pointer;flex-shrink:0;font-family:Sora,sans-serif;font-size:.78rem;font-weight:600;padding:2px 0;text-decoration:underline;text-underline-offset:2px;transition:color .22s cubic-bezier(.4,0,.2,1),opacity .22s cubic-bezier(.4,0,.2,1);transition:color var(--transition),opacity var(--transition)}.fp-resend-btn:hover:not(:disabled){color:#4a67a8;color:var(--primary-light)}.fp-resend-btn--wait,.fp-resend-btn:disabled{color:#475569;color:var(--text-muted);cursor:default;opacity:.7;text-decoration:none}.fp-resend-btn:focus-visible{border-radius:3px;outline:2px solid #6c8ee8;outline:2px solid var(--accent);outline-offset:2px}.fp-strength{align-items:center;display:flex;gap:10px;margin-top:2px}.fp-strength-bars{display:flex;flex:1 1;gap:4px}.fp-strength-bar{background:#ffffff14;background:var(--border);border-radius:99px;flex:1 1;height:4px;transition:background .3s ease}.fp-strength-label{font-size:.74rem;font-weight:600;letter-spacing:.02em;min-width:68px;text-align:right;transition:color .3s}.fp-captcha-row{align-items:center;display:flex;gap:10px}.fp-captcha-box{background:linear-gradient(135deg,#1a1f2e,#141926);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);flex-shrink:0;min-width:96px;overflow:hidden;padding:10px 18px;position:relative;text-align:center;-webkit-user-select:none;user-select:none}.fp-captcha-text{color:#6c8ee8;color:var(--accent);display:inline-block;font-family:JetBrains Mono,monospace;font-size:1.4rem;font-weight:700;letter-spacing:.22em;position:relative;text-shadow:0 0 12px #6c8ee859;text-shadow:0 0 12px var(--accent-glow);transform:skew(-3deg);z-index:1}.fp-captcha-noise{inset:0;pointer-events:none;position:absolute}.fp-noise-line{background:#6c8ee826;display:block;height:1px;position:absolute;width:110%}.fp-captcha-refresh{align-items:center;background:#ffffff0a;background:var(--bg-input);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:center;transition:.22s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:38px}.fp-captcha-refresh:hover{background:#6c8ee81a;border-color:#6c8ee899;border-color:var(--border-focus);color:#6c8ee8;color:var(--accent);transform:rotate(90deg)}.fp-captcha-refresh:focus-visible{outline:2px solid #6c8ee8;outline:2px solid var(--accent);outline-offset:2px}.fp-captcha-refresh svg{height:16px;width:16px}.fp-captcha-input{flex:1 1;font-family:JetBrains Mono,monospace;font-size:1rem;letter-spacing:.15em;padding-left:14px;text-align:center}.fp-btn{align-items:center;background:linear-gradient(135deg,#344e88,#6c8ee8);background:linear-gradient(135deg,var(--primary),var(--accent));border:none;border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 4px 20px #344e8859;color:#fff;cursor:pointer;display:flex;font-family:Sora,sans-serif;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;letter-spacing:.02em;margin-top:4px;overflow:hidden;padding:14px;position:relative;transition:.22s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.fp-btn:before{background:linear-gradient(135deg,#ffffff1a,#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .22s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition)}.fp-btn:hover:not(:disabled){box-shadow:0 8px 28px #344e8880;transform:translateY(-2px)}.fp-btn:hover:not(:disabled):before{opacity:1}.fp-btn:active:not(:disabled){transform:translateY(0)}.fp-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.fp-btn:focus-visible{outline:2px solid #6c8ee8;outline:2px solid var(--accent);outline-offset:3px}.fp-spinner{animation:spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;flex-shrink:0;height:16px;width:16px}.fp-back{margin-top:22px;text-align:center}.fp-back-link{align-items:center;border-radius:6px;color:#94a3b8;color:var(--text-secondary);display:inline-flex;font-size:.875rem;font-weight:500;gap:6px;padding:4px 8px;text-decoration:none;transition:color .22s cubic-bezier(.4,0,.2,1);transition:color var(--transition)}.fp-back-link:hover{color:#6c8ee8;color:var(--accent)}.fp-back-link:focus-visible{outline:2px solid #6c8ee8;outline:2px solid var(--accent);outline-offset:2px}.fp-back-link svg{height:15px;transition:transform .22s cubic-bezier(.4,0,.2,1);transition:transform var(--transition);width:15px}.fp-back-link:hover svg{transform:translateX(-3px)}.fp-toast-container{display:flex;flex-direction:column;gap:10px;max-width:360px;pointer-events:none;position:fixed;right:20px;top:20px;width:calc(100vw - 40px);z-index:9999}.fp-toast{align-items:flex-start;animation:toastIn .3s cubic-bezier(.34,1.3,.64,1) both;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #0000;border-radius:10px;box-shadow:0 8px 24px #00000059;display:flex;font-size:.875rem;font-weight:500;gap:10px;line-height:1.45;padding:13px 14px;pointer-events:all}.fp-toast--success{background:#111827f0;border-color:#22c55e4d;color:#dcfce7}.fp-toast--success .fp-toast-icon{color:#22c55e;color:var(--success)}.fp-toast--error{background:#111827f0;border-color:#ef44444d;color:#fee2e2}.fp-toast--error .fp-toast-icon{color:#ef4444;color:var(--error)}.fp-toast--warning{background:#111827f0;border-color:#f973164d;color:#ffedd5}.fp-toast--warning .fp-toast-icon{color:#f97316;color:var(--warning)}.fp-toast--info{background:#111827f0;border-color:#6c8ee84d;color:#e0e7ff}.fp-toast--info .fp-toast-icon{color:#6c8ee8;color:var(--info)}.fp-toast-icon{align-items:center;display:flex;flex-shrink:0;margin-top:1px}.fp-toast-icon svg{height:16px;width:16px}.fp-toast-msg{flex:1 1}.fp-toast-close{align-items:center;background:none;border:none;border-radius:4px;color:currentColor;cursor:pointer;display:flex;flex-shrink:0;margin-top:1px;opacity:.5;padding:2px;transition:opacity .22s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition)}.fp-toast-close:hover{opacity:1}.fp-toast-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.fp-toast-close svg{height:13px;width:13px}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.fp-card{border-radius:18px;padding:28px 20px 24px}.fp-title{font-size:1.35rem}.fp-captcha-row{flex-wrap:wrap}.fp-captcha-box{min-width:80px}.fp-toast-container{right:12px;top:12px;width:calc(100vw - 24px)}}@media (prefers-reduced-motion:reduce){.blob,.fp-captcha-refresh:hover,.fp-card,.fp-toast{animation:none;transform:none;transition:none}.fp-back-link:hover svg,.fp-btn:hover:not(:disabled){transform:none}}:root{--brand:#4267b2;--brand-dark:#365899;--brand-light:#e7f3ff;--surface-2:#f5f6f7;--surface-3:#f0f2f5;--border:#dddfe2;--border-dark:#ccd0d5;--text-primary:#1c1e21;--text-muted:#606770;--text-faint:#90949c;--success:#48bb78;--warning:#f59e0b;--danger:#ef4444;--support-red:#e63946;--relate-orange:#f77f00;--radius-sm:4px;--radius:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #00000014;--shadow:0 2px 8px #0000001a;--shadow-lg:0 8px 24px #00000024;--transition:150ms ease;--page-max:860px}.confessions-page{background:#dddad5;color:#1c1e21;color:var(--text-primary);font-family:Segoe UI,system-ui,sans-serif;min-height:100vh;padding:20px 0 60px}.confessions-container{margin:0 auto;max-width:860px;max-width:var(--page-max);padding:0 16px}.confessions-header{align-items:center;background:#fff;background:var(--surface);border:1px solid #dddfe2;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 1px 2px #00000014;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px;padding:12px 18px}.header-left{flex:1 1;gap:12px;min-width:0}.header-title{color:#1c1e21;color:var(--text-primary);font-size:18px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-btn{background:#f5f6f7;background:var(--surface-2);border:1px solid #ccd0d5;border:1px solid var(--border-dark);border-radius:4px;border-radius:var(--radius-sm);color:#606770;color:var(--text-muted);flex-shrink:0;font-size:12px;padding:7px 14px;transition:background .15s ease;transition:background var(--transition);white-space:nowrap}.back-btn:hover{background:#e4e6eb}.post-btn{align-items:center;background:#4267b2;background:var(--brand);border:1px solid #365899;border:1px solid var(--brand-dark);border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:700;gap:6px;padding:7px 16px;transition:background .15s ease;transition:background var(--transition);white-space:nowrap}.post-btn:hover{background:#365899;background:var(--brand-dark)}.post-btn kbd{background:#fff3;border-radius:3px;font-family:monospace;font-size:10px;padding:1px 5px}.daily-limits{background:#fff;background:var(--surface);border:1px solid #dddfe2;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 1px 2px #00000014;box-shadow:var(--shadow-sm);color:#606770;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:12px;gap:20px;margin-bottom:12px;padding:10px 18px}.limit-item{align-items:center;display:flex;font-weight:500;gap:6px}.limit-hit{color:#ef4444;color:var(--danger);font-weight:700}.guidelines-banner{align-items:flex-start;background:#fffaf0;border:1px solid #fed7aa;border-radius:4px;border-radius:var(--radius-sm);display:flex;gap:12px;margin-bottom:12px;padding:12px 18px}.banner-icon{flex-shrink:0;font-size:24px}.banner-content h3{color:#824a00;font-size:13px;font-weight:700;margin:0 0 5px}.banner-content p{color:#824a00;font-size:12px;line-height:1.6;margin:0}.filters-card{background:#fff;background:var(--surface);border:1px solid #dddfe2;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 1px 2px #00000014;box-shadow:var(--shadow-sm);margin-bottom:14px;padding:14px 18px}.filters-grid{grid-gap:14px;gap:14px;grid-template-columns:1fr 1fr}.filter-group label{display:block;font-weight:600;margin-bottom:6px}.filter-group label,.filter-select{color:#1c1e21;color:var(--text-primary);font-size:13px}.filter-select{background:#fff;background:var(--surface);border:1px solid #ccd0d5;border:1px solid var(--border-dark);border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;padding:8px 10px;transition:border-color .15s ease;transition:border-color var(--transition);width:100%}.filter-select:focus{border-color:#4267b2;border-color:var(--brand);outline:none}.loading-container{background:#fff;background:var(--surface);border:1px solid #dddfe2;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 1px 2px #00000014;box-shadow:var(--shadow-sm);padding:60px 20px;text-align:center}.loading-text{color:#606770;color:var(--text-muted);font-size:14px;margin:14px 0 0}.loading-spinner{animation:spin .7s linear infinite;border:3px solid #dddfe2;border-top-color:#4267b2;border-top-color:var(--brand);height:36px;margin:0 auto;width:36px}.loading-spinner.small{border-width:2px;height:20px;width:20px}.loading-more{align-items:center;color:#606770;color:var(--text-muted);display:flex;gap:10px;justify-content:center;padding:20px}.scroll-sentinel{height:40px}.end-of-feed{color:#90949c;color:var(--text-faint);font-size:13px;padding:20px;text-align:center}.empty-state{border:1px solid #dddfe2;border-radius:var(--radius-sm);box-shadow:0 1px 2px #00000014;padding:70px 20px}.empty-icon-ano{font-size:56px;margin-bottom:16px}.empty-title{color:#1c1e21;color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 10px}.empty-description{color:#606770;color:var(--text-muted);font-size:14px;margin:0}.confession-card{background:#fff;background:var(--surface);border:1px solid #dddfe2;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 1px 2px #00000014;box-shadow:var(--shadow-sm);contain:layout style;margin-bottom:14px;overflow:hidden;will-change:transform}.confession-header{border-bottom:1px solid #e9ebee;display:flex;gap:10px;justify-content:space-between;padding:12px 16px}.confession-user-info{align-items:flex-start;display:flex;flex:1 1;gap:12px;min-width:0}.user-avatar{background:linear-gradient(180deg,#5d7083,#47a);font-size:20px;height:40px;width:40px}.user-details{flex:1 1;min-width:0}.user-details h4{color:#385898;font-size:14px;font-weight:600;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.meta-badge{background:#e9ebee;border-radius:3px;color:#606770;color:var(--text-muted);font-size:11px;font-weight:600;padding:2px 7px;white-space:nowrap}.meta-badge.college{background:#dff0d8;color:#3c763d}.meta-badge.branch{background:#e8daef;color:#7b2d82}.meta-badge.friends{background:#f2dede;color:#a94442}.meta-badge.expire{background:#fcf8e3;color:#8a6d3b}.confession-time{color:#90949c;color:var(--text-faint);cursor:default;font-size:12px;margin:0}.report-select{background:#f5f6f7;background:var(--surface-2);border:1px solid #ccd0d5;border:1px solid var(--border-dark);border-radius:4px;border-radius:var(--radius-sm);color:#606770;color:var(--text-muted);cursor:pointer;font-size:12px;padding:5px 8px}.report-select:focus{border-color:#4267b2;border-color:var(--brand);outline:none}.confession-content{padding:14px 16px}.confession-text{color:#1c1e21;color:var(--text-primary);font-size:14px;line-height:1.6;margin:0;overflow-wrap:anywhere;word-break:break-word}.confession-image{border:1px solid #dddfe2;border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 2px #00000014;box-shadow:var(--shadow-sm);cursor:pointer;display:block;margin-top:12px;max-height:200px;max-width:200px;object-fit:cover;transition:transform .15s ease,box-shadow .15s ease;transition:transform var(--transition),box-shadow var(--transition)}.confession-image:hover{box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);transform:scale(1.04)}.voting-container{border-bottom:1px solid #e9ebee;border-top:1px solid #e9ebee;display:flex;gap:4px;padding:10px 14px}.vote-btn{background:#f5f6f7;background:var(--surface-2);border:1px solid #ccd0d5;border:1px solid var(--border-dark);border-radius:4px;border-radius:var(--radius-sm);color:#606770;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:12px;font-weight:600;overflow:hidden;padding:7px 10px;text-align:center;text-overflow:ellipsis;transition:background .15s ease,transform .15s ease;transition:background var(--transition),transform var(--transition);white-space:nowrap}.vote-btn:hover{background:#e4e6eb;transform:translateY(-1px)}.vote-btn.active.support{background:#fff5f5;border:2px solid #e63946;border:2px solid var(--support-red);color:#e63946;color:var(--support-red)}.vote-btn.active.relate{background:#fff8f0;border:2px solid #f77f00;border:2px solid var(--relate-orange);color:#f77f00;color:var(--relate-orange)}.vote-btn.reply-btn{background:#4267b2;background:var(--brand);border-color:#365899;border-color:var(--brand-dark);color:#fff}.vote-btn.reply-btn:hover{background:#365899;background:var(--brand-dark)}.replies-section{background:#f5f6f7;background:var(--surface-2);border-top:1px solid #e9ebee;padding:14px 16px}.reply-input-container{margin-bottom:14px}.reply-textarea{border:1px solid #ccd0d5;border:1px solid var(--border-dark);border-radius:4px;border-radius:var(--radius-sm);font-family:inherit;font-size:13px;margin-bottom:8px;min-height:70px;padding:10px;resize:vertical;transition:border-color .15s ease;transition:border-color var(--transition);width:100%}.reply-textarea:focus{border-color:#4267b2;border-color:var(--brand);outline:none}.reply-options{background:#fff;background:var(--surface);border:1px solid #dddfe2;border:1px solid var(--border);border-radius:6px;margin:8px 0;padding:8px 12px}.reply-anonymous-toggle{align-items:center;display:flex;gap:10px}.reply-option-label{color:#1c1e21;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;-webkit-user-select:none;user-select:none}.reply-actions{display:flex;justify-content:flex-end}.reply-submit-btn{background:#4267b2;background:var(--brand);border:1px solid #365899;border:1px solid var(--brand-dark);border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:7px 18px;transition:background .15s ease;transition:background var(--transition);white-space:nowrap}.reply-submit-btn:hover:not(:disabled){background:#365899;background:var(--brand-dark)}.reply-submit-btn:disabled{background:#b4b8bb;border-color:#8a8d91;cursor:not-allowed;opacity:.5}.replies-list{display:flex;flex-direction:column;gap:10px}.reply-item{background:#fff;background:var(--surface);border:1px solid #dddfe2;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);display:flex;gap:10px;padding:10px 12px}.reply-item.named-reply{background:#f0f8ff;border-left:3px solid #4267b2;border-left:3px solid var(--brand)}.reply-avatar{align-items:center;background:linear-gradient(135deg,#a8b3d9,#b8a8d9);border-radius:50%;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.reply-avatar.named{background:linear-gradient(135deg,#4267b2,#365899);background:linear-gradient(135deg,var(--brand),var(--brand-dark))}.reply-content{flex:1 1;min-width:0}.reply-username{align-items:center;color:#385898;display:flex;flex-wrap:wrap;font-size:13px;font-weight:600;gap:6px;margin:0 0 4px}.named-badge{background:#4267b2;background:var(--brand);border-radius:3px;color:#fff;display:inline-block;font-size:10px;font-weight:700;padding:1px 6px}.reply-text{color:#1c1e21;color:var(--text-primary);font-size:13px;line-height:1.5;margin:0 0 4px;word-break:break-word}.reply-time{font-size:11px;margin:0}.no-replies,.reply-time{color:#90949c;color:var(--text-faint)}.no-replies{background:#fff;background:var(--surface);border:1px solid #dddfe2;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);font-size:13px;padding:20px;text-align:center}.modal-overlay{background:#000000b8;overflow-y:auto}.modal-content{animation:slideUp .2s ease;border-radius:8px;box-shadow:0 8px 24px #00000024;margin:auto;max-width:560px}.modal-header{border-bottom:1px solid #dddfe2;z-index:10}.modal-title{color:#1c1e21;color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.modal-close-btn{align-items:center;background:#f0f2f5;background:var(--surface-3);border:none;border-radius:50%;color:#65676b;cursor:pointer;display:flex;flex-shrink:0;font-size:22px;height:36px;justify-content:center;line-height:1;margin-left:10px;transition:background .15s ease,color .15s ease;transition:background var(--transition),color var(--transition);width:36px}.modal-close-btn:hover{background:#e4e6eb;color:#1c1e21;color:var(--text-primary)}.anonymity-notice{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;border-radius:var(--radius);color:#fff;font-size:13px;font-weight:700;margin-bottom:16px;padding:11px 16px;text-align:center}.textarea-wrapper{margin-bottom:16px;position:relative}.post-textarea{border:1px solid #ccd0d5;border:1px solid var(--border-dark);border-radius:8px;border-radius:var(--radius);font-family:inherit;font-size:15px;line-height:1.5;min-height:110px;padding:12px;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.post-textarea:focus{border-color:#4267b2;border-color:var(--brand);box-shadow:0 0 0 2px #4267b21a;outline:none}.post-textarea.textarea-warn{border-color:#f59e0b;border-color:var(--warning)}.char-counter{bottom:10px;color:#90949c;color:var(--text-faint);font-size:11px;font-weight:500;pointer-events:none;position:absolute;right:12px}.char-counter.warn{color:#ef4444;color:var(--danger);font-weight:700}.image-upload-section{margin-bottom:18px}.image-upload-label{align-items:center;background:#f0f2f5;background:var(--surface-3);border:none;border-radius:8px;border-radius:var(--radius);color:#606770;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:9px 16px;transition:background .15s ease;transition:background var(--transition)}.image-upload-label:hover{background:#e4e6eb}.image-preview-container{display:inline-block;margin-top:10px;position:relative}.image-preview{border-radius:8px;border-radius:var(--radius);display:block;max-width:100%}.image-remove-btn{align-items:center;background:#000000bf;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:background .15s ease;transition:background var(--transition);width:32px}.image-remove-btn:hover{background:#000000eb}.visibility-section{margin-bottom:18px}.visibility-label{color:#1c1e21;color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:10px}.visibility-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.visibility-option{align-items:center;background:#fff;background:var(--surface);border-radius:var(--radius);flex-direction:column;justify-content:center;min-height:100px;padding:14px 10px;position:relative;text-align:center;transition:border-color .15s ease,background .15s ease,transform .15s ease;transition:border-color var(--transition),background var(--transition),transform var(--transition)}.visibility-option:hover{background:#f0f2f5;background:var(--surface-3);border-color:#ccd0d5;border-color:var(--border-dark);transform:translateY(-1px)}.visibility-option.active{background:#e7f3ff;background:var(--brand-light);border-color:#4267b2;border-color:var(--brand)}.visibility-option.active:after{align-items:center;background:#4267b2;background:var(--brand);border-radius:50%;color:#fff;content:"✓";display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;position:absolute;right:5px;top:5px;width:18px}.visibility-icon{font-size:26px;margin-bottom:5px}.visibility-name{color:#1c1e21;color:var(--text-primary);display:block;font-size:12px;font-weight:700;margin-bottom:2px}.visibility-desc{color:#606770;color:var(--text-muted);display:block;font-size:10px}.options-section{background:#f5f6f7;background:var(--surface-2);border:1px solid #dddfe2;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);margin-bottom:18px;padding:14px 16px}.option-item{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.option-item:last-child{margin-bottom:0}.option-checkbox{accent-color:#4267b2;accent-color:var(--brand);cursor:pointer;flex-shrink:0;height:18px;width:18px}.option-label{color:#1c1e21;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;-webkit-user-select:none;user-select:none}.option-badge{background:#d3f9d8;border-radius:4px;color:#2b7c2f;font-size:11px;font-weight:700;padding:3px 8px;white-space:nowrap}.option-info{align-items:center;background:#fffbeb;border:1px solid #fed7aa;border-radius:6px;display:flex;gap:8px;padding:9px 12px}.option-icon{flex-shrink:0;font-size:16px}.option-text{color:#92400e;font-size:13px;line-height:1.4}.warning-box{background:#fff9f0;border:1px solid #ffd591;border-left:4px solid #fa8c16;border-radius:8px;border-radius:var(--radius);margin-bottom:18px;padding:14px 16px}.warning-title{color:#874d00;font-size:13px;font-weight:700;margin:0 0 6px}.warning-text{color:#874d00;font-size:12px;line-height:1.6;margin:0}.modal-actions{flex-wrap:wrap}.modal-btn{border:none;border-radius:8px;border-radius:var(--radius);cursor:pointer;flex:1 1;font-size:15px;font-weight:700;min-width:120px;padding:11px 20px;transition:all .15s ease;transition:all var(--transition)}.modal-btn-cancel{background:#e4e6eb;color:#1c1e21;color:var(--text-primary)}.modal-btn-cancel:hover{background:#d8dadf}.modal-btn-primary{background:#4267b2;background:var(--brand);box-shadow:0 2px 6px #4267b24d;color:#fff}.modal-btn-primary:hover:not(:disabled){background:#365899;background:var(--brand-dark);box-shadow:0 4px 12px #4267b266;transform:translateY(-1px)}.modal-btn-primary:disabled{background:#bec3c9;box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.toast-stack{display:flex;flex-direction:column;gap:8px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.toast{animation:toastIn .25s ease,toastOut .3s ease 3.2s forwards;border-radius:8px;border-radius:var(--radius);box-shadow:0 8px 24px #00000024;box-shadow:var(--shadow-lg);font-weight:600;max-width:320px;word-break:break-word}.toast--success{background:#2d6a4f}.toast--error{background:#c0392b}.toast--info{background:#2c3e76}.confessions-footer{background:#fff;background:var(--surface);border:1px solid #dddfe2;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 1px 2px #00000014;box-shadow:var(--shadow-sm);margin-top:24px;padding:16px;text-align:center}.footer-text{color:#606770;color:var(--text-muted);font-size:12px;line-height:1.6;margin:0}:focus-visible{outline:2px solid #4267b2;outline:2px solid var(--brand)}@media (max-width:768px){.confessions-page{padding:10px 0 40px}.confessions-container{padding:0 10px}.header-title{font-size:15px}.filters-grid{gap:10px;grid-template-columns:1fr}.confession-header{flex-wrap:wrap;padding:10px 12px}.confession-user-info,.report-select{width:100%}.confession-content{padding:12px}.voting-container{flex-wrap:wrap;gap:6px;padding:8px 12px}.vote-btn{flex-basis:calc(50% - 3px);flex-grow:1;flex-shrink:1;font-size:11px}.vote-btn.reply-btn{flex:1 1 100%}.visibility-option{min-height:88px;padding:10px 6px}.modal-overlay{align-items:flex-start;padding:10px}.modal-actions{flex-direction:column}.modal-btn{min-width:auto;width:100%}.toast-stack{left:10px;right:10px;top:10px}.toast{max-width:100%}}@media (max-width:480px){.header-title{font-size:13px}.back-btn,.post-btn{font-size:11px;padding:6px 10px}.daily-limits{font-size:11px}.confession-text{font-size:13px}.visibility-icon{font-size:20px}.visibility-name{font-size:10px}.visibility-desc{font-size:9px}}@media print{.back-btn,.confessions-footer,.modal-overlay,.post-btn,.reply-input-container,.report-dropdown,.toast-stack,.voting-container{display:none!important}.confession-card{border:1px solid #ddd;box-shadow:none;page-break-inside:avoid}}:root{--c-green:#48bb78;--c-green-light:#68d391;--c-amber:#f59e0b;--c-orange:#f97316;--c-red:#ef4444;--c-blue:#667eea;--c-purple:#764ba2;--c-teal:#38a169;--c-dark:#1a202c;--c-grey:#6b7280;--bg:#f5f7fa;--card-bg:#fff;--border:#e5e7eb;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#999;--shadow:0 2px 12px #00000014}.admin-panel{background:#f5f7fa;background:var(--bg);font-family:Segoe UI,system-ui,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.toast{animation:toastIn .25s ease;max-width:360px}.toast-warn{background:#f59e0b}.toast-icon{flex-shrink:0;font-size:16px}.dialog-overlay{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.dialog-box{animation:slideUp .2s ease;background:#fff;border-radius:14px;box-shadow:0 20px 60px #00000040;max-width:420px;padding:32px 28px 24px;width:90%}.dialog-title{color:#1a1a1a;color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 12px}.dialog-message{color:#666;color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0 0 20px}.dialog-input{border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;margin-bottom:8px;padding:10px 14px;transition:border-color .2s;width:100%}.dialog-input:focus{border-color:#667eea;border-color:var(--c-blue);outline:none}.dialog-input.input-error{border-color:#ef4444;border-color:var(--c-red)}.dialog-input-error{color:#ef4444;color:var(--c-red);display:block;font-size:12px;margin-bottom:12px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.dialog-btn-cancel,.dialog-btn-confirm{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 22px;transition:all .2s}.dialog-btn-cancel{background:#f0f2f5;color:#1a1a1a;color:var(--text-primary)}.dialog-btn-cancel:hover{background:#e4e6eb}.dialog-btn-confirm{background:#667eea;background:var(--c-blue);color:#fff}.dialog-btn-confirm:hover{opacity:.9}.dialog-btn-confirm.danger{background:#ef4444;background:var(--c-red)}.dialog-btn-confirm.danger:hover{background:#b91c1c}.panel-header{align-items:center;background:#fff;background:var(--card-bg);border-radius:12px;border-radius:var(--radius);box-shadow:0 2px 12px #00000014;box-shadow:var(--shadow);display:flex;gap:16px;justify-content:space-between;margin-bottom:20px;padding:24px}.panel-title{color:#1a1a1a;color:var(--text-primary);font-size:26px;margin:0 0 6px}.panel-subtitle{color:#666;color:var(--text-secondary);font-size:14px;margin:0}.btn-refresh{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--c-blue) 0,var(--c-purple) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:opacity .2s;white-space:nowrap}.btn-refresh:hover:not(:disabled){opacity:.9}.btn-refresh:disabled{cursor:not-allowed;opacity:.6}.btn-refresh-sm{background:#f59e0b;background:var(--c-amber);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:20px}.stat-card{border-radius:var(--radius);color:#fff;padding:20px}.stat-label{font-weight:600;margin-bottom:6px;opacity:.9}.stat-value{font-size:32px}.stat-sub{font-size:11px;margin-top:4px;opacity:.8}.stat-amber{background:#f59e0b;background:var(--c-amber)}.stat-red{background:#ef4444;background:var(--c-red)}.stat-green{background:#48bb78;background:var(--c-green)}.stat-purple{background:#667eea;background:var(--c-blue)}.stat-dark{background:#1a202c;background:var(--c-dark)}.tabs-bar{background:#fff;background:var(--card-bg);border-radius:12px;border-radius:var(--radius);box-shadow:0 2px 12px #00000014;box-shadow:var(--shadow);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:12px}.tab-btn{background:#f5f5f5;border-radius:8px;color:#666;color:var(--text-secondary);font-size:14px;padding:10px 18px;transition:all .2s}.tab-btn:hover:not(.active){background:#ebebeb}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--c-blue) 0,var(--c-purple) 100%);box-shadow:0 2px 8px #667eea4d;color:#fff}.tab-btn.active.tab-amber{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--c-amber) 0,#d97706 100%);box-shadow:0 2px 8px #f59e0b66}.loading-state{background:#fff;background:var(--card-bg);border-radius:12px;border-radius:var(--radius);box-shadow:0 2px 12px #00000014;box-shadow:var(--shadow);padding:60px;text-align:center}.loading-spinner{border:4px solid #f0f2f5;border-top:4px solid var(--c-blue);margin:0 auto 16px}.access-error-card{background:#fff0f0;border:2px solid #fca5a5;border-radius:12px;border-radius:var(--radius);padding:60px 40px;text-align:center}.access-error-icon{display:block;font-size:64px;margin-bottom:20px}.access-error-card h2{color:#c00;margin:0 0 10px}.access-error-card p{color:#666;color:var(--text-secondary);margin:0 0 24px}.btn-primary{background:#667eea;background:var(--c-blue);border-radius:8px;font-size:14px;padding:12px 24px}.reports-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.reports-layout.has-sidebar{grid-template-columns:2fr 1fr}.report-card{background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 2px 12px #00000014;box-shadow:var(--shadow);margin-bottom:16px;padding:24px}.report-card.high-priority{border:3px solid #ef4444;border:3px solid var(--c-red)}.report-card-header{border-bottom:2px solid #f0f0f0;gap:16px;margin-bottom:16px;padding-bottom:16px}.report-id{color:#999;color:var(--text-muted);font-size:12px;margin-bottom:6px}.report-parties{align-items:center;color:#666;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:14px;gap:8px;margin-bottom:6px}.arrow,.report-date{color:#999;color:var(--text-muted)}.report-date{font-size:12px}.report-badges{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.btn-author{background:#e8eaf6;border:none;border-radius:6px;color:#667eea;color:var(--c-blue);cursor:pointer;font-size:13px;font-weight:600;padding:4px 10px}.badge{border-radius:6px;font-size:12px;font-weight:700;padding:5px 10px;white-space:nowrap}.badge-danger{background:#fee2e2;color:#dc2626}.badge-reason{background:#fff3cd;color:#856404}.badge-critical{background:#fee2e2;color:#dc2626;font-size:11px}.report-content-box{margin-bottom:20px}.report-content-label{color:#666;color:var(--text-secondary);font-size:11px;font-weight:700;margin-bottom:8px;text-transform:uppercase}.report-content-text{background:#f8f9fa;border-left:4px solid #ef4444;border-left:4px solid var(--c-red);border-radius:10px;color:#1a1a1a;color:var(--text-primary);font-size:14px;line-height:1.7;margin:0;padding:16px}.report-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.action-btn{border-radius:8px;color:#fff;font-weight:600;padding:11px;transition:opacity .2s,transform .1s}.action-btn:hover{opacity:.9;transform:translateY(-1px)}.action-btn:active{transform:translateY(0)}.action-dismiss{background:#48bb78;background:var(--c-green)}.action-warn{background:#f59e0b;background:var(--c-amber)}.action-restrict{background:#ef4444;background:var(--c-red)}.action-view{background:#6b7280;background:var(--c-grey)}.user-sidebar{background:#fff;background:var(--card-bg);border-radius:12px;border-radius:var(--radius);box-shadow:0 2px 12px #00000014;box-shadow:var(--shadow);max-height:90vh;overflow-y:auto;padding:24px;position:-webkit-sticky;position:sticky;top:20px}.sidebar-header{align-items:center;display:flex;justify-content:space-between}.sidebar-header h3{font-size:18px;margin:0}.sidebar-close{background:none;border:none;color:#999;color:var(--text-muted);cursor:pointer;font-size:26px;line-height:1;padding:0}.sidebar-section{border-bottom:2px solid #f0f0f0;margin-bottom:20px;padding-bottom:20px}.sidebar-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.user-field{margin-bottom:12px}.field-label{color:#999;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.field-value{color:#1a1a1a;color:var(--text-primary);font-size:16px;font-weight:700}.field-value.small{color:#666;color:var(--text-secondary);font-size:13px;font-weight:400}.trust-bar-wrapper{align-items:center;display:flex;gap:10px;margin-top:6px}.trust-bar-track{background:#f0f0f0;border-radius:5px;flex:1 1;height:10px;overflow:hidden}.trust-bar-fill{border-radius:5px;height:100%;transition:width .4s ease}.trust-bar-score{font-size:20px;font-weight:700;min-width:36px;text-align:right}.trust-label{font-size:12px;font-weight:700;margin-top:4px}.trust-excellent{color:#48bb78;color:var(--c-green)}.trust-good{color:#68d391;color:var(--c-green-light)}.trust-warning{color:#f59e0b;color:var(--c-amber)}.trust-restricted{color:#f97316;color:var(--c-orange)}.trust-banned{color:#ef4444;color:var(--c-red)}.stats-mini-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:8px}.mini-stat{border-radius:8px;padding:10px;text-align:center}.mini-stat-value{font-size:20px;font-weight:700}.mini-stat-label{color:#666;color:var(--text-secondary);font-size:11px}.mini-purple{background:#f0f4ff;.mini-stat-value{color:#667eea;color:var(--c-blue)}}.mini-green{background:#f0fdf4;.mini-stat-value{color:#48bb78;color:var(--c-green)}}.mini-red{background:#fef2f2;.mini-stat-value{color:#ef4444;color:var(--c-red)}}.mini-amber{background:#fffbeb;.mini-stat-value{color:#f59e0b;color:var(--c-amber)}}.mini-purple .mini-stat-value{color:#667eea;color:var(--c-blue)}.mini-green .mini-stat-value{color:#48bb78;color:var(--c-green)}.mini-red .mini-stat-value{color:#ef4444;color:var(--c-red)}.mini-amber .mini-stat-value{color:#f59e0b;color:var(--c-amber)}.admin-actions-stack{display:flex;flex-direction:column;gap:8px;margin-top:8px}.admin-action-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px;text-align:left;transition:opacity .2s;width:100%}.admin-action-btn:hover{opacity:.88}.btn-green{background:#48bb78;background:var(--c-green)}.btn-blue{background:#667eea;background:var(--c-blue)}.btn-amber{background:#f59e0b;background:var(--c-amber)}.btn-teal{background:#38a169;background:var(--c-teal)}.btn-green-light{background:#68d391}.btn-red{background:#dc2626}.activity-item{background:#f8f9fa;border-radius:6px;font-size:12px;margin-bottom:6px;padding:8px}.activity-type{color:#666;color:var(--text-secondary);font-weight:600;margin-bottom:2px}.activity-detail{color:#999;color:var(--text-muted)}.panel-section{background:#fff;background:var(--card-bg);border-radius:12px;border-radius:var(--radius);box-shadow:0 2px 12px #00000014;box-shadow:var(--shadow);padding:24px}.section-header{align-items:flex-start;gap:16px}.section-title{color:#1a1a1a;color:var(--text-primary);font-size:18px;margin:0 0 4px}.section-sub{color:#999;color:var(--text-muted);font-size:13px;margin:0}.user-list{display:flex;flex-direction:column;gap:12px}.user-card{background:#f8f9fa;border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:12px;border-radius:var(--radius);padding:20px;transition:border-color .2s}.user-card.critical{background:#fef2f2;border-color:#fecaca}.user-card.warning{background:#fffbeb;border-color:#fde68a}.user-card.banned-card{background:#fef2f2;border-color:#fecaca}.user-card-main{gap:20px;justify-content:space-between}.user-card-main,.user-name-row{align-items:center;display:flex}.user-name-row{flex-wrap:wrap;gap:10px;margin-bottom:8px}.user-name{color:#1a1a1a;font-size:16px;margin:0}.trust-badge{border-radius:20px;color:#fff;font-size:12px;font-weight:700;padding:3px 10px}.badge-red{background:#dc2626}.badge-amber{background:#f59e0b;background:var(--c-amber)}.badge-grey{background:#6b7280;background:var(--c-grey)}.user-stats-row{color:#666;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:13px;gap:16px;margin-top:8px}.user-quick-actions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px}.banned-card-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.ban-reason-box{background:#fff;border:1px solid #fecaca;border-radius:8px;margin-bottom:12px;padding:12px}.ban-reason-label{color:#991b1b;font-size:11px;font-weight:700;margin-bottom:4px}.ban-reason-text{color:#991b1b;font-size:14px;margin:0}.banned-card-footer{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.btn-view{background:#667eea;background:var(--c-blue);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;white-space:nowrap}.activity-log{display:flex;flex-direction:column}.log-item{padding:16px 0}.log-item.has-border{border-bottom:1px solid #f0f0f0}.log-item-header{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:8px}.log-user-action{align-items:center;display:flex;gap:8px}.log-username{font-size:14px;font-weight:600}.log-action{color:#666;color:var(--text-secondary);font-size:13px}.log-date{color:#999;color:var(--text-muted);font-size:12px}.log-detail{background:#f8f9fa;border-radius:6px;color:#666;color:var(--text-secondary);font-size:13px;padding:8px 12px}.log-preview{color:#999;color:var(--text-muted);font-size:12px;font-style:italic;margin-top:6px}.empty-state{color:#666;color:var(--text-secondary)}.empty-state span{display:block;font-size:64px;margin-bottom:16px}.empty-state h3{color:#1a1a1a}.panel-error-state{background:#fef2f2;border-radius:12px;border-radius:var(--radius);color:#666;color:var(--text-secondary);padding:40px;text-align:center}.panel-error-state span{display:block;font-size:48px;margin-bottom:12px}.panel-error-state button{background:#667eea;background:var(--c-blue);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:16px;padding:10px 20px}@media (max-width:900px){.reports-layout.has-sidebar{grid-template-columns:1fr}.user-sidebar{max-height:none;position:static}}@media (max-width:768px){.admin-panel{padding:12px}.panel-header{align-items:stretch;flex-direction:column}.btn-refresh{text-align:center;width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.report-card-header{flex-direction:column}.report-actions{grid-template-columns:1fr}.user-card-main{align-items:stretch;flex-direction:column}.user-quick-actions{justify-content:flex-start}.banned-card-footer{align-items:stretch}.banned-card-footer,.section-header{flex-direction:column}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr 1fr}.tabs-bar{gap:6px}.tab-btn{font-size:13px;padding:8px 12px}}.events-page{background-color:#f0f2f5;min-height:100vh;padding-bottom:40px}.events-container{margin:0 auto;max-width:1200px;padding:0 16px}.events-header{background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000001a;margin-bottom:20px;position:-webkit-sticky;position:sticky;top:60px;z-index:100}.events-header-content{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:16px 20px}.events-title-section{align-items:center;display:flex;gap:12px}.events-icon{align-items:center;background:linear-gradient(180deg,#69c,#47a);border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.events-header h1{color:#1c1e21;font-size:24px;font-weight:700;margin:0 0 4px}.events-header p{color:#65676b;font-size:13px;margin:0}.btn-create-event{align-items:center;background:linear-gradient(180deg,#69c,#47a);border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-create-event:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.events-filters{background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000001a;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:16px}.search-box{align-items:center;display:flex;flex:1 1;min-width:250px;position:relative}.search-box svg{color:#65676b;left:12px;pointer-events:none;position:absolute}.search-box input{border:1px solid #dddfe2;border-radius:8px;padding:10px 12px 10px 40px;transition:all .2s ease}.search-box input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{background:#f0f2f5;border:none;border-radius:8px;color:#1c1e21;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.filter-btn:hover{background:#e4e6eb}.filter-btn.active{background:linear-gradient(180deg,#69c,#47a);box-shadow:0 2px 8px #667eea4d;color:#fff}.category-select{background:#fff;border:1px solid #dddfe2;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.category-select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.events-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.event-card{background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000001a;cursor:pointer;overflow:hidden;transition:all .3s ease}.event-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.event-cover{background:linear-gradient(180deg,#69c,#47a);height:180px;overflow:hidden;position:relative;width:100%}.event-cover img{height:100%;object-fit:cover;width:100%}.event-cover-placeholder{align-items:center;color:#fff;display:flex;height:100%;justify-content:center;opacity:.5;width:100%}.event-category-badge{left:12px;position:absolute;top:12px}.event-category-badge span{border-radius:20px;color:#fff;font-size:11px;font-weight:600;padding:6px 12px;text-transform:capitalize}.event-ended-overlay{align-items:center;background:#0009;color:#fff;display:flex;font-size:16px;font-weight:600;inset:0;justify-content:center;position:absolute}.event-content{padding:16px}.event-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1c1e21;display:-webkit-box;font-size:16px;font-weight:700;margin:0 0 12px;overflow:hidden}.event-details{margin-bottom:12px}.event-detail-item{align-items:center;color:#65676b;display:flex;font-size:13px;gap:8px;margin-bottom:6px}.event-detail-item svg{flex-shrink:0}.event-detail-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-stats{display:flex;gap:16px;margin-bottom:12px}.event-stat{align-items:center;display:flex;font-size:13px;font-weight:600;gap:6px}.event-stat.going{color:#10b981}.event-stat.interested{color:#8b5cf6}.event-friends-going{align-items:center;background:#eff6ff;border-radius:6px;color:#3b82f6;display:flex;font-size:12px;gap:6px;margin-bottom:12px;padding:8px 12px}.event-actions{display:flex;gap:8px}.event-action-btn{align-items:center;background:#f0f2f5;border:none;border-radius:6px;color:#1c1e21;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px;transition:all .2s ease}.event-action-btn:hover{background:#e4e6eb}.event-action-btn.active-going{background:#10b981;color:#fff}.event-action-btn.active-interested{background:#8b5cf6;color:#fff}.event-delete-btn{flex:0 0 auto;padding:10px;width:40px}.event-delete-btn:hover{background:#fee2e2;color:#dc2626}.loading-spinner{display:flex;justify-content:center;padding:60px 0}.spinner{animation:spin .8s linear infinite;border:4px solid #f0f2f5;border-top-color:#667eea}.no-events{color:#65676b;padding:60px 20px;text-align:center}.no-events svg{color:#dddfe2;margin-bottom:16px}.no-events h3{color:#1c1e21;font-size:18px;font-weight:600;margin:0 0 8px}.no-events p{font-size:14px;margin:0}.modal-overlay{animation:fadeIn .2s ease}.modal-content{animation:slideUp .3s ease;max-width:600px}.modal-header{padding:20px}.modal-header h2{color:#1c1e21}.modal-close{background:#f0f2f5;transition:all .2s ease}.modal-close:hover{background:#e4e6eb}.modal-body{padding:20px}.modal-footer{border-top:1px solid #e4e6eb;gap:12px;padding:16px 20px}.form-group label{color:#1c1e21}.form-input{border:1px solid #dddfe2;border-radius:8px;font-size:14px;padding:12px;transition:all .2s ease}.form-input:focus{box-shadow:0 0 0 2px #667eea1a}textarea.form-input{font-family:inherit;min-height:100px}.form-row{grid-gap:16px;gap:16px}.cover-upload-area{margin-top:8px}.cover-upload-label{border:2px dashed #dddfe2;border-radius:8px;cursor:pointer;display:block;padding:40px;text-align:center;transition:all .2s ease}.cover-upload-label:hover{background:#f9fafb;border-color:#667eea}.cover-upload-label img{border-radius:8px;height:200px;object-fit:cover;width:100%}.cover-upload-label svg{color:#9ca3af;margin-bottom:12px}.cover-upload-label p{color:#65676b;font-size:14px;margin:8px 0 4px}.cover-upload-label span{color:#9ca3af;font-size:12px}.visibility-option{align-items:flex-start;border:2px solid #e4e6eb;border-radius:8px;cursor:pointer;display:flex;padding:16px;transition:all .2s ease}.visibility-option:hover{background:#f9fafb;border-color:#667eea}.visibility-option input[type=radio]{cursor:pointer;margin:4px 12px 0 0}.visibility-option-title{color:#1c1e21;font-size:14px;font-weight:600;margin-bottom:4px}.visibility-option-desc{color:#65676b;font-size:13px}.btn-primary,.btn-secondary{border:none;padding:10px 24px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#f0f2f5;color:#1c1e21}.btn-secondary:hover{background:#e4e6eb}@media (max-width:768px){.events-header-content{align-items:stretch;flex-direction:column}.btn-create-event{justify-content:center;width:100%}.events-filters{flex-direction:column}.search-box{min-width:100%}.filter-buttons{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.events-grid,.form-row{grid-template-columns:1fr}.modal-content{border-radius:0;max-height:100vh}}@media (max-width:480px){.events-header h1{font-size:20px}.events-icon{height:40px;width:40px}}.confirm-overlay{animation:fadeIn .15s ease}.confirm-box{animation:slideUp .2s ease}.pagination{flex-wrap:wrap;gap:6px;margin-top:24px}.page-btn,.pagination{justify-content:center}.page-btn{align-items:center;background:#fff;border:1.5px solid #dddfe2;border-radius:8px;color:#1c1e21;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:36px;min-width:36px;padding:0 10px;transition:all .15s}.page-btn:hover:not(:disabled):not(.active){border-color:#667eea;color:#667eea}.page-btn.active{background:linear-gradient(180deg,#69c,#47a);border-color:#0000;color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.4}.page-ellipsis{color:#65676b;font-size:14px;line-height:36px;padding:0 4px}.page-info{color:#65676b;font-size:13px;margin-left:8px;white-space:nowrap}.error-state h3{font-weight:600}.retry-btn{background:linear-gradient(180deg,#69c,#47a)}.retry-btn:hover{box-shadow:0 4px 12px #667eea66}.spin-icon{animation:spin .7s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.event-detail-page{background:#f0f2f5;min-height:100vh;padding-bottom:48px}.event-detail-container{margin:0 auto;max-width:1100px;padding:24px 16px}.loading-container{color:#65676b;font-size:15px;gap:16px;min-height:60vh}.spinner{animation:detSpin .8s linear infinite;border:4px solid #e4e6eb;border-top-color:#0a66c2}.back-btn{background:#fff;border:1px solid #dddfe2;border-radius:8px;color:#1c1e21;display:inline-flex;font-size:14px;margin-bottom:16px;padding:8px 16px;transition:background .15s,border-color .15s}.back-btn:hover{background:#f0f2f5;border-color:#c7c9cd}.event-detail-cover{background:linear-gradient(135deg,#69c,#47a);border-radius:12px;height:340px;margin-bottom:20px;overflow:hidden;position:relative;width:100%}.event-detail-cover img{height:100%;object-fit:cover;width:100%}.event-detail-cover-placeholder{align-items:center;color:#ffffff80;display:flex;height:100%;justify-content:center;width:100%}.event-ended-badge{background:#000000b3;border-radius:20px;bottom:16px;color:#fff;font-size:13px;font-weight:700;left:16px;letter-spacing:.3px;padding:6px 14px;position:absolute}.event-detail-content{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 320px}.event-detail-main{display:flex;flex-direction:column;gap:16px}.event-detail-header{align-items:flex-start;background:#fff;border:1px solid #e4e6eb;border-radius:10px;display:flex;gap:16px;justify-content:space-between;padding:24px}.event-header-info{flex:1 1;min-width:0}.event-detail-category{border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:700;margin-bottom:10px;padding:4px 12px;text-transform:capitalize}.category-seminar{background:#3b82f6}.category-fest{background:#ec4899}.category-sports{background:#10b981}.category-hackathon{background:#8b5cf6}.category-party{background:#f59e0b}.category-workshop{background:#6366f1}.category-other{background:#6b7280}.event-detail-title{color:#1c1e21;font-size:26px;font-weight:700;line-height:1.25;margin:0 0 12px;word-break:break-word}.event-detail-meta{flex-wrap:wrap}.event-creator,.event-detail-meta{align-items:center;display:flex;gap:8px}.event-creator{cursor:pointer}.event-creator:hover .creator-name{text-decoration:underline}.creator-avatar{align-items:center;background:linear-gradient(135deg,#69c,#47a);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.creator-name{color:#1c1e21;font-size:14px;font-weight:600}.meta-separator{color:#b0b3b8;font-size:16px}.college-name{color:#65676b;font-size:13px}.event-detail-actions{display:flex;flex-shrink:0;gap:8px}.icon-btn{align-items:center;background:#fff;border:1px solid #dddfe2;border-radius:50%;color:#65676b;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background .15s,border-color .15s,color .15s;width:40px}.icon-btn:hover{background:#f0f2f5;border-color:#c7c9cd;color:#1c1e21}.icon-btn:disabled{cursor:not-allowed;opacity:.5}.delete-btn:hover{background:#fff1f2;border-color:#fecdd3;color:#dc2626}.event-detail-stats{background:#fff;border:1px solid #e4e6eb;border-radius:10px;display:flex;gap:12px;padding:16px 24px}.stat-item{flex:1 1}.stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.stat-icon.going{background:#d1fae5;color:#059669}.stat-icon.interested{background:#ede9fe;color:#7c3aed}.stat-icon.total{background:#dbeafe;color:#1d4ed8}.stat-value{color:#1c1e21}.stat-label{color:#65676b}.event-detail-rsvp{background:#fff;border:1px solid #e4e6eb;border-radius:10px;display:flex;gap:10px;padding:16px 24px}.rsvp-btn{align-items:center;background:#f0f2f5;border:2px solid #0000;border-radius:8px;color:#1c1e21;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s}.rsvp-btn:hover{background:#e4e6eb}.going-btn.active{background:#d1fae5;border-color:#10b981;color:#065f46}.interested-btn.active{background:#ede9fe;border-color:#8b5cf6;color:#4c1d95}.event-ended-message{align-items:center;background:#fff;border:1px solid #e4e6eb;border-radius:10px;color:#65676b;display:flex;gap:14px;padding:16px 24px}.event-ended-message h4{color:#1c1e21;font-size:15px;font-weight:700;margin:0 0 4px}.event-ended-message p{font-size:13px;margin:0}.event-detail-section{background:#fff;border:1px solid #e4e6eb;border-radius:10px;padding:20px 24px}.event-detail-section h3{color:#1c1e21;font-size:17px;font-weight:700;margin:0 0 16px}.event-details-list{display:flex;flex-direction:column;gap:14px}.detail-item{align-items:flex-start;gap:14px}.detail-icon{align-items:center;background:#f0f2f5;border-radius:8px;color:#65676b;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.detail-label{color:#65676b;letter-spacing:.4px;margin-bottom:2px;text-transform:uppercase}.detail-value{color:#1c1e21;font-size:14px;font-weight:500;line-height:1.5}.event-description{color:#3c4043;font-size:15px;line-height:1.65;margin:0;white-space:pre-wrap;word-break:break-word}.event-detail-sidebar{position:-webkit-sticky;position:sticky;top:80px}.attendees-card{background:#fff;border:1px solid #e4e6eb;border-radius:10px;overflow:hidden}.attendees-header{align-items:center;border-bottom:1px solid #e4e6eb;display:flex;justify-content:space-between;padding:16px 20px}.attendees-header h3{color:#1c1e21;font-size:16px;font-weight:700;margin:0}.attendees-count{background:#f0f2f5;border-radius:12px;color:#65676b;font-size:13px;font-weight:600;padding:3px 10px}.attendees-tabs{border-bottom:1px solid #e4e6eb;display:flex}.tab-btn{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#65676b;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:12px;transition:all .15s}.tab-btn:hover{background:#f0f2f5;color:#1c1e21}.tab-btn.active{border-bottom-color:#0a66c2;color:#0a66c2}.attendees-list{max-height:380px;overflow-y:auto;padding:8px 0}.attendee-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:8px 20px;transition:background .15s}.attendee-item:hover{background:#f0f2f5}.attendee-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.attendee-name{color:#1c1e21;font-size:14px;font-weight:600}.attendee-badge{background:#e8f0fe;border-radius:10px;color:#0a66c2;display:inline-block;font-size:11px;font-weight:600;margin-top:2px;padding:2px 8px}.no-attendees{color:#65676b;padding:32px 20px;text-align:center}.no-attendees svg{color:#dddfe2;margin-bottom:10px}.no-attendees p{font-size:13px;margin:0}.no-attendees-cta{color:#0a66c2;font-size:13px;font-weight:600;margin-top:6px!important}.error-state{border:1px solid #e4e6eb;border-radius:10px;color:#65676b;padding:60px 20px}.error-state svg{margin-bottom:14px}.error-state h3{font-size:17px;margin:0 0 6px}.retry-btn{background:#0a66c2;border-radius:20px;transition:background .2s}.retry-btn:hover{background:#004182}.modal-overlay{animation:detFadeIn .15s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009}.share-modal{animation:detSlideUp .2s ease;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:460px;width:100%}.share-modal-header{align-items:center;border-bottom:1px solid #e4e6eb;display:flex;justify-content:space-between;padding:18px 20px}.share-modal-header h3{color:#1c1e21;font-size:18px;font-weight:700;margin:0}.close-btn{background:#f0f2f5;color:#65676b}.close-btn:hover{background:#e4e6eb}.share-modal-body{padding:20px}.share-preview{align-items:center;background:#f0f2f5;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:12px}.share-preview-image{background:linear-gradient(135deg,#69c,#47a);border-radius:8px;flex-shrink:0;height:64px;overflow:hidden;width:64px}.share-preview-image img{height:100%;object-fit:cover;width:100%}.share-preview-placeholder{align-items:center;color:#fff9;display:flex;height:100%;justify-content:center;width:100%}.share-preview-info h4{color:#1c1e21;font-size:14px;font-weight:700;margin:0 0 4px}.share-preview-info p{color:#65676b;font-size:12px;margin:0}.share-options{display:flex;flex-direction:column;gap:8px}.share-option-btn{align-items:center;background:#f0f2f5;border:none;border-radius:8px;color:#1c1e21;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;padding:12px 16px;transition:background .15s}.share-option-btn:hover{background:#e4e6eb}.share-option-btn.primary{background:#0a66c2;color:#fff}.share-option-btn.primary:hover{background:#004182}.toast{cursor:pointer}.toast-warning{background:#f59e0b}.toast-info{background:#0a66c2}.confirm-overlay{animation:detFadeIn .15s ease}.confirm-box{animation:detSlideUp .2s ease}.confirm-btn-danger:hover{box-shadow:0 4px 12px #dc262659}@keyframes detSpin{to{transform:rotate(1turn)}}.spin-icon{animation:detSpin .7s linear infinite}@keyframes detFadeIn{0%{opacity:0}to{opacity:1}}@keyframes detSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.event-detail-content{grid-template-columns:1fr}.event-detail-sidebar{position:static}.event-detail-cover{height:240px}}@media (max-width:600px){.event-detail-container{padding:12px 8px}.event-detail-cover{border-radius:8px;height:190px}.event-detail-header{flex-direction:column;padding:16px}.event-detail-actions{align-self:flex-end}.event-detail-title{font-size:20px}.event-detail-stats{gap:8px}.event-detail-rsvp,.event-detail-stats{flex-direction:column;padding:16px}.event-detail-section{padding:16px}.attendees-list{max-height:280px}.toast-container{bottom:12px;left:12px;right:12px}.toast{max-width:100%}}.event-edit-page{background:#ddd9d9;min-height:100vh;padding:20px}.event-edit-container{margin:0 auto;max-width:900px}.event-edit-header{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px 30px}.event-edit-header h1{color:#2d3748;flex:1 1;font-size:28px;font-weight:700;margin:0;text-align:center}.back-btn{background:#f7fafc;border:2px solid #e2e8f0;border-radius:10px;color:#4a5568;font-size:15px;gap:8px;padding:10px 20px;transition:all .2s}.back-btn:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateX(-2px)}.save-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:10px 24px;transition:all .3s}.save-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.save-btn:disabled{cursor:not-allowed;opacity:.6}.event-edit-content{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:30px}.edit-section{border-bottom:2px solid #f7fafc;margin-bottom:35px;padding-bottom:35px}.edit-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.edit-section h3{align-items:center;color:#2d3748;display:flex;font-size:20px;font-weight:700;gap:10px;margin-bottom:20px}.cover-image-edit{width:100%}.cover-preview{border:2px solid #e2e8f0;border-radius:12px;height:300px;overflow:hidden;position:relative;width:100%}.cover-preview img{height:100%;object-fit:cover;width:100%}.cover-overlay{align-items:center;background:#00000080;bottom:0;display:flex;gap:15px;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.cover-preview:hover .cover-overlay{opacity:1}.change-cover-btn,.remove-cover-btn{align-items:center;background:#fff;border:none;border-radius:10px;color:#2d3748;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s}.change-cover-btn:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.remove-cover-btn{background:#fc8181;color:#fff}.remove-cover-btn:hover{background:#f56565;transform:translateY(-2px)}.cover-upload-placeholder{align-items:center;background:#f7fafc;border:3px dashed #cbd5e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:300px;justify-content:center;transition:all .3s;width:100%}.cover-upload-placeholder:hover{background:#edf2f7;border-color:#667eea}.cover-upload-placeholder svg{color:#a0aec0;margin-bottom:15px}.cover-upload-placeholder p{color:#4a5568;font-size:16px;font-weight:600;margin:0 0 8px}.cover-upload-placeholder span{color:#718096;font-size:14px}.form-input{border:2px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:15px;padding:12px 16px;transition:all .2s;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}textarea.form-input{min-height:120px;resize:vertical}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon svg{color:#a0aec0;left:16px;pointer-events:none;position:absolute}.input-with-icon input{padding-left:48px}.visibility-options{display:flex;flex-direction:column;gap:12px}.visibility-card{cursor:pointer;display:block}.visibility-card input[type=radio]{display:none}.visibility-card-content{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;display:flex;gap:15px;padding:20px;position:relative;transition:all .3s}.visibility-card:hover .visibility-card-content{background:#edf2f7;border-color:#cbd5e0;transform:translateX(5px)}.visibility-card.selected .visibility-card-content{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea;box-shadow:0 4px 15px #667eea33}.visibility-icon{align-items:center;background:#fff;border-radius:10px;display:flex;flex-shrink:0;font-size:32px;height:50px;justify-content:center;width:50px}.visibility-info{flex:1 1}.visibility-title{color:#2d3748;font-size:16px;font-weight:700;margin-bottom:4px}.visibility-desc{color:#718096;font-size:14px}.selected-indicator{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:28px;justify-content:center;width:28px}.edit-actions{border-top:2px solid #f7fafc;display:flex;gap:15px;justify-content:flex-end;margin-top:35px;padding-top:25px}.btn-cancel,.btn-save{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:14px 32px;transition:all .3s}.btn-cancel{background:#f7fafc;border:2px solid #e2e8f0;color:#4a5568}.btn-cancel:hover:not(:disabled){background:#edf2f7;border-color:#cbd5e0}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff}.btn-save:hover:not(:disabled){box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.btn-save:disabled{cursor:not-allowed;opacity:.6}.btn-spinner{border:2px solid #ffffff4d;height:16px;width:16px}.loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.loading-container .spinner{animation:spin .8s linear infinite;border:4px solid #667eea33;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}.loading-container p{color:#fff;font-size:16px;font-weight:600}@media (max-width:768px){.event-edit-page{padding:10px}.event-edit-header{flex-direction:column;gap:15px;padding:20px}.event-edit-header h1{font-size:24px;order:-1;text-align:center}.back-btn,.save-btn{justify-content:center;width:100%}.event-edit-content{padding:20px}.form-row{grid-template-columns:1fr}.cover-preview,.cover-upload-placeholder{height:200px}.edit-actions{flex-direction:column-reverse}.btn-cancel,.btn-save{justify-content:center;width:100%}.visibility-card-content{padding:15px}.visibility-icon{font-size:24px;height:40px;width:40px}}.toast{animation:toastIn .25s ease,toastOut .3s ease 3.7s forwards}@keyframes toastOut{to{opacity:0;transform:translateY(12px)}}.confirm-overlay{animation:edFadeIn .15s ease}.confirm-box{animation:edSlideUp .2s ease}.confirm-box p{color:#1c1e21}.confirm-btn-cancel,.confirm-btn-danger{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.confirm-btn-cancel{color:#1c1e21}.confirm-btn-danger{background:#f59e0b}.confirm-btn-danger:hover{background:#d97706;box-shadow:0 4px 12px #f59e0b59}.spin-icon{animation:edSpin .7s linear infinite}@keyframes edSpin{to{transform:rotate(1turn)}}@keyframes edFadeIn{0%{opacity:0}to{opacity:1}}@keyframes edSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.notifications-page{font-family:Lucida Grande,Tahoma,Verdana,Arial,sans-serif;margin:20px auto;max-width:760px;padding:0;position:relative}.notifications-loading{background:#fff;border:1px solid #ccc;color:#666;font-size:13px;padding:50px;text-align:center}.confirm-overlay{z-index:9999}.confirm-box{border:1px solid #ccc;border-radius:2px;box-shadow:0 4px 12px #00000040;max-width:340px}.confirm-box p{color:#333;font-size:13px;margin:0 0 18px}.fetch-error{align-items:center;background:#fff5f5;border:1px solid #e5b4b4;color:#c23934;display:flex;font-size:12px;gap:10px;margin-bottom:10px;padding:10px 15px}.retry-btn{background:#fff;border:1px solid #c23934;border-radius:2px;color:#c23934;font-size:11px;padding:3px 10px;transition:background .1s;white-space:nowrap}.retry-btn:hover{background:#fef4f4}.notifications-header{align-items:center;background:#f6f7f8;border:1px solid #d8dfea;border-bottom-color:#d0d6df;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px 15px}.notifications-header h1{color:#333;font-size:14px;font-weight:700;letter-spacing:-.3px;margin:0}.unread-badge{background:linear-gradient(#dd4b39,#d73925);border-radius:2px;box-shadow:0 1px 1px #0003}.notifications-filters{background:#fff;border:1px solid #ccc;border-bottom:none;display:flex;gap:0;margin-bottom:10px;overflow-x:auto}.filter-tab{background:#f6f7f8;border-right:1px solid #ccc;color:#3b5998;flex:1 1;font-size:11px;font-weight:400;padding:8px 16px;text-align:center;transition:background .1s;white-space:nowrap}.filter-tab:last-child{border-right:none}.filter-tab:hover{background:#e9ebee;text-decoration:underline}.filter-tab.active{background:#fff;border-bottom:2px solid #3b5998;color:#333;font-weight:700}.filter-tab:focus-visible{outline:2px solid #3b5998;outline-offset:-2px}.notifications-actions{background:#f6f7f8;border:1px solid #ccc;display:flex;gap:8px;margin-bottom:10px;padding:8px 10px}.action-btn{background:#fff;border:1px solid #999;border-radius:2px;color:#333;font-size:11px;font-weight:400;padding:4px 12px;transition:background .1s}.action-btn:hover{background:#f6f7f8;border-color:#777}.action-btn:focus-visible{outline:2px solid #3b5998;outline-offset:2px}.action-btn.danger{border-color:#c23934;color:#c23934}.action-btn.danger:hover{background:#fef4f4;border-color:#a32926}.notifications-list{background:#fff;border:1px solid #ccc;display:flex;flex-direction:column;gap:0;max-height:70vh;overflow-y:auto}.notifications-list .notification-item{contain-intrinsic-size:0 70px;content-visibility:auto}.notification-item{align-items:flex-start;background:#fff;border-bottom:1px solid #e5e5e5;cursor:pointer;display:flex;gap:10px;min-height:50px;padding:10px 12px;position:relative;transition:background .1s}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#f6f7f9}.notification-item:focus-visible{outline:2px solid #3b5998;outline-offset:-2px}.notification-item.unread{background:#ecf4ff}.notification-item.unread:hover{background:#dce9f7}.notification-item.notification-sos{background:#fff5f5;border-left:3px solid #c23934}.notification-item.notification-sos:hover{background:#ffebeb}.notification-item.notification-event,.notification-item.notification-friend{border-left:3px solid #3b5998}.notification-icon{align-items:center;background:#e9ebee;border:1px solid #d8d8d8;border-radius:50%;display:flex;flex-shrink:0;font-size:24px;height:36px;justify-content:center;width:36px}.notification-content{flex:1 1;min-width:0;padding-top:2px}.notification-text{word-wrap:break-word;color:#141823;font-size:12px;font-weight:400;line-height:1.5;margin:0 0 3px}.notification-item.unread .notification-text{font-weight:600}.notification-time{color:#90949c;display:block;font-size:11px}.notification-actions{display:flex;flex-shrink:0;gap:4px;margin-top:2px}.delete-btn,.mark-read-btn{align-items:center;background:#fff;border:1px solid #ccc;border-radius:2px;color:#666;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;opacity:.7;transition:all .1s;width:24px}.notification-item:hover .delete-btn,.notification-item:hover .mark-read-btn{opacity:1}.mark-read-btn:hover{background:#e5f2ff;border-color:#3b5998;color:#3b5998}.delete-btn:hover{background:#ffebeb;border-color:#c23934;color:#c23934}.delete-btn:focus-visible,.mark-read-btn:focus-visible{opacity:1;outline:2px solid #3b5998}.empty-state{color:#90949c;padding:60px 20px}.empty-icon-not{font-size:56px;margin-bottom:15px;opacity:.3}.empty-state h3{color:#4b4f56;font-size:16px;font-weight:600}.empty-state p{color:#90949c}.load-more-container{background:#f6f7f8;border:1px solid #ccc;border-top:none;display:flex;justify-content:center;padding:12px}.load-more-btn{border:1px solid #999;border-radius:2px;color:#3b5998;font-size:11px;padding:5px 20px;transition:background .1s}.load-more-btn:hover:not(:disabled){background:#e9ebee}.load-more-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.notifications-page{margin:10px}.notifications-header{padding:10px 12px}.notifications-header h1{font-size:13px}.filter-tab{font-size:10px;padding:7px 12px}.notification-item{gap:8px;padding:8px 10px}.notification-icon{font-size:20px;height:32px;width:32px}.notification-text{font-size:11px}.notification-time{font-size:10px}.delete-btn,.mark-read-btn{font-size:12px;height:22px;width:22px}}@media (max-width:480px){.notifications-page{margin:5px}.notifications-filters{overflow-x:scroll}.filter-tab{flex:none;min-width:80px}.notifications-actions{flex-wrap:wrap}.action-btn{font-size:10px;padding:3px 10px}.confirm-box{padding:18px 20px}}:root{--ph-font:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--ph-blue:#47a;--ph-blue-light:#69c;--ph-blue-dark:#358;--ph-green:#059669;--ph-green-light:#10b981;--ph-red:#dc2626;--ph-red-dark:#b91c1c;--ph-bg:#f4f6fb;--ph-surface:#fff;--ph-border:#e3e8f0;--ph-text:#1a1d2e;--ph-text-muted:#6b7280;--ph-radius:12px;--ph-radius-sm:8px;--ph-shadow-sm:0 2px 8px #00000014;--ph-shadow-md:0 6px 20px #0000001f;--ph-transition:0.18s ease}.photos-page{background:#f4f6fb;background:var(--ph-bg);color:#1a1d2e;color:var(--ph-text);margin:0 auto;max-width:1200px;min-height:100vh;padding:20px;position:relative}.photos-loading,.photos-page{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--ph-font)}.photos-loading{align-items:center;color:#47a;color:var(--ph-blue);display:flex;flex-direction:column;font-size:15px;font-weight:600;gap:14px;justify-content:center;min-height:400px}.spinner{animation:ph-spin .9s linear infinite;border:4px solid #f0f0f0;border-radius:50%;border-top:4px solid var(--ph-blue-light);height:40px;width:40px}@keyframes ph-spin{to{transform:rotate(1turn)}}.photos-header{background:linear-gradient(135deg,#69c,#358);background:linear-gradient(135deg,var(--ph-blue-light) 0,var(--ph-blue-dark) 100%);border-radius:12px;border-radius:var(--ph-radius);box-shadow:0 4px 16px #4477aa59;color:#fff;margin-bottom:16px;padding:28px 32px}.photos-breadcrumb{font-size:13px;margin-bottom:10px;opacity:.88}.photos-breadcrumb a{color:#fff;text-decoration:none;transition:opacity .18s ease;transition:opacity var(--ph-transition)}.photos-breadcrumb a:hover{opacity:.75}.photos-breadcrumb span{color:#fff9;margin:0 5px}.photos-header h1{font-size:26px;font-weight:700;letter-spacing:-.4px;margin:0}.photos-nav{align-items:center;background:#fff;background:var(--ph-surface);border-radius:8px;border-radius:var(--ph-radius-sm);box-shadow:0 2px 8px #00000014;box-shadow:var(--ph-shadow-sm);display:flex;gap:6px;margin-bottom:16px;padding:8px}.photos-nav button{background:#0000;border:none;border-radius:6px;color:#6b7280;color:var(--ph-text-muted);cursor:pointer;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--ph-font);font-size:14px;font-weight:500;padding:10px 22px;transition:background .18s ease,color .18s ease;transition:background var(--ph-transition),color var(--ph-transition)}.photos-nav button:hover{background:#f5f5f5;color:#1a1d2e;color:var(--ph-text)}.photos-nav button.active{background:linear-gradient(135deg,#69c,#358);background:linear-gradient(135deg,var(--ph-blue-light),var(--ph-blue-dark));color:#fff;font-weight:600}.photos-nav button:focus-visible{outline:2px solid #47a;outline:2px solid var(--ph-blue);outline-offset:2px}.photos-nav .ph-nav-upload-btn{background:#10b981;background:var(--ph-green-light);box-shadow:0 2px 8px #10b98140;color:#fff;font-weight:600;margin-left:auto;transition:background .18s ease,transform .18s ease,box-shadow .18s ease;transition:background var(--ph-transition),transform var(--ph-transition),box-shadow var(--ph-transition)}.photos-nav .ph-nav-upload-btn:hover{background:#059669;background:var(--ph-green);box-shadow:0 4px 14px #10b98159;transform:translateY(-1px)}.photos-content{background:#fff;background:var(--ph-surface);border-radius:12px;border-radius:var(--ph-radius);box-shadow:0 2px 8px #00000014;box-shadow:var(--ph-shadow-sm);min-height:400px;padding:28px}.albums-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:16px}.album-card{background:#fff;background:var(--ph-surface);border-radius:12px;border-radius:var(--ph-radius);box-shadow:0 2px 8px #00000014;box-shadow:var(--ph-shadow-sm);cursor:pointer;overflow:hidden;transition:box-shadow .18s ease,transform .18s ease;transition:box-shadow var(--ph-transition),transform var(--ph-transition)}.album-card:hover{box-shadow:0 8px 28px #4477aa47;transform:translateY(-4px)}.album-card:focus-visible{outline:2px solid #47a;outline:2px solid var(--ph-blue);outline-offset:2px}.album-cover{align-items:center;background-color:#f0f4f8;background-position:50%;background-size:cover;display:flex;font-size:48px;height:160px;justify-content:center;width:100%}.album-info{padding:16px}.album-info h3{color:#1a1d2e;color:var(--ph-text);font-size:15px;font-weight:650;margin:0 0 5px}.album-info p{color:#6b7280;color:var(--ph-text-muted);font-size:13px;margin:0}.photos-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:16px}.photo-item{background:#fff;background:var(--ph-surface);border-radius:8px;border-radius:var(--ph-radius-sm);box-shadow:0 2px 8px #00000014;box-shadow:var(--ph-shadow-sm);overflow:hidden;position:relative;transition:box-shadow .18s ease,transform .18s ease;transition:box-shadow var(--ph-transition),transform var(--ph-transition)}.photo-item:hover{box-shadow:0 6px 20px #0000001f;box-shadow:var(--ph-shadow-md);transform:translateY(-2px)}.photo-thumbnail{align-items:center;background-color:#f0f4f8;background-position:50%;background-size:cover;cursor:pointer;display:flex;font-size:36px;height:200px;justify-content:center;width:100%}.photo-thumbnail:focus-visible{outline:2px solid #47a;outline:2px solid var(--ph-blue);outline-offset:-2px}.photo-caption{border-top:1px solid #e3e8f0;border-top:1px solid var(--ph-border);color:#6b7280;color:var(--ph-text-muted);font-size:13px;line-height:1.5;margin:0;padding:10px 12px}.delete-photo-btn{align-items:center;background:#dc2626e0;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--ph-font);font-size:15px;height:30px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .18s ease,transform .18s ease,background .18s ease;transition:opacity var(--ph-transition),transform var(--ph-transition),background var(--ph-transition);width:30px}.photo-item:hover .delete-photo-btn{opacity:1}.delete-photo-btn:hover{background:#b91c1c;background:var(--ph-red-dark);transform:scale(1.1)}.delete-photo-btn:focus-visible{opacity:1;outline:2px solid #fff;outline-offset:2px}.album-header{align-items:center;border-bottom:2px solid #e3e8f0;border-bottom:2px solid var(--ph-border);display:flex;gap:20px;margin-bottom:24px;padding-bottom:20px}.album-header button{background:#f0f4f8;border:none;border-radius:8px;border-radius:var(--ph-radius-sm);color:#6b7280;color:var(--ph-text-muted);cursor:pointer;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--ph-font);font-size:14px;font-weight:500;padding:10px 18px;transition:background .18s ease;transition:background var(--ph-transition)}.album-header button:hover{background:#e2e8f0;color:#1a1d2e;color:var(--ph-text)}.album-header h2{color:#1a1d2e;color:var(--ph-text);font-size:22px;font-weight:650;margin:0}.photos-pagination-info{background:#f4f6fb;background:var(--ph-bg);border-radius:8px;border-radius:var(--ph-radius-sm);color:#6b7280;color:var(--ph-text-muted);font-size:14px;margin:16px 0;padding:10px 16px;text-align:center}.photos-pagination{align-items:center;border-top:2px solid #e3e8f0;border-top:2px solid var(--ph-border);display:flex;gap:20px;justify-content:center;margin-top:36px;padding-top:20px}.photos-pagination button{background:#fff;background:var(--ph-surface);border:2px solid #e3e8f0;border:2px solid var(--ph-border);border-radius:8px;border-radius:var(--ph-radius-sm);color:#6b7280;color:var(--ph-text-muted);cursor:pointer;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--ph-font);font-size:14px;font-weight:500;padding:10px 22px;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;transition:background var(--ph-transition),color var(--ph-transition),border-color var(--ph-transition),transform var(--ph-transition)}.photos-pagination button:hover:not(:disabled){background:#47a;background:var(--ph-blue);border-color:#47a;border-color:var(--ph-blue);color:#fff;transform:translateY(-1px)}.photos-pagination button:disabled{cursor:not-allowed;opacity:.4}.photos-pagination span{color:#6b7280;color:var(--ph-text-muted);font-size:14px;font-weight:500}.no-photos{color:#aaa;padding:80px 20px;text-align:center}.no-photos p{font-size:20px;margin-bottom:24px}.no-photos button{background:linear-gradient(135deg,#69c,#358);background:linear-gradient(135deg,var(--ph-blue-light),var(--ph-blue-dark));border:none;border-radius:8px;border-radius:var(--ph-radius-sm);color:#fff;cursor:pointer;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--ph-font);font-size:15px;font-weight:600;padding:12px 28px;transition:transform .18s ease,box-shadow .18s ease;transition:transform var(--ph-transition),box-shadow var(--ph-transition)}.no-photos button:hover{box-shadow:0 4px 14px #4477aa4d;transform:translateY(-2px)}.ph-lightbox-overlay{background:#000000eb;cursor:zoom-out;inset:0;position:fixed;z-index:10001}.ph-lightbox-close,.ph-lightbox-overlay{align-items:center;display:flex;justify-content:center}.ph-lightbox-close{background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--ph-font);font-size:26px;height:44px;position:absolute;right:24px;top:20px;transition:background .18s ease,transform .18s ease;transition:background var(--ph-transition),transform var(--ph-transition);width:44px}.ph-lightbox-close:hover{background:#ffffff47;transform:rotate(90deg)}.ph-lightbox-img{border-radius:4px;box-shadow:0 8px 40px #0009;cursor:default;max-height:90vh;max-width:90vw;object-fit:contain}.modal-overlay{background:#000000ad;z-index:10000}.modal-content{background:var(--ph-surface);border-radius:var(--ph-radius);box-shadow:0 20px 60px #0006;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--ph-font);max-width:520px}.modal-header{background:linear-gradient(135deg,#69c,#358);background:linear-gradient(135deg,var(--ph-blue-light),var(--ph-blue-dark));border-radius:12px 12px 0 0;border-radius:var(--ph-radius) var(--ph-radius) 0 0;color:#fff}.modal-header h2{font-size:19px;font-weight:650}.close-btn{background:#fff3;color:#fff;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--ph-font);height:36px;transition:background .18s ease,transform .18s ease;transition:background var(--ph-transition),transform var(--ph-transition);width:36px}.close-btn:hover:not(:disabled){background:#ffffff4d;transform:rotate(90deg)}.close-btn:disabled{cursor:not-allowed;opacity:.5}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#1a1d2e;color:var(--ph-text);font-size:13.5px}.form-group input[type=file]{border:2px dashed #e3e8f0;border:2px dashed var(--ph-border);border-radius:8px;border-radius:var(--ph-radius-sm);box-sizing:border-box;cursor:pointer;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--ph-font);font-size:14px;padding:12px;transition:border-color .18s ease,background .18s ease;transition:border-color var(--ph-transition),background var(--ph-transition);width:100%}.form-group input[type=file]:hover{background:#f8f9ff;border-color:#69c;border-color:var(--ph-blue-light)}.form-group input[type=text],.form-group select{background:#fff;background:var(--ph-surface);border:2px solid #e3e8f0;border:2px solid var(--ph-border);border-radius:8px;border-radius:var(--ph-radius-sm);box-sizing:border-box;color:#1a1d2e;color:var(--ph-text);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--ph-font);font-size:14px;padding:11px 14px;transition:border-color .18s ease,box-shadow .18s ease;transition:border-color var(--ph-transition),box-shadow var(--ph-transition);width:100%}.form-group input[type=text]:focus,.form-group select:focus{border-color:#69c;border-color:var(--ph-blue-light);box-shadow:0 0 0 3px #6699cc26;outline:none}.form-group select:disabled{background:#f4f6fb;background:var(--ph-bg);cursor:not-allowed;opacity:.55}.form-group textarea{border:2px solid #e3e8f0;border:2px solid var(--ph-border);border-radius:8px;border-radius:var(--ph-radius-sm);box-sizing:border-box;color:#1a1d2e;color:var(--ph-text);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--ph-font);font-size:14px;padding:11px 14px;transition:border-color .18s ease;transition:border-color var(--ph-transition);width:100%}.form-group textarea:focus{border-color:#69c;border-color:var(--ph-blue-light);outline:none}.file-count{color:#47a;color:var(--ph-blue);font-size:13px;font-weight:600;margin-top:8px}.ph-file-error{color:#dc2626;color:var(--ph-red);font-size:12.5px;font-weight:600;margin-top:6px}.ph-char-count{color:#6b7280;color:var(--ph-text-muted);font-size:12px;margin-top:5px;text-align:right}.modal-footer{background:#f4f6fb;background:var(--ph-bg);border-radius:0 0 12px 12px;border-radius:0 0 var(--ph-radius) var(--ph-radius);border-top:1px solid #e3e8f0;border-top:1px solid var(--ph-border);justify-content:flex-end}.modal-footer button{border:none;border-radius:8px;border-radius:var(--ph-radius-sm);cursor:pointer;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--ph-font);font-size:14px;font-weight:600;padding:10px 24px;transition:background .18s ease,transform .18s ease,opacity .18s ease;transition:background var(--ph-transition),transform var(--ph-transition),opacity var(--ph-transition)}.modal-footer .cancel-btn{background:#e5e7eb;color:#6b7280;color:var(--ph-text-muted)}.modal-footer .cancel-btn:hover:not(:disabled){background:#d1d5db;color:#1a1d2e;color:var(--ph-text)}.modal-footer .upload-btn{background:linear-gradient(135deg,#69c,#358);background:linear-gradient(135deg,var(--ph-blue-light),var(--ph-blue-dark));color:#fff}.modal-footer .upload-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.modal-footer button:disabled{cursor:not-allowed;opacity:.45;transform:none}.ph-toast-stack{display:flex;flex-direction:column;gap:8px;max-width:300px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:10002}.ph-toast{animation:ph-toast-in .25s ease,ph-toast-out .3s ease 3.2s forwards;border-radius:6px;box-shadow:0 4px 14px #0003;color:#fff;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--ph-font);font-size:13.5px;font-weight:600;padding:11px 16px}.ph-toast--success{background:#15803d}.ph-toast--error{background:#b91c1c}.ph-toast--info{background:#1e40af}@keyframes ph-toast-in{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}@keyframes ph-toast-out{0%{opacity:1}to{opacity:0;transform:translateX(16px)}}.ph-confirm-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:10003}.ph-confirm{background:#fff;border-radius:8px;border-radius:var(--ph-radius-sm);box-shadow:0 10px 30px #0003;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--ph-font);max-width:340px;min-width:260px;padding:28px;text-align:center}.ph-confirm p{color:#1a1d2e;color:var(--ph-text);font-size:15px;font-weight:600;line-height:1.45;margin-bottom:20px}.ph-confirm-actions{display:flex;gap:10px;justify-content:center}.ph-confirm-no,.ph-confirm-yes{border-radius:6px;cursor:pointer;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--ph-font);font-size:14px;font-weight:650;padding:9px 24px;transition:background .18s ease,transform .18s ease;transition:background var(--ph-transition),transform var(--ph-transition)}.ph-confirm-yes{background:#dc2626;background:var(--ph-red);border:2px solid #b91c1c;border:2px solid var(--ph-red-dark);color:#fff}.ph-confirm-yes:hover{background:#b91c1c;background:var(--ph-red-dark);transform:translateY(-1px)}.ph-confirm-no{background:#f5f5f5;border:2px solid #d1d5db;color:#444}.ph-confirm-no:hover{background:#e5e7eb;transform:translateY(-1px)}@media (max-width:768px){.photos-page{padding:12px}.photos-header{border-radius:8px;border-radius:var(--ph-radius-sm);padding:20px}.photos-header h1{font-size:20px}.albums-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.photos-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.photo-thumbnail{height:140px}.album-cover{height:130px}.photos-nav{flex-wrap:wrap;padding:6px}.photos-nav button{flex:1 1 auto;font-size:13px;min-width:90px;padding:9px 12px}.photos-nav .ph-nav-upload-btn{flex:1 1 100%}.photos-content{padding:16px}.ph-toast-stack{left:8px;max-width:100%;right:8px;top:10px}.modal-content{width:95%}.modal-body{padding:16px}}.settings-page{background-color:#f5f5f5;background-color:var(--bg-primary,#f5f5f5);min-height:100vh;padding:20px;transition:background-color .3s ease}.settings-container{margin:0 auto;max-width:1200px}.settings-header{margin-bottom:40px;padding:20px;text-align:center}.settings-header h1{align-items:center;color:#333;color:var(--text-primary,#333);display:flex;font-size:2.5rem;font-weight:700;gap:15px;justify-content:center;margin-bottom:10px;transition:color .3s ease}.header-icon{animation:settings-icon-wobble 3s ease-in-out infinite;font-size:2.5rem;will-change:transform}@keyframes settings-icon-wobble{0%,to{transform:rotate(0deg)}50%{transform:rotate(10deg)}}.settings-subtitle{color:#666;color:var(--text-secondary,#666);font-size:1.1rem;margin:0;transition:color .3s ease}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:40px}.settings-card{align-items:center;background:#fff;background:var(--bg-secondary,#fff);border:2px solid #0000;border-radius:16px;color:inherit;cursor:pointer;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;text-decoration:none;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.settings-card:before{background:linear-gradient(90deg,#0000,#6699cc1a 50%,#0000);content:"";inset:0;pointer-events:none;position:absolute;transform:translateX(-100%);transition:transform .5s ease}.settings-card:focus-visible:before,.settings-card:hover:before{transform:translateX(100%)}.settings-card:focus-visible,.settings-card:hover{border-color:#69c;border-color:var(--accent-primary,#69c);box-shadow:0 8px 20px #0000001a;outline:none;transform:translateY(-5px)}.settings-card-content h2{color:#333;color:var(--text-primary,#333);font-size:1.2rem;font-weight:600;margin:0 0 8px;transition:color .3s ease}.settings-card-content p{color:#666;color:var(--text-secondary,#666);font-size:.95rem;line-height:1.5;margin:0;transition:color .3s ease}.settings-card-icon{align-items:center;background:#f5f5f5;background:var(--bg-primary,#f5f5f5);border-radius:12px;display:flex;flex-shrink:0;font-size:2.5rem;height:60px;justify-content:center;transition:transform .25s ease,background .25s ease;width:60px}.settings-card:focus-visible .settings-card-icon,.settings-card:hover .settings-card-icon{background:#69c;background:var(--accent-primary,#69c);transform:scale(1.1)}.settings-card-arrow{color:#999;color:var(--text-secondary,#999);flex-shrink:0;font-size:1.5rem;transition:transform .25s ease,color .25s ease}.settings-card:focus-visible .settings-card-arrow,.settings-card:hover .settings-card-arrow{color:#69c;color:var(--accent-primary,#69c);transform:translateX(5px)}.quick-actions-section{margin-bottom:40px}.quick-actions-section h2{align-items:center;color:#333;color:var(--text-primary,#333);display:flex;font-size:1.8rem;font-weight:600;gap:12px;margin-bottom:20px;transition:color .3s ease}.section-icon{font-size:1.8rem}.quick-actions-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-action-btn{align-items:center;background:#fff;background:var(--bg-secondary,#fff);border:2px solid #f5f5f5;border:2px solid var(--bg-primary,#f5f5f5);border-radius:12px;color:#333;color:var(--text-primary,#333);cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:500;gap:10px;justify-content:center;padding:16px 20px;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}.quick-action-btn:focus-visible,.quick-action-btn:hover{background:#69c;background:var(--accent-primary,#69c);border-color:#69c;border-color:var(--accent-primary,#69c);box-shadow:0 5px 15px #0000001a;color:#fff;outline:none;transform:translateY(-3px)}.quick-action-btn--danger:focus-visible,.quick-action-btn--danger:hover{background:#c0392b;border-color:#a93226;box-shadow:0 5px 15px #c0392b40}.action-icon{font-size:1.3rem;transition:transform .25s ease}.quick-action-btn:focus-visible .action-icon,.quick-action-btn:hover .action-icon{transform:scale(1.2)}.app-info{background:#fff;background:var(--bg-secondary,#fff);border:1px solid #f5f5f5;border:1px solid var(--bg-primary,#f5f5f5);border-radius:12px;padding:30px 20px;text-align:center;transition:all .3s ease}.app-info p{color:#999;color:var(--text-secondary,#999);font-size:.9rem;margin:5px 0;transition:color .3s ease}.app-info-link{color:#69c;color:var(--accent-primary,#69c);font-size:.9rem;text-decoration:none;transition:color .2s ease}.app-info-link:focus-visible,.app-info-link:hover{color:#47a;color:var(--accent-dark,#47a);text-decoration:underline}@media (prefers-reduced-motion:reduce){.header-icon{animation:none}.action-icon,.quick-action-btn,.settings-card,.settings-card-arrow,.settings-card-icon,.settings-card:before{transition:none}.quick-action-btn:hover,.settings-card:hover{transform:none}}@media (max-width:768px){.settings-page{padding:15px}.header-icon,.settings-header h1{font-size:2rem}.settings-grid{gap:15px;grid-template-columns:1fr}.settings-card{padding:18px}.settings-card-icon{font-size:2rem;height:50px;width:50px}.settings-card-content h2{font-size:1.1rem}.settings-card-content p{font-size:.9rem}.quick-actions-grid{grid-template-columns:1fr 1fr}.quick-actions-section h2{font-size:1.5rem}}@media (max-width:480px){.settings-header h1{flex-direction:column;font-size:1.8rem;gap:10px}.settings-subtitle{font-size:1rem}.settings-card{flex-direction:column;padding:20px 15px;text-align:center}.settings-card-arrow{transform:rotate(90deg)}.settings-card:focus-visible .settings-card-arrow,.settings-card:hover .settings-card-arrow{transform:rotate(90deg) translateX(5px)}.quick-actions-grid{grid-template-columns:1fr}}:root{--ps-bg:#f4f6fb;--ps-surface:#fff;--ps-surface-2:#f9fafc;--ps-border:#e3e8f0;--ps-border-focus:#6c7ff2;--ps-text-primary:#1a1d2e;--ps-text-secondary:#5a6272;--ps-text-muted:#9aa3b4;--ps-accent:#6c7ff2;--ps-accent-dark:#4f5fd4;--ps-accent-light:#eef0fd;--ps-success:#22c55e;--ps-success-bg:#f0fdf4;--ps-success-border:#bbf7d0;--ps-error:#ef4444;--ps-error-bg:#fef2f2;--ps-error-border:#fecaca;--ps-warn:#f59e0b;--ps-warn-bg:#fffbeb;--ps-warn-border:#fde68a;--ps-info-bg:#eff6ff;--ps-info-border:#bfdbfe;--ps-info-text:#1d4ed8;--ps-shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--ps-shadow-md:0 4px 12px #00000014,0 2px 4px #0000000a;--ps-radius:12px;--ps-radius-sm:8px;--ps-radius-lg:16px;--ps-font:"DM Sans",sans-serif;--ps-font-mono:"DM Mono",monospace;--ps-transition:0.18s ease}.settings-subpage{background:#f4f6fb;background:var(--ps-bg);color:#1a1d2e;color:var(--ps-text-primary);font-family:DM Sans,sans-serif;font-family:var(--ps-font);min-height:100vh;padding:32px 20px 64px}.settings-subpage-container{margin:0 auto;max-width:780px}.breadcrumb{align-items:center;color:#9aa3b4;color:var(--ps-text-muted);display:flex;font-size:13px;gap:8px;margin-bottom:24px}.breadcrumb a{color:#6c7ff2;color:var(--ps-accent);font-weight:500;text-decoration:none;transition:color .18s ease;transition:color var(--ps-transition)}.breadcrumb a:hover{color:#4f5fd4;color:var(--ps-accent-dark)}.breadcrumb-separator{color:#9aa3b4;color:var(--ps-text-muted)}.breadcrumb-current{color:#5a6272;color:var(--ps-text-secondary);font-weight:500}.subpage-header{margin-bottom:28px}.subpage-header h1{align-items:center;color:#1a1d2e;color:var(--ps-text-primary);display:flex;font-size:26px;font-weight:700;gap:10px;letter-spacing:-.4px;margin:0 0 6px}.header-icon{font-size:24px;line-height:1}.subpage-header p{color:#5a6272;color:var(--ps-text-secondary);font-size:15px;margin:0}.unsaved-banner{align-items:center;animation:ps-fade-in .2s ease;background:#fffbeb;background:var(--ps-warn-bg);border:1px solid #fde68a;border:1px solid var(--ps-warn-border);color:#92400e;display:inline-flex;font-size:13px;gap:6px;margin-top:12px;padding:7px 14px}.alert,.unsaved-banner{border-radius:8px;border-radius:var(--ps-radius-sm);font-weight:500}.alert{align-items:flex-start;animation:ps-slide-down .2s ease;border:1px solid #0000;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:14px 16px}.alert-success{background:#f0fdf4;background:var(--ps-success-bg);border-color:#bbf7d0;border-color:var(--ps-success-border);color:#15803d}.alert-error{background:#fef2f2;background:var(--ps-error-bg);border-color:#fecaca;border-color:var(--ps-error-border);color:#b91c1c}.alert-info{background:#eff6ff;background:var(--ps-info-bg);border-color:#bfdbfe;border-color:var(--ps-info-border);color:#1d4ed8;color:var(--ps-info-text)}.alert-icon{flex-shrink:0;font-size:16px;margin-top:1px}.alert-close{background:none;border:none;color:inherit;cursor:pointer;flex-shrink:0;font-size:14px;line-height:1;margin-left:auto;opacity:.6;padding:0 2px;transition:opacity .18s ease;transition:opacity var(--ps-transition)}.alert-close:hover{opacity:1}.settings-section{background:#fff;background:var(--ps-surface);border:1px solid #e3e8f0;border:1px solid var(--ps-border);border-radius:12px;border-radius:var(--ps-radius);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--ps-shadow-sm);margin-bottom:16px;padding:24px;transition:box-shadow .18s ease;transition:box-shadow var(--ps-transition)}.settings-section:hover{box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;box-shadow:var(--ps-shadow-md)}.settings-section[class~=settings-section]{min-width:0}fieldset.settings-section{border:1px solid #e3e8f0;border:1px solid var(--ps-border)}.section-header{border-bottom:1px solid #e3e8f0;border-bottom:1px solid var(--ps-border);margin-bottom:20px;padding-bottom:16px}.section-header legend,fieldset .section-header{float:none;padding:0;width:100%}.section-header h2{align-items:center;color:#1a1d2e;color:var(--ps-text-primary);display:flex;font-size:16px;font-weight:650;gap:8px;letter-spacing:-.2px;margin:0 0 4px}.section-icon{font-size:17px;line-height:1}.section-description{color:#5a6272;color:var(--ps-text-secondary);font-size:13px;line-height:1.5;margin:0}.section-description strong{color:#1a1d2e;color:var(--ps-text-primary)}.privacy-options{display:flex;flex-direction:column;gap:12px}.privacy-option{align-items:center;background:#f9fafc;background:var(--ps-surface-2);border:1px solid #e3e8f0;border:1px solid var(--ps-border);border-radius:8px;border-radius:var(--ps-radius-sm);display:flex;gap:20px;justify-content:space-between;padding:14px 16px;transition:border-color .18s ease,background .18s ease;transition:border-color var(--ps-transition),background var(--ps-transition)}.privacy-option:hover{background:#eef0fd;background:var(--ps-accent-light);border-color:#6c7ff2;border-color:var(--ps-accent)}.option-info{flex:1 1;min-width:0}.option-info h3{align-items:center;color:#1a1d2e;color:var(--ps-text-primary);display:flex;font-size:14px;font-weight:600;gap:6px;margin:0 0 2px}.option-icon{font-size:15px}.option-info p{color:#5a6272;color:var(--ps-text-secondary);font-size:12.5px;line-height:1.45;margin:0}.field-warning{color:#92400e!important;font-size:12px!important;font-weight:500;margin-top:6px!important}.privacy-select{appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235a6272' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;background:var(--ps-surface) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235a6272' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid #e3e8f0;border:1px solid var(--ps-border);border-radius:8px;border-radius:var(--ps-radius-sm);color:#1a1d2e;color:var(--ps-text-primary);cursor:pointer;flex-shrink:0;font-family:DM Sans,sans-serif;font-family:var(--ps-font);font-size:13.5px;font-weight:500;min-width:170px;padding:9px 36px 9px 14px;transition:border-color .18s ease,box-shadow .18s ease;transition:border-color var(--ps-transition),box-shadow var(--ps-transition)}.privacy-select:focus,.privacy-select:hover{border-color:#6c7ff2;border-color:var(--ps-accent)}.privacy-select:focus{box-shadow:0 0 0 3px #6c7ff226;outline:none}.privacy-select option:disabled{color:#9aa3b4;color:var(--ps-text-muted)}.ceiling-box{border:1px solid;border-radius:8px;border-radius:var(--ps-radius-sm);font-size:13px;line-height:1.55;padding:14px 16px;transition:background .18s ease,border-color .18s ease;transition:background var(--ps-transition),border-color var(--ps-transition)}.ceiling-box h4{font-size:13px;font-weight:650;margin:0 0 6px}.ceiling-box p{color:inherit;margin:4px 0 0}.ceiling-warning{background:#fffbeb;background:var(--ps-warn-bg);border-color:#fde68a;border-color:var(--ps-warn-border);color:#92400e}.ceiling-ok{background:#f0fdf4;background:var(--ps-success-bg);border-color:#bbf7d0;border-color:var(--ps-success-border);color:#15803d}.privacy-summary{background:#eef0fd;background:var(--ps-accent-light);border-color:#6c7ff240}.summary-grid{grid-gap:10px 24px;display:grid;gap:10px 24px;grid-template-columns:1fr 1fr}.summary-row{background:#fff;border:1px solid #e3e8f0;border:1px solid var(--ps-border);border-radius:8px;border-radius:var(--ps-radius-sm);display:flex;flex-direction:column;gap:3px;padding:10px 14px}.summary-label{color:#9aa3b4;color:var(--ps-text-muted);font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.summary-value{color:#1a1d2e;color:var(--ps-text-primary);font-size:14px;font-weight:600}.summary-warning{color:#f59e0b;color:var(--ps-warn)}.form-actions{align-items:center;border-top:1px solid #e3e8f0;border-top:1px solid var(--ps-border);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.btn-primary,.btn-secondary{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--ps-radius-sm);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--ps-font);font-size:14px;font-weight:600;gap:7px;padding:11px 24px;transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;transition:background var(--ps-transition),color var(--ps-transition),border-color var(--ps-transition),box-shadow var(--ps-transition),transform var(--ps-transition);white-space:nowrap}.btn-primary{background:#6c7ff2;background:var(--ps-accent);box-shadow:0 2px 8px #6c7ff24d}.btn-primary:hover:not(:disabled){background:#4f5fd4;background:var(--ps-accent-dark);box-shadow:0 4px 14px #6c7ff266;transform:translateY(-1px)}.btn-primary:active:not(:disabled){box-shadow:0 2px 6px #6c7ff240;transform:translateY(0)}.btn-primary:disabled{box-shadow:none;opacity:.5;transform:none}.btn-secondary{background:var(--ps-surface);border-color:#e3e8f0;border-color:var(--ps-border);color:#5a6272;color:var(--ps-text-secondary)}.btn-secondary:hover:not(:disabled){background:#f9fafc;background:var(--ps-surface-2);border-color:#c5cdd8;color:#1a1d2e;color:var(--ps-text-primary)}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.loading-skeleton{display:flex;flex-direction:column;gap:16px}.skeleton-section{background:#fff;background:var(--ps-surface);border:1px solid #e3e8f0;border:1px solid var(--ps-border);border-radius:12px;border-radius:var(--ps-radius);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--ps-shadow-sm);padding:24px}.skeleton{animation:ps-shimmer 1.4s infinite;background:linear-gradient(90deg,#f0f2f7 25%,#e4e8f0 50%,#f0f2f7 75%);background-size:200% 100%;border-radius:6px}.skeleton-title{height:22px;margin-bottom:16px;width:40%}.skeleton-row{height:52px;margin-bottom:10px}.skeleton-row:last-child{margin-bottom:0}@keyframes ps-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes ps-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes ps-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.settings-subpage{padding:20px 14px 48px}.settings-section{padding:18px 16px}.privacy-option{align-items:flex-start;flex-direction:column;gap:12px}.privacy-select{min-width:0;min-width:auto;width:100%}.summary-grid{grid-template-columns:1fr}.form-actions{align-items:stretch;flex-direction:column-reverse}.btn-primary,.btn-secondary{justify-content:center;width:100%}.subpage-header h1{font-size:22px}}:root{--sidebar-w:340px;--sidebar-w-sm:280px;--header-h:64px;--accent:#4a7fcb;--accent-dark:#3a6ab0;--accent-light:#e8f0fc;--sent-bg:#4a7fcb;--recv-bg:#f0f2f5;--recv-text:#111;--page-bg:#f0f2f5;--border:#e4e6eb;--text-primary:#111;--text-secondary:#65676b;--text-faint:#9a9da3;--online-green:#31a24c;--unread-blue:#0084ff;--danger:#c0392b;--radius-pill:999px;--shadow-sm:0 1px 3px #00000014;--shadow:0 2px 12px #0000001a;--shadow-lg:0 8px 30px #00000026;--transition:150ms cubic-bezier(0.4,0,0.2,1)}*,:after,:before{margin:0;padding:0}.messages-page{background:#f0f2f5;background:var(--page-bg);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:calc(100vh - 60px);overflow:hidden;position:relative}.conversations-sidebar{border-right:1px solid #e4e6eb;border-right:1px solid var(--border);flex-direction:column;transition:transform .15s cubic-bezier(.4,0,.2,1),width .15s cubic-bezier(.4,0,.2,1);transition:transform var(--transition),width var(--transition);width:340px;width:var(--sidebar-w);z-index:10}.conversations-header,.conversations-sidebar{background:#fff;background:var(--surface);display:flex;flex-shrink:0}.conversations-header{align-items:center;border-bottom:1px solid #e4e6eb;border-bottom:1px solid var(--border);justify-content:space-between;min-height:64px;padding:16px 20px}.conversations-header h2{color:#111;color:var(--text-primary);font-size:22px;font-weight:700;margin:0}.new-message-btn{align-items:center;background:#4a7fcb;background:var(--accent);border:none;border-radius:999px;border-radius:var(--radius-pill);color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:5px;padding:8px 16px;transition:background .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition),transform var(--transition);white-space:nowrap}.new-message-btn:hover{background:#3a6ab0;background:var(--accent-dark);transform:translateY(-1px)}.new-message-btn:focus-visible{outline:2px solid #4a7fcb;outline:2px solid var(--accent);outline-offset:2px}.conversations-list{flex:1 1;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#e4e6eb #0000;scrollbar-color:var(--border) #0000;scrollbar-width:thin}.conversations-list::-webkit-scrollbar{width:4px}.conversations-list::-webkit-scrollbar-thumb{background:#e4e6eb;background:var(--border);border-radius:2px}.no-conversations{color:#65676b;color:var(--text-secondary);padding:48px 20px;text-align:center}.no-conversations p{font-size:15px}.no-conversations .hint{color:#9a9da3;color:var(--text-faint);font-size:13px;margin-top:8px}.conversation-item{align-items:center;border-bottom:1px solid #f0f2f5;border-bottom:1px solid var(--page-bg);cursor:pointer;display:flex;gap:12px;min-height:72px;padding:12px 16px;transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition)}.conversation-item:hover{background:#f5f6f8}.conversation-item.active{background:#e8f0fc;background:var(--accent-light)}.conversation-item:focus-visible{outline:2px solid #4a7fcb;outline:2px solid var(--accent);outline-offset:-2px}.conv-avatar-wrapper{flex-shrink:0;position:relative}.conv-avatar{align-items:center;background:#4a7fcb;background:var(--accent);border-radius:50%;color:#fff;contain:layout style;display:flex;font-size:20px;font-weight:700;height:52px;justify-content:center;overflow:hidden;width:52px}.online-indicator{background:#31a24c;background:var(--online-green);border:2px solid #fff;border:2px solid var(--surface);border-radius:50%;bottom:1px;height:13px;position:absolute;right:1px;width:13px}.conv-info{flex:1 1;min-width:0}.conv-top{align-items:baseline;display:flex;gap:6px;justify-content:space-between;margin-bottom:3px}.conv-name{color:#111;color:var(--text-primary);flex:1 1;font-size:15px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-time{color:#9a9da3;color:var(--text-faint);flex-shrink:0;font-size:12px;white-space:nowrap}.conv-bottom{align-items:center;display:flex;gap:6px;justify-content:space-between}.conv-preview{color:#65676b;color:var(--text-secondary);flex:1 1;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{background:#0084ff;background:var(--unread-blue);border-radius:999px;border-radius:var(--radius-pill);color:#fff;flex-shrink:0;font-size:11px;font-weight:700;min-width:20px;padding:2px 7px;text-align:center}.chat-area{flex:1 1;flex-direction:column;min-width:0;position:relative}.chat-area,.chat-header{background:#fff;background:var(--surface);display:flex}.chat-header{border-bottom:1px solid #e4e6eb;border-bottom:1px solid var(--border);box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);gap:12px;min-height:64px;padding:12px 16px}.chat-back-btn,.chat-header{align-items:center;flex-shrink:0}.chat-back-btn{background:none;border:none;border-radius:50%;color:#4a7fcb;color:var(--accent);cursor:pointer;display:none;font-family:inherit;font-size:20px;height:36px;justify-content:center;transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition);width:36px}.chat-back-btn:hover{background:#f0f2f5;background:var(--page-bg)}.chat-avatar-wrapper{flex-shrink:0;position:relative}.chat-avatar{align-items:center;background:#4a7fcb;background:var(--accent);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;overflow:hidden;width:40px}.chat-user-info{flex:1 1;min-width:0}.chat-user-info h3{color:#111;color:var(--text-primary);font-size:16px;font-weight:700;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-status-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.user-status{color:#65676b;color:var(--text-secondary);font-size:12px;font-weight:500}.message-limit-warning{align-items:center;background:#fff0f0;border:1px solid #ffd0d0;border-radius:999px;border-radius:var(--radius-pill);color:#c0392b;color:var(--danger);display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 8px}.messages-container{background:#f0f2f5;background:var(--page-bg);display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;overscroll-behavior:contain;padding:16px;scrollbar-color:#e4e6eb #0000;scrollbar-color:var(--border) #0000;scrollbar-width:thin}.messages-container::-webkit-scrollbar{width:4px}.messages-container::-webkit-scrollbar-thumb{background:#e4e6eb;background:var(--border);border-radius:2px}.loading-more{color:#65676b;color:var(--text-secondary);font-size:13px;padding:12px;text-align:center}.load-more-btn{background:#fff;background:var(--surface);border:1px solid #e4e6eb;border:1px solid var(--border);border-radius:999px;border-radius:var(--radius-pill);color:#4a7fcb;color:var(--accent);cursor:pointer;display:block;font-family:inherit;font-size:13px;font-weight:600;margin:0 auto 12px;padding:7px 18px;transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition)}.load-more-btn:hover{background:#e8f0fc;background:var(--accent-light)}.message{display:flex;margin-bottom:4px}.message.sent{justify-content:flex-end}.message.received{justify-content:flex-start}.message+.message.received,.message+.message.sent{margin-top:1px}.message-bubble{border-radius:18px;box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);max-width:65%;padding:10px 14px}.message.sent .message-bubble{background:#4a7fcb;background:var(--sent-bg);border-bottom-right-radius:5px;color:#fff}.message.received .message-bubble{background:#f0f2f5;background:var(--recv-bg);border-bottom-left-radius:5px;color:#111;color:var(--recv-text)}.message-content{word-wrap:break-word;font-size:15px;line-height:1.45;margin:0}.message-time{display:block;font-size:11px;margin-top:4px;opacity:.65;text-align:right}.read-indicator{margin-left:4px}.typing-indicator{background:#f0f2f5;background:var(--recv-bg);border-radius:18px;border-bottom-left-radius:5px;gap:8px;margin:4px 0 8px;max-width:65%;padding:10px 14px;width:-webkit-fit-content;width:fit-content}.typing-dots,.typing-indicator{align-items:center;display:flex}.typing-dots{gap:4px}.typing-dots span{animation:msg-typing 1.4s infinite;background:#65676b;background:var(--text-secondary);border-radius:50%;height:7px;width:7px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes msg-typing{0%,60%,to{opacity:.6;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.typing-text{color:#65676b;color:var(--text-secondary);font-size:12px;font-style:italic}.message-input-area{align-items:center;background:#fff;background:var(--surface);border-top:1px solid #e4e6eb;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:10px;padding:12px 16px}.message-input{background:#f0f2f5;background:var(--page-bg);border:1px solid #e4e6eb;border:1px solid var(--border);border-radius:999px;border-radius:var(--radius-pill);color:#111;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:15px;min-width:0;outline:none;padding:11px 16px;transition:border-color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition),background var(--transition)}.message-input:focus{background:#fff;background:var(--surface);border-color:#4a7fcb;border-color:var(--accent)}.message-input:disabled{background:#f0f2f5;background:var(--page-bg);cursor:not-allowed}.message-input::placeholder,.message-input:disabled{color:#9a9da3;color:var(--text-faint)}.send-button{align-items:center;background:#4a7fcb;background:var(--accent);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:18px;height:44px;justify-content:center;transition:background .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition),transform var(--transition);width:44px}.send-button:hover:not(:disabled){background:#3a6ab0;background:var(--accent-dark);transform:scale(1.05)}.send-button:disabled{background:#c8ccd2;cursor:not-allowed}.send-button:focus-visible{outline:2px solid #4a7fcb;outline:2px solid var(--accent);outline-offset:2px}.no-chat-selected{align-items:center;color:#65676b;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:center;padding:24px;text-align:center}.no-chat-selected h3{color:#111;color:var(--text-primary);font-size:22px;font-weight:700;margin-bottom:4px}.no-chat-selected p{color:#65676b;color:var(--text-secondary);font-size:15px}.connection-status{background:#e68900;border-radius:12px;border-radius:var(--radius);box-shadow:0 2px 12px #0000001a;box-shadow:var(--shadow);color:#fff;font-size:13px;font-weight:600;left:50%;padding:9px 20px;position:fixed;top:68px;transform:translateX(-50%);white-space:nowrap;z-index:2000}.modal-overlay{background:#0000008c;padding:16px}.modal-content{animation:modal-up .2s cubic-bezier(.34,1.4,.64,1);box-shadow:0 8px 30px #00000026;display:flex;flex-direction:column;max-height:85vh;max-width:480px;width:100%}@keyframes modal-up{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{border-bottom:1px solid #e4e6eb;flex-shrink:0;padding:16px 20px}.modal-header h3{color:#111;color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.modal-header button{background:none;border:none;border-radius:4px;color:#65676b;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:22px;line-height:1;padding:2px 6px;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition)}.modal-header button:hover{background:#f0f2f5;background:var(--page-bg);color:#111;color:var(--text-primary)}.search-box{border-bottom:1px solid #e4e6eb;border-bottom:1px solid var(--border);flex-shrink:0;padding:12px 16px}.search-box input{background:#f0f2f5;background:var(--page-bg);border:1.5px solid #e4e6eb;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--radius);color:#111;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px 14px;transition:border-color .15s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition);width:100%}.search-box input:focus{background:#fff;background:var(--surface);border-color:#4a7fcb;border-color:var(--accent);outline:none}.search-box input::placeholder{color:#9a9da3;color:var(--text-faint)}.user-list{flex:1 1;overflow-y:auto;padding:12px 16px}.user-list h4{color:#9a9da3;color:var(--text-faint);font-size:11px;font-weight:700;letter-spacing:.08em;margin:0 0 10px;text-transform:uppercase}.user-item{align-items:center;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition)}.user-item:hover{background:#f0f2f5;background:var(--page-bg)}.user-item:focus-visible{border-radius:8px;border-radius:var(--radius-sm);outline:2px solid #4a7fcb;outline:2px solid var(--accent);outline-offset:2px}.user-avatar{align-items:center;background:#4a7fcb;background:var(--accent);border-radius:50%;color:#fff;contain:layout style;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:44px;justify-content:center;overflow:hidden;width:44px}.user-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.user-name{color:#111;color:var(--text-primary);font-size:14px;font-weight:600}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#9a9da3;color:var(--text-faint);font-size:12px;margin-top:1px}.friend-badge{background:#e8f0fc;background:var(--accent-light);border-radius:999px;border-radius:var(--radius-pill);color:#3a6ab0;color:var(--accent-dark);font-size:10px;font-weight:700;margin-top:3px;padding:2px 7px;width:-webkit-fit-content;width:fit-content}.no-results{color:#9a9da3;color:var(--text-faint);font-size:14px;padding:32px}.msg-toast-stack{display:flex;flex-direction:column;gap:8px;max-width:300px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.msg-toast{animation:msg-toast-in .25s ease,msg-toast-out .3s ease 3.2s forwards;border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 2px 12px #0000001a;box-shadow:var(--shadow);color:#fff;font-family:inherit;font-size:13px;font-weight:600;padding:10px 16px}.msg-toast--success{background:#1e6b36}.msg-toast--error{background:#a52020}.msg-toast--info{background:#1a3f70}@keyframes msg-toast-in{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}@keyframes msg-toast-out{0%{opacity:1}to{opacity:0;transform:translateX(16px)}}:focus-visible{outline:2px solid #4a7fcb;outline:2px solid var(--accent);outline-offset:2px}@media (max-width:1023px){.conversations-sidebar{width:280px;width:var(--sidebar-w-sm)}.conv-avatar{font-size:18px;height:46px;width:46px}.conv-name{font-size:14px}.conv-time{font-size:11px}.message-bubble{max-width:75%}.chat-back-btn{display:flex}}@media (max-width:639px){.messages-page{flex-direction:column;height:calc(100vh - 56px)}.conversations-sidebar{border-right:none;height:100%;inset:0;position:absolute;transform:translateX(0);transition:transform .28s cubic-bezier(.4,0,.2,1);width:100%;z-index:20}.messages-page[data-view=chat] .conversations-sidebar{pointer-events:none;transform:translateX(-100%)}.chat-area{height:100%;inset:0;position:absolute;transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);width:100%;z-index:20}.messages-page[data-view=chat] .chat-area{transform:translateX(0)}.chat-back-btn{display:flex}.conversations-header{padding:14px 16px}.conversations-header h2{font-size:20px}.conversation-item{min-height:66px;padding:10px 14px}.conv-avatar{font-size:19px;height:48px;width:48px}.messages-container{padding:12px}.message-bubble{max-width:82%}.message-content{font-size:14px}.message-input-area{gap:8px;padding:10px 12px}.message-input{font-size:14px;padding:10px 14px}.send-button{font-size:16px;height:40px;width:40px}.chat-header{gap:10px;min-height:58px;padding:10px 14px}.chat-user-info h3{font-size:15px}.user-status{font-size:11px}.modal-overlay{align-items:flex-end;padding:0}.modal-content{animation:modal-slide-up .25s cubic-bezier(.4,0,.2,1);border-radius:12px 12px 0 0;border-radius:var(--radius) var(--radius) 0 0;max-height:92vh;max-width:100%}@keyframes modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.msg-toast-stack{bottom:80px;left:12px;max-width:100%;right:12px;top:auto}.connection-status{border-radius:12px;border-radius:var(--radius);bottom:72px;font-size:12px;padding:8px 16px;text-align:center;top:auto;width:calc(100% - 32px)}.no-chat-selected{display:none}}@media (max-width:379px){.conversations-header h2{font-size:18px}.new-message-btn{font-size:12px;padding:7px 12px}.conv-avatar{font-size:16px;height:42px;width:42px}.conversation-item{padding:9px 12px}.message-bubble{max-width:88%}.message-content{font-size:13.5px}}@media (min-width:1280px){.conversations-sidebar{width:380px}.message-bubble{max-width:58%}.messages-container{padding:20px 24px}}@media print{.chat-header,.connection-status,.conversations-sidebar,.message-input-area,.msg-toast-stack,.new-message-btn{display:none!important}.messages-page{height:auto}.messages-container{height:auto;overflow:visible}}.browse-container{background-color:#fff;font-family:Lucida Grande,Tahoma,Verdana,Arial,sans-serif;margin:0 auto;max-width:800px;min-height:100vh;padding:20px}.profile-toast{animation:toastFadeIn .2s ease;border-radius:4px;box-shadow:0 2px 8px #00000026;font-size:13px;font-weight:700;max-width:320px;padding:10px 16px;position:fixed;right:20px;top:20px;z-index:9999}.profile-toast--success{background:#e6f4ea;border:1px solid #42b72a;color:#1a7f37}.profile-toast--error{background:#ffebe8;border:1px solid #dd3c10;color:#dd3c10}.profile-toast--info{background:#e7f0ff;border:1px solid #3b5998;color:#3b5998}@keyframes toastFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.confirm-overlay{animation:overlayFadeIn .15s ease;background:#00000073;z-index:10000}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.confirm-box{animation:boxSlideIn .15s ease;border:1px solid #d8dfea;border-radius:4px;box-shadow:0 4px 24px #0000002e;font-family:Lucida Grande,Tahoma,Verdana,Arial,sans-serif;max-width:380px;padding:24px 28px}@keyframes boxSlideIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.confirm-title{color:#3b5998;font-size:16px;font-weight:700;margin:0 0 10px}.confirm-message{color:#4b4f56;font-size:13px;line-height:1.5;margin:0 0 20px}.confirm-actions{justify-content:flex-end}.confirm-btn-cancel{background:linear-gradient(#f6f7f9,#e9ebee);border:1px solid #ccd0d5;border-radius:3px;color:#4b4f56;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;padding:7px 16px}.confirm-btn-cancel:hover{background:linear-gradient(#e9ebee,#dddfe2);border-color:#bec3c9}.confirm-btn-primary{background:linear-gradient(180deg,#69c,#3b5998);border:1px solid #29487d;border-radius:3px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;padding:7px 16px}.confirm-btn-primary:hover{background:linear-gradient(180deg,#58b,#29487d)}.browse-header{border-bottom:1px solid #d8dfea;margin-bottom:30px;padding-bottom:15px}.browse-header h1{color:#47a;font-size:24px;font-weight:700;margin:0 0 5px}.browse-subtitle{color:#777;font-size:13px;margin:0}.back-button{background:none;border:none;color:#3b5998;cursor:pointer;display:block;font-size:13px;margin-bottom:15px;padding:5px 0}.back-button:hover{text-decoration:underline}.college-header-info h1{margin:0 0 4px}.loading{color:#777;font-size:14px;padding:40px;text-align:center}.error-message{border-radius:3px}.filter-controls{margin-bottom:10px}.toggle-filters-btn{background:linear-gradient(#f6f7f9,#e9ebee);border:1px solid #ccd0d5;border-radius:3px;color:#4b4f56;font-family:inherit;font-size:12px;padding:6px 12px}.toggle-filters-btn:hover{background:linear-gradient(#e9ebee,#dddfe2);border-color:#3b5998;color:#3b5998}.active-badge{background:#3b5998;border-radius:10px;color:#fff;font-size:10px;padding:1px 6px}.clear-all-filters{border:none;color:#dd3c10;font-family:inherit;font-size:12px;padding:5px;text-decoration:underline}.clear-all-filters:hover{color:#a20}.filters-bar{background:#f6f7f9;border:1px solid #e9ebee;border-radius:3px;margin-bottom:15px;padding:12px 15px}.filters-grid{flex-wrap:wrap;gap:15px}.filter-group,.filters-grid{align-items:center;display:flex}.filter-group{gap:8px}.filter-group label{color:#4b4f56;font-size:12px;font-weight:700;white-space:nowrap}.filter-group select{background:#fff;border:1px solid #ccd0d5;border-radius:3px;color:#1c1e21;cursor:pointer;font-family:inherit;font-size:12px;padding:5px 8px}.filter-group select:focus{border-color:#3b5998;outline:none}.active-filters{font-size:12px}.filter-tag{background:#e7f0ff;border:1px solid #bcd0f5;border-radius:10px;font-size:11px;font-weight:700;padding:3px 8px}.filter-tag button{font-family:inherit;opacity:.7}.filter-tag button:hover{opacity:1}.clear-filters-btn{background:linear-gradient(#f6f7f9,#e9ebee);border:1px solid #ccd0d5;border-radius:3px;color:#4b4f56;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;margin-top:10px;padding:8px 16px}.clear-filters-btn:hover{background:linear-gradient(#e9ebee,#dddfe2);border-color:#3b5998;color:#3b5998}.colleges-view{background:#fff}.colleges-list{display:flex;flex-direction:column;gap:0}.college-card{align-items:center;border-bottom:1px solid #e9ebee;cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px;transition:background-color .2s}.college-card:hover{background-color:#f6f7f9}.college-card.own-college{background-color:#f0f4ff}.college-info h3{color:#3b5998;font-size:15px;font-weight:700;margin:0 0 3px}.college-location{font-size:12px;margin:2px 0}.college-domain{color:#90949c;font-size:11px;margin:2px 0}.college-stats{align-items:flex-end;display:flex;flex-direction:column;gap:5px}.student-count{color:#90949c;font-size:12px}.badge-own{background-color:#3b5998;border-radius:3px;color:#fff;font-size:10px;font-weight:700;padding:3px 8px}.students-list{background:#fff;border:1px solid #e9ebee;border-radius:3px}.student-card{border-bottom:1px solid #e9ebee;cursor:pointer;display:flex;gap:12px;padding:12px 15px;transition:background-color .15s}.student-card:last-child{border-bottom:none}.student-card:hover{background-color:#f6f7f9}.student-avatar{flex-shrink:0;height:50px;position:relative;width:50px}.student-avatar img{border:1px solid #e9ebee;border-radius:3px;height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:#3b5998;border-radius:3px;color:#fff;display:flex;font-size:24px;font-weight:700;height:100%;justify-content:center;width:100%}.online-dot{background-color:#42b72a;border:2px solid #fff;border-radius:50%;bottom:2px;height:10px;position:absolute;right:2px;width:10px}.student-info{flex:1 1;min-width:0}.student-info h3{color:#3b5998;font-size:14px;font-weight:700;margin:0 0 2px}.student-card:hover .student-info h3{text-decoration:underline}.student-username{color:#90949c;font-size:12px;margin:0 0 4px}.student-details{gap:5px}.detail-badge{background:#f0f4ff;border:1px solid #d8dfea;padding:2px 7px}.student-bio{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4b4f56;display:-webkit-box;font-size:12px;line-height:1.4;margin:4px 0;overflow:hidden;text-overflow:ellipsis}.student-meta{color:#90949c;display:flex;flex-wrap:wrap;font-size:11px;gap:5px;margin-top:4px}.student-meta span{white-space:nowrap}.status-online{color:#42b72a;font-weight:700}.no-results{color:#777;font-size:13px;padding:40px 20px;text-align:center}.pagination{align-items:center;background:#f6f7f9;border:1px solid #e9ebee;border-radius:3px;display:flex;justify-content:space-between;margin-top:20px;padding:15px 20px}.pagination button{background:#fff;border:1px solid #ccd0d5;border-radius:3px;color:#4b4f56;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;padding:6px 12px}.pagination button:hover:not(:disabled){background:#f6f7f9;border-color:#3b5998;color:#3b5998}.pagination button:disabled{cursor:not-allowed;opacity:.5}.page-info{color:#4b4f56;font-size:12px}.total-count{color:#90949c;margin-left:5px}@media (max-width:768px){.browse-container{padding:10px}.college-card{align-items:flex-start;flex-direction:column;gap:10px}.college-stats{align-items:center;flex-direction:row;gap:10px}.filters-grid{align-items:stretch;flex-direction:column}.filter-group{align-items:flex-start;flex-direction:column}.filter-group select{width:100%}.filter-controls,.pagination{flex-wrap:wrap}.pagination{gap:10px}.confirm-box{padding:20px}.confirm-actions{flex-direction:column-reverse}.confirm-btn-cancel,.confirm-btn-primary{padding:10px;text-align:center;width:100%}}.verify-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Lucida Grande,Tahoma,Verdana,Arial,sans-serif;justify-content:center;min-height:100vh;padding:20px}.verify-box{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000001a;max-width:500px;padding:40px;width:100%}.verify-header{margin-bottom:24px;text-align:center}.verify-header h2{color:#3b5998;font-size:24px;margin:0 0 10px}.college-name{color:#1c1e21;font-size:18px;font-weight:700;margin:5px 0}.college-location{color:#777;font-size:13px;margin:0}.step-indicator{align-items:center;display:flex;gap:0;justify-content:center;margin-bottom:24px}.step-dot{background:#ddd;border-radius:50%;flex-shrink:0;height:12px;transition:background .3s;width:12px}.step-dot.active{background:#3b5998}.step-line{background:#ddd;flex-shrink:0;height:2px;width:60px}.verify-loading{align-items:center;color:#666;display:flex;flex-direction:column;font-size:13px;gap:12px;padding:40px 20px}.verify-spinner{border:3px solid #e5e5e5;border-radius:50%;border-top-color:#3b5998;height:24px;width:24px}.btn-spinner,.verify-spinner{animation:spin .7s linear infinite;display:inline-block}.btn-spinner{border:2px solid #fff6;height:12px;margin-right:6px;vertical-align:middle;width:12px}.info-box{background:#f6f7f9;border:1px solid #e9ebee;border-radius:5px;color:#4b4f56;font-size:13px;margin-bottom:20px;padding:15px}.info-box p{margin:5px 0}.domain-highlight{color:#3b5998;font-size:14px;font-weight:700;margin-top:8px!important}.email-sent{color:#3b5998;font-weight:700;word-break:break-all}.hint{color:#90949c;font-size:12px}.error-message{background-color:#ffebe8;border:1px solid #dd3c10;border-radius:5px;color:#dd3c10;margin-bottom:15px;padding:12px}.success-message{background-color:#d4edda;border:1px solid #42b72a;border-radius:5px;color:#155724;font-size:13px;margin-bottom:15px;padding:12px}.verify-form{gap:15px}.form-group,.verify-form{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#4b4f56;font-weight:700}.form-group input{border:1px solid #ccd0d5;border-radius:5px;font-size:14px;padding:12px;transition:border-color .2s}.form-group input:focus{border-color:#3b5998;box-shadow:0 0 0 2px #3b599826;outline:none}.input-hint{color:#90949c;font-size:11px}.otp-input{font-family:monospace;font-size:28px!important;font-weight:700;letter-spacing:10px;text-align:center}.btn-submit{align-items:center;background:#3b5998;border-radius:5px;display:flex;font-size:14px;justify-content:center;padding:12px;transition:background-color .2s}.btn-submit:hover:not(:disabled){background:#29487d}.btn-submit:disabled{background:#ccc}.btn-cancel{background:#fff;border:1px solid #ccd0d5;border-radius:5px;color:#4b4f56;padding:10px;text-align:center;transition:all .2s}.btn-cancel:hover:not(:disabled){background:#f6f7f9;border-color:#3b5998;color:#3b5998}.otp-actions{display:flex;justify-content:space-between;margin-top:5px}.btn-link{background:none;border:none;color:#3b5998;cursor:pointer;font-size:13px;padding:5px;transition:color .15s}.btn-link:hover:not(:disabled){color:#29487d;text-decoration:underline}.btn-link:disabled{color:#aaa;cursor:not-allowed;text-decoration:none}@media (max-width:600px){.verify-box{padding:25px}.verify-header h2{font-size:20px}.college-name{font-size:16px}.otp-actions{flex-direction:column;gap:10px}.otp-input{font-size:22px!important;letter-spacing:6px}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.rate-limit-toast{align-items:center;animation:toastIn .3s ease;background:#1a2a3a;border-radius:30px;bottom:24px;box-shadow:0 6px 24px #00000040;color:#fff;display:flex;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;gap:10px;left:50%;padding:11px 22px;position:fixed;transform:translateX(-50%) translateY(0);white-space:nowrap;z-index:9999}.rate-limit-toast.error{background:#c0392b}.rate-limit-toast.warning{background:#9a6c00}.rate-limit-toast.info{background:#47a}.rate-limit-toast.success{background:#2a7a50}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(16px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.btn-cooldown{opacity:.65;overflow:hidden;pointer-events:none;position:relative}.btn-cooldown:after{background:#ffffff4d;bottom:0;content:"";left:0;position:absolute;top:0;transition:width 1s linear;width:0;width:var(--cooldown-pct,0)}.groups-container{color:#0f1d2e;color:var(--text-primary);font-family:DM Sans,sans-serif;margin:28px auto;max-width:1140px;padding:0 20px}.groups-page-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:256px 1fr}.groups-sidebar{background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);overflow:hidden;position:-webkit-sticky;position:sticky;top:20px}.groups-sidebar-header{align-items:center;background:#f6f9fc;background:var(--surface-2);border-bottom:1px solid #dde5ee;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:18px 18px 14px}.groups-sidebar-header span{color:#0f1d2e;color:var(--text-primary);font-family:Sora,sans-serif;font-size:15px;font-weight:700;letter-spacing:-.3px}.groups-sidebar-header button{background:linear-gradient(180deg,#69c,#47a);background:var(--accent-gradient);border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;padding:5px 12px;transition:background .2s}.groups-sidebar-header button:hover{background:linear-gradient(180deg,#58b,#369);background:var(--accent-gradient-hover)}.groups-sidebar-section{padding:12px}.groups-sidebar-section h4{color:#8499ae;color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:1px;margin:0 0 8px 6px;text-transform:uppercase}.sidebar-group-item{align-items:center;border-radius:6px;border-radius:var(--radius-xs);cursor:pointer;display:flex;gap:10px;outline:none;padding:8px;transition:background .15s}.sidebar-group-item:hover{background:#e8f0f8;background:var(--accent-light)}.sidebar-group-item:focus-visible{box-shadow:0 0 0 2px #58b;box-shadow:0 0 0 2px var(--accent-mid)}.sidebar-group-icon{align-items:center;border-radius:6px;border-radius:var(--radius-xs);display:flex;flex-shrink:0;font-size:15px;height:34px;justify-content:center;width:34px}.sidebar-group-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#0f1d2e;color:var(--text-primary);display:-webkit-box;font-size:13px;font-weight:500;line-height:1.3;overflow:hidden}.groups-main{display:flex;flex-direction:column;gap:12px}.groups-header{align-items:center;background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:18px 24px}.groups-header h1{color:#0f1d2e;color:var(--text-primary);font-family:Sora,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.5px;margin:0}.btn-create-group{background:linear-gradient(180deg,#69c,#47a);background:var(--accent-gradient);border:none;border-radius:24px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;padding:9px 20px;transition:background .2s,transform .15s}.btn-create-group:hover{background:linear-gradient(180deg,#58b,#369);background:var(--accent-gradient-hover);transform:translateY(-1px)}.btn-create-group:focus-visible{outline:2px solid #58b;outline:2px solid var(--accent-mid);outline-offset:2px}.groups-tabs{background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);display:flex;gap:4px;overflow:hidden;padding:6px}.groups-tabs button{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-xs);color:#4a5e72;color:var(--text-secondary);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;gap:7px;padding:8px 18px;transition:all .15s}.groups-tabs button.active{background:linear-gradient(180deg,#69c,#47a);background:var(--accent-gradient);color:#fff;font-weight:600}.groups-tabs button:hover:not(.active){background:#e8f0f8;background:var(--accent-light);color:#47a;color:var(--accent)}.groups-tabs button:focus-visible{outline:2px solid #58b;outline:2px solid var(--accent-mid);outline-offset:2px}.invitations-badge{background:#c0392b;background:var(--red);border-radius:9px;color:#fff;font-size:10px;font-weight:700;padding:1px 6px}.groups-filters{align-items:center;background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:12px;padding:14px 18px}.search-form{display:flex;flex:1 1;min-width:220px;position:relative}.search-form input{background:#f6f9fc;background:var(--surface-2);border:1.5px solid #dde5ee;border:1.5px solid var(--border);border-radius:24px;color:#0f1d2e;color:var(--text-primary);flex:1 1;font-family:DM Sans,sans-serif;font-size:13px;padding:9px 90px 9px 16px;transition:border-color .2s,background .2s}.search-form input::placeholder{color:#8499ae;color:var(--text-muted)}.search-form input:focus{background:#fff;border-color:#58b;border-color:var(--accent-mid);outline:none}.search-form button{background:linear-gradient(180deg,#69c,#47a);background:var(--accent-gradient);border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;padding:6px 16px;position:absolute;right:4px;top:50%;transform:translateY(-50%)}.category-filter{align-items:center;display:flex;gap:8px}.category-filter label{color:#4a5e72;color:var(--text-secondary);font-size:13px;font-weight:500;white-space:nowrap}.category-filter select{background:#f6f9fc;background:var(--surface-2);border:1.5px solid #dde5ee;border:1.5px solid var(--border);border-radius:20px;color:#0f1d2e;color:var(--text-primary);cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;padding:8px 12px;transition:border-color .2s}.category-filter select:focus{border-color:#58b;border-color:var(--accent-mid);outline:none}.groups-list{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.group-card{background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;outline:none;overflow:hidden;transition:box-shadow .2s,transform .15s,border-color .2s}.group-card:hover{border-color:#b0c4d8;border-color:var(--border-hover);box-shadow:0 4px 16px #0f1d2e1c;box-shadow:var(--shadow-md);transform:translateY(-2px)}.group-card:focus-visible{box-shadow:0 0 0 3px #47a6,0 4px 16px #0f1d2e1c;box-shadow:0 0 0 3px #47a6,var(--shadow-md);transform:translateY(-2px)}.group-card-banner{background:linear-gradient(180deg,#69c,#47a);height:68px}.group-card-body{display:flex;flex:1 1;flex-direction:column;padding:14px 16px 16px}.group-info h3{color:#0f1d2e;color:var(--text-primary);font-family:Sora,sans-serif;font-size:15px;font-weight:600;letter-spacing:-.2px;line-height:1.3;margin:0 0 6px}.group-card:hover h3{color:#47a;color:var(--accent)}.group-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.group-type{border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.group-type.open{background:#e6f4ed;background:var(--green-bg);color:#2a7a50;color:var(--green)}.group-type.closed{background:#fef5d8;background:var(--amber-bg);color:#9a6c00;color:var(--amber)}.group-type.secret{background:#fde8e6;background:var(--red-bg);color:#c0392b;color:var(--red)}.group-category{font-size:11px}.group-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4a5e72;color:var(--text-secondary);display:-webkit-box;font-size:13px;line-height:1.5;margin:4px 0 10px;overflow:hidden}.group-stats{border-top:1px solid #dde5ee;border-top:1px solid var(--border);color:#8499ae;color:var(--text-muted);font-size:12px;margin-top:auto;padding-top:10px}.member-badge{align-self:flex-end;background:#e6f4ed;background:var(--green-bg);border:1px solid #b8dfc8;border-radius:12px;color:#2a7a50;color:var(--green);font-size:11px;font-weight:600;margin-top:10px;padding:3px 10px}.loading,.no-groups{background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);color:#4a5e72;color:var(--text-secondary);font-size:14px;padding:60px 40px;text-align:center}.no-groups button{background:linear-gradient(180deg,#69c,#47a);background:var(--accent-gradient);border:none;border-radius:22px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;margin-top:14px;padding:9px 22px;transition:background .2s}.no-groups button:hover{background:linear-gradient(180deg,#58b,#369);background:var(--accent-gradient-hover)}.group-detail-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 288px}.group-detail-main{display:flex;flex-direction:column;gap:12px}.group-detail-header-card{background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);overflow:hidden}.group-cover-banner-placeholder{align-items:center;background:linear-gradient(180deg,#69c,#58b 40%,#47a);display:flex;height:180px;justify-content:center;overflow:hidden;position:relative;width:100%}.group-cover-banner-placeholder:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");content:"";inset:0;position:absolute}.group-logo-area{margin-left:24px;margin-top:-28px;position:relative}.group-logo{align-items:center;background:#fff;background:var(--surface);border:3px solid #fff;border:3px solid var(--surface);border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 4px 16px #0f1d2e1c;box-shadow:var(--shadow-md);display:flex;font-size:28px;height:68px;justify-content:center;width:68px}.group-header-body{padding:10px 24px 0}.group-header-top{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;padding-bottom:14px}.group-title-section h1{color:#0f1d2e;color:var(--text-primary);font-family:Sora,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.4px;margin:0 0 6px}.group-subtitle-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.group-privacy-label{color:#4a5e72;color:var(--text-secondary);font-size:12px}.group-active-badge{align-items:center;background:#e6f4ed;background:var(--green-bg);border:1px solid #b8dfc8;border-radius:4px;color:#2a7a50;color:var(--green);display:inline-flex;font-size:10px;font-weight:700;gap:5px;letter-spacing:.5px;padding:3px 9px;text-transform:uppercase}.group-active-badge .dot{background:#2a7a50;background:var(--green);border-radius:50%;display:inline-block;height:6px;width:6px}.group-college{color:#4a5e72;color:var(--text-secondary);font-size:13px;margin:2px 0 0}.group-category{color:#8499ae;color:var(--text-muted);font-size:12px}.group-actions{flex-shrink:0;gap:8px}.btn-icon,.group-actions{align-items:center;display:flex}.btn-icon{background:#f6f9fc;background:var(--surface-2);border:1.5px solid #dde5ee;border:1.5px solid var(--border);border-radius:50%;cursor:pointer;height:36px;justify-content:center;transition:all .15s;width:36px}.btn-icon:hover{background:#e8f0f8;background:var(--accent-light);border-color:#58b;border-color:var(--accent-mid)}.btn-primary{background:linear-gradient(180deg,#69c,#47a);background:var(--accent-gradient);border:none;border-radius:24px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;padding:9px 20px;transition:background .2s;white-space:nowrap}.btn-primary:hover{background:linear-gradient(180deg,#58b,#369);background:var(--accent-gradient-hover)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-primary:focus-visible{outline:2px solid #58b;outline:2px solid var(--accent-mid);outline-offset:2px}.btn-secondary{background:#fff;background:var(--surface);border:1.5px solid #dde5ee;border:1.5px solid var(--border);border-radius:24px;color:#0f1d2e;color:var(--text-primary);cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;padding:8px 18px;transition:all .15s}.btn-secondary:hover{background:#e8f0f8;background:var(--accent-light);border-color:#58b;border-color:var(--accent-mid);color:#47a;color:var(--accent)}.btn-secondary:focus-visible{outline:2px solid #58b;outline:2px solid var(--accent-mid);outline-offset:2px}.group-tabs{border-top:1px solid #dde5ee;border-top:1px solid var(--border);display:flex;gap:2px;padding:0 16px}.group-tabs button{background:none;border:none;border-bottom:3px solid #0000;color:#4a5e72;color:var(--text-secondary);cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;padding:11px 16px;transition:all .15s}.group-tabs button.active{border-bottom-color:#47a;border-bottom-color:var(--accent);color:#47a;color:var(--accent);font-weight:600}.group-tabs button:hover:not(:disabled):not(.active){background:#e8f0f8;background:var(--accent-light);border-radius:4px 4px 0 0;color:#47a;color:var(--accent)}.group-tabs button:disabled{cursor:not-allowed;opacity:.35}.group-tabs button:focus-visible{outline:2px solid #58b;outline:2px solid var(--accent-mid);outline-offset:-2px}.join-requests-section{background:#fef5d8;background:var(--amber-bg);border:1px solid #e8c97a;border-radius:12px;border-radius:var(--radius);padding:16px}.join-requests-section h3{color:#0f1d2e;color:var(--text-primary);font-family:Sora,sans-serif;font-size:14px;font-weight:600;margin:0 0 12px}.requests-list{display:flex;flex-direction:column;gap:10px}.request-card{background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);gap:12px;justify-content:space-between;padding:12px}.request-card,.request-user{align-items:center;display:flex}.request-user{gap:10px}.request-user img{border-radius:50%;height:42px;object-fit:cover;width:42px}.request-user strong{display:block;font-size:13px;font-weight:600}.request-user p{color:#4a5e72;color:var(--text-secondary);font-size:12px;margin:2px 0 0}.request-actions{display:flex;gap:8px}.btn-approve{background:#2a7a50;background:var(--green);border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;padding:6px 14px;transition:opacity .2s}.btn-approve:hover{opacity:.85}.btn-approve:disabled{cursor:not-allowed;opacity:.5}.btn-reject{background:none;border:1.5px solid #c0392b;border:1.5px solid var(--red);border-radius:20px;color:#c0392b;color:var(--red);cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;padding:5px 14px;transition:background .15s}.btn-reject:hover{background:#fde8e6;background:var(--red-bg)}.btn-reject:disabled{cursor:not-allowed;opacity:.5}.create-post-box{background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);overflow:hidden}.create-post-input-row{align-items:center;display:flex;gap:10px;padding:14px 16px}.create-post-avatar{align-items:center;background:#e8f0f8;background:var(--accent-light);border-radius:50%;display:flex;flex-shrink:0;font-size:18px;height:42px;justify-content:center;object-fit:cover;width:42px}.create-post-input-btn{background:#f6f9fc;background:var(--surface-2);border:1.5px solid #dde5ee;border:1.5px solid var(--border);border-radius:24px;color:#8499ae;color:var(--text-muted);cursor:pointer;flex:1 1;font-family:DM Sans,sans-serif;font-size:14px;padding:10px 18px;text-align:left;transition:border-color .15s,background .15s}.create-post-input-btn:hover{background:#e8f0f8;background:var(--accent-light);border-color:#58b;border-color:var(--accent-mid);color:#47a;color:var(--accent)}.create-post-textarea{background:#f6f9fc;background:var(--surface-2);border:1.5px solid #dde5ee;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#0f1d2e;color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:14px;min-height:80px;padding:10px 12px;resize:none;transition:border-color .2s;width:100%}.create-post-textarea:focus{background:#fff;border-color:#58b;border-color:var(--accent-mid);outline:none}.create-post-actions{align-items:center;background:#f6f9fc;background:var(--surface-2);border-top:1px solid #dde5ee;border-top:1px solid var(--border);display:flex;justify-content:flex-end;padding:8px 16px}.btn-post-submit{background:linear-gradient(180deg,#69c,#47a);background:var(--accent-gradient);border:none;border-radius:22px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;padding:8px 22px;transition:background .2s}.btn-post-submit:hover{background:linear-gradient(180deg,#58b,#369);background:var(--accent-gradient-hover)}.btn-post-submit:disabled{background:#dde5ee;background:var(--border);color:#8499ae;color:var(--text-muted);cursor:not-allowed}.posts-list{display:flex;flex-direction:column;gap:10px}.post-card{background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);padding:18px;transition:box-shadow .2s}.post-card:hover{box-shadow:0 4px 16px #0f1d2e1c;box-shadow:var(--shadow-md)}.post-header{display:flex;gap:10px;margin-bottom:12px}.post-header img{border-radius:50%;flex-shrink:0;height:42px;object-fit:cover;width:42px}.post-header strong{color:#0f1d2e;color:var(--text-primary);display:block;font-family:Sora,sans-serif;font-size:14px;font-weight:600}.post-time{color:#8499ae;color:var(--text-muted);display:block;font-size:12px;margin-top:2px}.post-content p{color:#0f1d2e;color:var(--text-primary);font-size:14px;line-height:1.6;margin:0}.post-actions{border-top:1px solid #dde5ee;border-top:1px solid var(--border);display:flex;gap:4px;margin-top:12px;padding-top:12px}.post-actions button{background:none;border:none;border-radius:6px;border-radius:var(--radius-xs);color:#4a5e72;color:var(--text-secondary);cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;padding:6px 12px;transition:background .15s}.post-actions button:hover{background:#e8f0f8;background:var(--accent-light);color:#47a;color:var(--accent)}.post-actions button:focus-visible{outline:2px solid #58b;outline:2px solid var(--accent-mid);outline-offset:2px}.comments-section{border-top:1px solid #dde5ee;border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.comments-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.comment{display:flex;gap:8px}.comment img{border-radius:50%;flex-shrink:0;height:34px;object-fit:cover;width:34px}.comment-content{background:#f6f9fc;background:var(--surface-2);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:0 8px 8px 8px;border-radius:0 var(--radius-sm) var(--radius-sm) var(--radius-sm);flex:1 1;padding:9px 13px}.comment-content strong{color:#0f1d2e;color:var(--text-primary);display:block;font-size:12px;font-weight:600;margin-bottom:2px}.comment-content p{color:#0f1d2e;color:var(--text-primary);font-size:13px;line-height:1.5;margin:0}.comment-time{color:#8499ae;color:var(--text-muted);display:block;font-size:11px;margin-top:4px}.add-comment-form{align-items:center;display:flex;gap:8px}.add-comment-form img{border-radius:50%;flex-shrink:0;height:34px;object-fit:cover;width:34px}.add-comment-form input{background:#f6f9fc;background:var(--surface-2);border:1.5px solid #dde5ee;border:1.5px solid var(--border);border-radius:24px;color:#0f1d2e;color:var(--text-primary);flex:1 1;font-family:DM Sans,sans-serif;font-size:13px;padding:8px 14px;transition:border-color .2s,background .2s}.add-comment-form input:focus{background:#fff;border-color:#58b;border-color:var(--accent-mid);outline:none}.add-comment-form button{background:linear-gradient(180deg,#69c,#47a);background:var(--accent-gradient);border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;padding:7px 16px;transition:background .2s}.add-comment-form button:hover{background:linear-gradient(180deg,#58b,#369);background:var(--accent-gradient-hover)}.add-comment-form button:disabled{background:#dde5ee;background:var(--border);cursor:not-allowed}.group-detail-sidebar{display:flex;flex-direction:column;gap:12px;position:-webkit-sticky;position:sticky;top:20px}.sidebar-card{background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);overflow:hidden}.sidebar-card-header{align-items:center;background:#f6f9fc;background:var(--surface-2);border-bottom:1px solid #dde5ee;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 16px 12px}.sidebar-card-header h3{color:#0f1d2e;color:var(--text-primary);font-family:Sora,sans-serif;font-size:14px;font-weight:600;margin:0}.sidebar-card-header button{background:none;border:none;color:#47a;color:var(--accent);cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600}.members-cluster{display:flex;flex-wrap:wrap;gap:5px;padding:14px 16px 6px}.member-avatar-small{border:2px solid #fff;border:2px solid var(--surface);border-radius:50%;box-shadow:0 0 0 1px #dde5ee;box-shadow:0 0 0 1px var(--border);cursor:pointer;height:38px;object-fit:cover;outline:none;transition:transform .15s;width:38px}.member-avatar-small:hover{transform:scale(1.12)}.member-avatar-small:focus-visible{outline:2px solid #58b;outline:2px solid var(--accent-mid);outline-offset:2px}.members-count-chip{align-items:center;background:#e8f0f8;background:var(--accent-light);border:2px solid #fff;border:2px solid var(--surface);border-radius:50%;box-shadow:0 0 0 1px #dde5ee;box-shadow:0 0 0 1px var(--border);color:#47a;color:var(--accent);display:flex;font-size:11px;font-weight:700;height:38px;justify-content:center;width:38px}.members-cluster-footer{color:#8499ae;color:var(--text-muted);font-size:12px;padding:6px 16px 14px}.invite-section{padding:8px 14px 14px}.invite-btn-large{background:linear-gradient(180deg,#69c,#47a);background:var(--accent-gradient);border:none;border-radius:22px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;padding:10px 16px;transition:background .2s;width:100%}.invite-btn-large:hover{background:linear-gradient(180deg,#58b,#369);background:var(--accent-gradient-hover)}.admin-section{display:flex;flex-direction:column;gap:12px;padding:12px 16px 14px}.admin-item{align-items:flex-start;display:flex;gap:10px}.admin-avatar{background:#dde5ee;background:var(--border);border-radius:50%;cursor:pointer;flex-shrink:0;height:48px;object-fit:cover;width:48px}.admin-info{flex:1 1;min-width:0}.admin-name{color:#0f1d2e;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:600;margin-bottom:3px;outline:none}.admin-name:hover{color:#47a;color:var(--accent)}.admin-name:focus-visible{color:#47a;color:var(--accent);text-decoration:underline}.admin-role-badge{background:#e8f0f8;background:var(--accent-light);border-radius:4px;color:#47a;color:var(--accent);display:inline-block;font-size:10px;font-weight:700;letter-spacing:.4px;margin-bottom:3px;padding:2px 8px;text-transform:uppercase}.admin-title{color:#8499ae;color:var(--text-muted);font-size:12px;line-height:1.3}.info-sidebar-content{padding:4px 16px 14px}.info-row{align-items:center;border-bottom:1px solid #dde5ee;border-bottom:1px solid var(--border);display:flex;font-size:13px;justify-content:space-between;padding:9px 0}.info-row:last-child{border-bottom:none}.info-row .label{color:#4a5e72;color:var(--text-secondary)}.info-row .value{color:#0f1d2e;color:var(--text-primary);font-weight:600}.members-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.member-card{align-items:center;background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);display:flex;gap:10px;justify-content:space-between;padding:14px;transition:box-shadow .15s,border-color .15s}.member-card:hover{border-color:#b0c4d8;border-color:var(--border-hover);box-shadow:0 4px 16px #0f1d2e1c;box-shadow:var(--shadow-md)}.member-main{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:10px;min-width:0;outline:none}.member-card img{border-radius:50%;flex-shrink:0;height:46px;object-fit:cover;width:46px}.member-info{min-width:0}.member-info strong{color:#0f1d2e;color:var(--text-primary);display:block;font-size:14px;font-weight:600}.member-main:hover .member-info strong{color:#47a;color:var(--accent)}.member-main:focus-visible{border-radius:4px;outline:2px solid #58b;outline:2px solid var(--accent-mid)}.member-role{color:#8499ae;color:var(--text-muted);display:block;font-size:12px;margin-top:1px;text-transform:capitalize}.online-indicator{color:#2a7a50;color:var(--green);font-size:11px;font-weight:600}.btn-promote{background:none;border:1.5px solid #47a;border:1.5px solid var(--accent);border-radius:20px;color:#47a;color:var(--accent);cursor:pointer;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;padding:5px 12px;transition:background .15s;white-space:nowrap}.btn-promote:hover{background:#e8f0f8;background:var(--accent-light)}.not-member-message{background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);color:#4a5e72;color:var(--text-secondary);font-size:15px;padding:60px 40px;text-align:center}.not-member-message button{margin-top:16px}.group-info-section{display:flex;flex-direction:column;gap:12px}.info-block{background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);padding:20px}.info-block h3{color:#0f1d2e;color:var(--text-primary);font-family:Sora,sans-serif;font-size:15px;font-weight:600;margin:0 0 12px}.info-block p{color:#4a5e72;color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.info-block ul{list-style:none;margin:0;padding:0}.info-block li{border-bottom:1px solid #dde5ee;border-bottom:1px solid var(--border);color:#4a5e72;color:var(--text-secondary);display:flex;font-size:14px;gap:8px;padding:9px 0}.info-block li:last-child{border-bottom:none}.info-block li strong{color:#0f1d2e;color:var(--text-primary);min-width:100px}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1a171499;bottom:0;left:0;right:0;top:0;z-index:1000}.modal-content{background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 8px 32px #0f1d2e29;box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.confirm-modal-content{max-width:420px}.modal-header{background:#fff;background:var(--surface);border-bottom:1px solid #dde5ee;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-header h2{color:#0f1d2e;color:var(--text-primary);font-family:Sora,sans-serif;font-size:18px;letter-spacing:-.3px}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#8499ae;color:var(--text-muted);cursor:pointer;display:flex;font-size:20px;height:34px;justify-content:center;transition:background .15s;width:34px}.close-btn:hover{background:#e8f0f8;background:var(--accent-light);color:#47a;color:var(--accent)}.close-btn:focus-visible{outline:2px solid #58b;outline:2px solid var(--accent-mid);outline-offset:2px}.create-group-form{padding:20px 24px 24px}.form-group{margin-bottom:18px}.form-group label{color:#0f1d2e;color:var(--text-primary);font-size:13px;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:#f6f9fc;background:var(--surface-2);border:1.5px solid #dde5ee;border:1.5px solid var(--border);border-radius:6px;border-radius:var(--radius-xs);box-sizing:border-box;color:#0f1d2e;color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:14px;padding:10px 13px;transition:border-color .2s,background .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#58b;border-color:var(--accent-mid);outline:none}.form-group textarea{resize:vertical}.group-type-options{display:flex;flex-direction:column;gap:8px}.radio-label{background:#f6f9fc;background:var(--surface-2);border:1.5px solid #dde5ee;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:12px;padding:12px;transition:border-color .15s,background .15s}.radio-label:hover{background:#e8f0f8;background:var(--accent-light);border-color:#58b;border-color:var(--accent-mid)}.radio-label input[type=radio]{accent-color:#47a;accent-color:var(--accent);margin-top:3px}.radio-label div{display:flex;flex-direction:column;gap:2px}.radio-label strong{color:#0f1d2e;color:var(--text-primary);font-size:13px}.radio-label span{color:#4a5e72;color:var(--text-secondary);font-size:12px}.modal-actions{border-top:1px solid #dde5ee;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;margin-top:24px;padding-top:16px}.btn-cancel{background:none;border:1.5px solid #dde5ee;border:1.5px solid var(--border);border-radius:20px;color:#4a5e72;color:var(--text-secondary);cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;padding:8px 20px;transition:all .15s}.btn-cancel:hover{border-color:#58b;border-color:var(--accent-mid);color:#47a;color:var(--accent)}.btn-submit{background:linear-gradient(180deg,#69c,#47a);background:var(--accent-gradient);border-radius:22px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;padding:8px 22px;transition:background .2s}.btn-submit:hover{background:linear-gradient(180deg,#58b,#369);background:var(--accent-gradient-hover)}.btn-submit:disabled{background:#dde5ee;background:var(--border)}.error-message{background:#fde8e6;background:var(--red-bg);border:1px solid #f0b8b5;border-radius:6px;border-radius:var(--radius-xs);color:#c0392b;color:var(--red);font-size:13px;margin-bottom:16px;padding:10px 14px}.invite-modal-body,.leave-modal-body{padding:16px 24px 24px}.search-input{background:#f6f9fc;background:var(--surface-2);border:1.5px solid #dde5ee;border:1.5px solid var(--border);border-radius:24px;box-sizing:border-box;color:#0f1d2e;color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:13px;margin-bottom:12px;padding:10px 16px;transition:border-color .2s;width:100%}.search-input:focus{background:#fff;border-color:#58b;border-color:var(--accent-mid);outline:none}.loading-text,.no-results{color:#8499ae;color:var(--text-muted);font-size:14px;padding:20px;text-align:center}.search-results{max-height:360px;overflow-y:auto}.user-result{align-items:center;border-bottom:1px solid #dde5ee;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:10px 0}.user-result:last-child{border-bottom:none}.user-result .user-info{align-items:center;display:flex;gap:10px}.user-result img{border-radius:50%;height:42px;object-fit:cover;width:42px}.user-result .user-info div{display:flex;flex-direction:column;gap:1px}.user-result strong{color:#0f1d2e;color:var(--text-primary);font-size:13px;font-weight:600}.user-result span{color:#8499ae;color:var(--text-muted);font-size:12px}.btn-invite{background:linear-gradient(180deg,#69c,#47a);background:var(--accent-gradient);border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;padding:7px 16px;transition:background .2s}.btn-invite:hover{background:linear-gradient(180deg,#58b,#369);background:var(--accent-gradient-hover)}.btn-invite:disabled{background:#dde5ee;background:var(--border);cursor:not-allowed}.warning-text{background:#fef5d8;background:var(--amber-bg);border:1px solid #e8c97a;border-radius:6px;border-radius:var(--radius-xs);color:#9a6c00;color:var(--amber);font-size:13px;margin-bottom:14px;padding:10px 14px}.admin-select{background:#f6f9fc;background:var(--surface-2);border:1.5px solid #dde5ee;border:1.5px solid var(--border);border-radius:6px;border-radius:var(--radius-xs);box-sizing:border-box;color:#0f1d2e;color:var(--text-primary);font-size:14px;margin-bottom:14px;padding:10px;width:100%}.admin-select,.btn-danger{font-family:DM Sans,sans-serif}.btn-danger{background:#c0392b;background:var(--red);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:8px 20px;transition:opacity .2s}.btn-danger:hover{opacity:.85}.invitations-list{display:flex;flex-direction:column;gap:10px}.invitation-card{align-items:center;background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);display:flex;gap:16px;justify-content:space-between;padding:18px;transition:box-shadow .15s,border-color .15s}.invitation-card:hover{border-color:#b0c4d8;border-color:var(--border-hover);box-shadow:0 4px 16px #0f1d2e1c;box-shadow:var(--shadow-md)}.invitation-info{flex:1 1}.invitation-info h3{color:#0f1d2e;color:var(--text-primary);font-family:Sora,sans-serif;font-size:15px;font-weight:600;margin:0 0 4px}.invitation-description{color:#4a5e72;color:var(--text-secondary);font-size:13px;margin:4px 0}.invitation-meta{color:#8499ae;color:var(--text-muted);font-size:12px;margin-top:6px}.invitation-actions{display:flex;flex-shrink:0;gap:8px}.back-btn{align-items:center;background:none;border:none;color:#47a;color:var(--accent);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;gap:5px;margin-bottom:12px;padding:0;transition:color .15s}.back-btn:hover{opacity:.8}.back-btn:focus-visible{border-radius:4px;outline:2px solid #58b;outline:2px solid var(--accent-mid);outline-offset:2px}.no-posts{background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);color:#4a5e72;color:var(--text-secondary);font-size:14px;padding:40px;text-align:center}@media (max-width:960px){.group-detail-layout{grid-template-columns:1fr}.group-detail-sidebar{order:-1;position:static}}@media (max-width:768px){.groups-page-layout{grid-template-columns:1fr}.groups-sidebar{display:none}.groups-container{margin:12px auto;padding:0 10px}.group-cover-banner-placeholder{height:130px}.groups-list{grid-template-columns:1fr}.modal-content{width:95%}.members-list{grid-template-columns:1fr}.group-header-top{flex-direction:column}.group-actions{flex-wrap:wrap;width:100%}}@media (prefers-reduced-motion:reduce){.rate-limit-toast{animation:none}.btn-create-group:hover,.group-card:hover{transform:none}}.academic-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.academic-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:600px;overflow:hidden;width:100%}.academic-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px}.progress-row{gap:15px;margin-bottom:12px}.progress-row,.step-circle{align-items:center;display:flex}.step-circle{border-radius:50%;flex-shrink:0;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.step-done{background:#48bb78;color:#fff}.step-active{background:#fff;color:#667eea}.progress-bar{background:#ffffff4d;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.progress-fill{background:#fff;border-radius:2px;height:100%;transition:width .3s ease}.progress-labels{display:flex;font-size:13px;justify-content:space-between;opacity:.9}.label-active{font-weight:600}.academic-body{padding:40px}.academic-title{color:#2d3748;font-size:26px;font-weight:700;margin:0 0 10px;text-align:center}.academic-subtitle{color:#718096;font-size:15px;line-height:1.5;margin:0 0 30px;text-align:center}.academic-success{align-items:center;background:#c6f6d5;border-radius:8px;color:#276749;display:flex;font-size:14px;font-weight:600;gap:10px;margin-bottom:20px;padding:12px 16px}.form-group{margin-bottom:22px}.form-group label{color:#2d3748;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.required{color:#e53e3e}.form-select{background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;cursor:pointer;font-family:inherit;font-size:15px;outline:none;padding:12px 15px;transition:border-color .2s;width:100%}.form-select:focus{border-color:#667eea}.form-select.input-error{border-color:#e53e3e}.form-select.select-disabled{background:#f7fafc;cursor:not-allowed}.field-hint{color:#718096;font-size:12px}.field-error,.field-hint{display:block;margin-top:6px}.field-error{color:#e53e3e;font-size:13px}.submit-error{align-items:center;background:#fed7d7;border-radius:8px;color:#c53030;display:flex;font-size:14px;gap:8px;margin-bottom:18px;padding:12px 16px}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;padding:14px;transition:transform .2s,box-shadow .2s,background .2s;width:100%}.btn-submit:hover:not(:disabled){box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.btn-submit:disabled{background:#a0aec0;box-shadow:none;cursor:not-allowed;transform:none}.why-box{background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:28px;padding:20px}.why-title{color:#2d3748;font-size:14px;font-weight:600;margin:0 0 12px}.why-list{color:#4a5568;font-size:13px;line-height:1.8;margin:0;padding-left:20px}@media (max-width:480px){.academic-body{padding:24px 20px}.academic-title{font-size:22px}.academic-header{padding:20px}}*,:after,:before{box-sizing:border-box}:root{--bg:#f0f4f8;--surface:#fff;--surface-2:#f6f9fc;--border:#dde5ee;--border-hover:#b0c4d8;--accent-start:#69c;--accent-end:#47a;--accent-gradient:linear-gradient(180deg,#69c,#47a);--accent-gradient-hover:linear-gradient(180deg,#58b,#369);--accent:#47a;--accent-mid:#58b;--accent-light:#e8f0f8;--accent-lighter:#f0f5fb;--text-primary:#0f1d2e;--text-secondary:#4a5e72;--text-muted:#8499ae;--green:#2a7a50;--green-bg:#e6f4ed;--amber:#9a6c00;--amber-bg:#fef5d8;--red:#c0392b;--red-bg:#fde8e6;--shadow-sm:0 1px 4px #0f1d2e12;--shadow-md:0 4px 16px #0f1d2e1c;--shadow-lg:0 8px 32px #0f1d2e29;--radius:12px;--radius-sm:8px;--radius-xs:6px;--trans:150ms ease}.suggestions-page,body{background:#f0f4f8;background:var(--bg)}.suggestions-page{color:#0f1d2e;color:var(--text-primary);font-family:DM Sans,sans-serif;min-height:100vh;padding:28px 0}.suggestions-container{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:1140px;padding:0 20px}.suggestions-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.loading-spinner{animation:spin .75s linear infinite;border:3px solid #dde5ee;border:3px solid var(--border);border-top-color:var(--accent);height:42px;width:42px}.suggestions-loading p{color:#4a5e72;color:var(--text-secondary);font-size:14px;font-weight:500}.suggestions-header{background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);overflow:hidden}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;padding:18px 24px}.header-title h1{color:#0f1d2e;color:var(--text-primary);font-family:Sora,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.5px;margin:0 0 2px}.header-subtitle{color:#8499ae;color:var(--text-muted);font-size:13px;margin:0}.btn-back,.btn-dismissed{background:#f6f9fc;background:var(--surface-2);border:1.5px solid #dde5ee;border:1.5px solid var(--border);border-radius:20px;color:#4a5e72;color:var(--text-secondary);cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;padding:8px 16px;transition:all .15s ease;transition:all var(--trans);white-space:nowrap}.btn-dismissed{margin-left:auto}.btn-back:hover,.btn-dismissed:hover{background:#e8f0f8;background:var(--accent-light);border-color:#58b;border-color:var(--accent-mid);color:#47a;color:var(--accent)}.btn-back:focus-visible,.btn-dismissed:focus-visible{outline:2px solid #47a;outline:2px solid var(--accent);outline-offset:2px}.stats-bar{background:#f6f9fc;background:var(--surface-2);border-top:1px solid #dde5ee;border-top:1px solid var(--border);flex-wrap:wrap;gap:4px;padding:14px 24px}.stat-item,.stats-bar{align-items:center;display:flex}.stat-item{gap:10px;padding:6px 20px 6px 0}.stat-icon{font-size:22px}.stat-info{display:flex;flex-direction:column}.stat-value{color:#47a;color:var(--accent);font-family:Sora,sans-serif;font-size:18px}.stat-label{color:#8499ae;color:var(--text-muted);font-size:11px;margin-top:2px}.stat-divider{background:#dde5ee;background:var(--border);height:36px;margin:0 20px 0 0;width:1px}.empty-state{background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm)}.empty-icon{font-size:56px}.empty-state h3{color:#0f1d2e;color:var(--text-primary);font-family:Sora,sans-serif;letter-spacing:-.3px}.empty-state p{color:#4a5e72;color:var(--text-secondary);line-height:1.5;margin:0 0 6px}.empty-hint{color:#8499ae;color:var(--text-muted);font-size:13px;margin-bottom:24px!important}.btn-empty-action{background:linear-gradient(180deg,#69c,#47a);background:var(--accent-gradient);border-radius:24px;font-family:DM Sans,sans-serif;padding:10px 26px;transition:background .15s ease,transform .15s ease;transition:background var(--trans),transform var(--trans)}.btn-empty-action:hover{background:linear-gradient(180deg,#58b,#369);background:var(--accent-gradient-hover);transform:translateY(-1px)}.suggestions-section{display:flex;flex-direction:column;gap:0}.section-header{align-items:center;background:#fff;background:var(--surface);border:1px solid #dde5ee;border-bottom:3px solid #47a;border:1px solid var(--border);border-bottom:3px solid var(--accent);border-radius:12px 12px 0 0;border-radius:var(--radius) var(--radius) 0 0;display:flex;justify-content:space-between;padding:16px 20px}.section-header.priority-1{border-bottom-color:#d4a900}.section-header.priority-2{border-bottom-color:#8a9ba8}.section-header.priority-3{border-bottom-color:#9b7a5a}.section-title{align-items:center;display:flex;gap:12px}.section-icon{font-size:26px}.section-title h2{color:#0f1d2e;color:var(--text-primary);font-family:Sora,sans-serif;font-size:15px;font-weight:700;letter-spacing:-.2px;margin:0 0 3px}.section-title p{color:#8499ae;color:var(--text-muted);font-size:12px;margin:0}.section-count{background:linear-gradient(180deg,#69c,#47a);background:var(--accent-gradient);border-radius:20px;color:#fff;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;padding:5px 13px}.suggestions-grid{grid-gap:14px;background:#f6f9fc;background:var(--surface-2);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:0 0 12px 12px;border-radius:0 0 var(--radius) var(--radius);border-top:none;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:16px}.suggestion-card{background:#fff;background:var(--surface);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #0f1d2e12;box-shadow:var(--shadow-sm);contain:layout style;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease;transition:box-shadow var(--trans),transform var(--trans),border-color var(--trans);will-change:transform}.suggestion-card:hover{border-color:#b0c4d8;border-color:var(--border-hover);box-shadow:0 4px 16px #0f1d2e1c;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-dismiss-card{align-items:center;background:#ffffffe0;border:1.5px solid #dde5ee;border:1.5px solid var(--border);border-radius:50%;color:#8499ae;color:var(--text-muted);cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;line-height:1;position:absolute;right:10px;top:10px;transition:all .2s;width:28px;z-index:2}.btn-dismiss-card:hover:not(:disabled){background:#fde8e6;background:var(--red-bg);border-color:#c0392b;border-color:var(--red);color:#c0392b;color:var(--red);transform:rotate(90deg)}.btn-dismiss-card:disabled{cursor:not-allowed;opacity:.5}.btn-dismiss-card:focus-visible{outline:2px solid #47a;outline:2px solid var(--accent);outline-offset:2px}.card-priority-badge{align-items:center;border-radius:20px;box-shadow:0 2px 8px #0000002e;display:flex;gap:5px;left:12px;padding:5px 11px;position:absolute;top:12px;z-index:2}.badge-icon{font-size:14px}.badge-label{color:#fff;font-family:DM Sans,sans-serif;font-size:10px;font-weight:700;letter-spacing:.3px;text-shadow:0 1px 2px #0000004d}.suggestion-avatar-large{align-items:center;background:linear-gradient(180deg,#69c,#47a);background:var(--accent-gradient);color:#fff;display:flex;flex-shrink:0;font-family:Sora,sans-serif;font-size:52px;font-weight:700;height:160px;justify-content:center;width:100%}.suggestion-details{display:flex;flex:1 1;flex-direction:column;padding:14px 16px 16px}.suggestion-name-large{color:#0f1d2e;color:var(--text-primary);font-family:Sora,sans-serif;font-size:15px;font-weight:600;letter-spacing:-.2px;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-card:hover .suggestion-name-large{color:#47a;color:var(--accent)}.suggestion-username{color:#8499ae;color:var(--text-muted);font-size:12px;margin:0 0 10px}.mutual-friends-badge{align-items:center;align-self:flex-start;background:#e8f0f8;background:var(--accent-light);border:1px solid #c0d5ea;border-radius:20px;color:#47a;color:var(--accent);display:inline-flex;font-size:11px;font-weight:600;gap:6px;margin-bottom:10px;padding:5px 11px}.mutual-icon{font-size:13px}.suggestion-meta{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.meta-item{align-items:center;color:#4a5e72;color:var(--text-secondary);display:flex;font-size:12px;gap:8px}.meta-icon{flex-shrink:0;font-size:13px}.meta-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-reason{align-items:center;background:#f6f9fc;background:var(--surface-2);border:1px solid #dde5ee;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-xs);color:#4a5e72;color:var(--text-secondary);display:flex;font-size:11px;gap:8px;margin-bottom:12px;padding:7px 11px}.reason-icon{flex-shrink:0;font-size:13px}.reason-text{font-weight:500;line-height:1.3}.suggestion-actions{display:flex;flex-direction:column;gap:7px;margin-top:auto;padding:0 16px 16px}.btn-add-friend-card{align-items:center;background:linear-gradient(180deg,#69c,#47a);background:var(--accent-gradient);border:none;border-radius:22px;color:#fff;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;gap:7px;justify-content:center;padding:9px;transition:background .15s ease,transform .15s ease;transition:background var(--trans),transform var(--trans);width:100%}.btn-add-friend-card:hover:not(:disabled){background:linear-gradient(180deg,#58b,#369);background:var(--accent-gradient-hover);transform:translateY(-1px)}.btn-add-friend-card:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-add-friend-card:focus-visible{outline:2px solid #fff;outline-offset:2px}.btn-icon{font-size:13px}.btn-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top-color:#fff;height:13px;width:13px}.btn-view-profile{background:#fff;background:var(--surface);border:1.5px solid #dde5ee;border:1.5px solid var(--border);border-radius:22px;color:#4a5e72;color:var(--text-secondary);font-family:DM Sans,sans-serif;padding:8px;transition:all .15s ease;transition:all var(--trans);width:100%}.btn-view-profile:hover{background:#e8f0f8;background:var(--accent-light);border-color:#58b;border-color:var(--accent-mid);color:#47a;color:var(--accent)}.btn-view-profile:focus-visible{outline:2px solid #47a;outline:2px solid var(--accent);outline-offset:2px}.sug-toast-stack{display:flex;flex-direction:column;gap:8px;max-width:300px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.sug-toast{align-items:center;animation:sug-in .25s ease,sug-out .3s ease 3.2s forwards;border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 8px 32px #0f1d2e29;box-shadow:var(--shadow-lg);color:#fff;display:flex;font-size:13px;font-weight:600;gap:8px;padding:11px 16px;word-break:break-word}.sug-toast--success{background:#1e6b36}.sug-toast--error{background:#a52020}.sug-toast--info{background:#1a3f70}@keyframes sug-in{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes sug-out{0%{opacity:1}to{opacity:0;transform:translateX(20px)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width:768px){.suggestions-page{padding:12px 0}.suggestions-container{padding:0 10px}.header-content{align-items:flex-start;flex-direction:column;gap:10px}.btn-dismissed{margin-left:0}.stats-bar{align-items:stretch;flex-direction:column;gap:8px}.stat-divider{height:1px;margin:0;width:100%}.stat-item{justify-content:space-between;padding:4px 0}.suggestions-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:10px}.section-count{align-self:flex-end}.sug-toast-stack{left:8px;max-width:100%;right:8px;top:10px}}@media (max-width:480px){.suggestion-avatar-large{font-size:40px;height:130px}.header-title h1{font-size:18px}.empty-state{padding:40px 20px}.empty-icon{font-size:48px}}.dismissed-page{background-color:#ddd9d9;font-family:Tahoma,Verdana,Arial,sans-serif;min-height:100vh;padding:20px 0}.dismissed-container{margin:0 auto;max-width:800px;padding:0 20px}.dismissed-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:60vh}.dismissed-header{background:#fff;border:1px solid #d3d6db;border-radius:4px;box-shadow:0 1px 2px #0000000d;margin-bottom:16px;padding:16px 20px}.dismissed-header .header-title h1{color:#1c1e21;font-size:20px;font-weight:700;margin:12px 0 8px}.dismissed-header .header-subtitle{color:#90949c;font-size:13px;line-height:1.4;margin:0}.info-banner{align-items:flex-start;background:#e7f3ff;border:1px solid #3b5998;border-radius:4px;display:flex;gap:12px;margin-bottom:20px;padding:12px 16px}.info-icon{flex-shrink:0;font-size:20px}.info-text{color:#1c1e21;font-size:13px;line-height:1.5}.info-text strong{color:#3b5998;font-weight:700}.dismissed-list{background:#fff;border:1px solid #d3d6db;border-radius:4px;display:flex;flex-direction:column;gap:12px;padding:16px}.dismissed-card{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:4px;display:flex;gap:16px;padding:12px;transition:all .2s}.dismissed-card:hover{background:#f6f7f9;box-shadow:0 2px 4px #0000001a}.dismissed-avatar{align-items:center;background:linear-gradient(180deg,#69c,#47a);border:2px solid #e5e5e5;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:60px;justify-content:center;width:60px}.dismissed-info{flex:1 1;min-width:0}.dismissed-name{color:#1c1e21;font-size:15px;font-weight:700;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dismissed-username{color:#3b5998;font-size:13px;margin:0 0 4px}.dismissed-time{color:#90949c;font-size:12px;margin:0}.dismissed-actions{display:flex;flex-shrink:0;gap:8px}.btn-undo{align-items:center;background:#42b72a;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:6px;padding:8px 16px;transition:background .2s}.btn-undo:hover:not(:disabled){background:#36a420}.btn-undo:disabled{cursor:not-allowed;opacity:.6}.btn-icon{font-size:14px}.btn-view-profile{background:#f6f7f9;border:1px solid #ccd0d5;border-radius:4px;color:#4b4f56;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:background .2s}.btn-view-profile:hover{background:#e9ebee}.footer-info{background:#fffbf0;border:1px solid gold;border-radius:4px;color:#4b4f56;font-size:13px;line-height:1.5;margin-top:16px;padding:12px 16px}.footer-info strong{color:#1c1e21}.empty-state{border:1px solid #d3d6db;border-radius:4px;padding:60px 40px}.empty-icon{font-size:80px;margin-bottom:20px}.empty-state h3{color:#1c1e21;font-size:18px;margin:0 0 10px}.empty-state p{color:#4b4f56;font-size:13px;margin:0 0 24px}.btn-empty-action{background:#3b5998;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:10px 24px;transition:background .2s}.btn-empty-action:hover{background:#2d4373}@media (max-width:768px){.dismissed-page{padding:10px 0}.dismissed-container{padding:0 10px}.dismissed-card{align-items:flex-start;flex-direction:column}.dismissed-actions{flex-direction:column;width:100%}.btn-undo,.btn-view-profile{justify-content:center;width:100%}.dismissed-avatar{font-size:20px;height:50px;width:50px}}@media (max-width:480px){.empty-state{padding:40px 20px}.empty-icon{font-size:60px}}.toast{animation:dsToastIn .25s ease,dsToastOut .3s ease 3.7s forwards}@keyframes dsToastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes dsToastOut{to{opacity:0;transform:translateY(12px)}}.error-state{border:1px solid #d3d6db;border-radius:4px;color:#4b4f56;padding:60px 40px}.error-state h3{color:#1c1e21}.btn-retry,.error-state p{font-size:13px}.btn-retry{background:#3b5998;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:10px 24px;transition:background .2s}.btn-retry:hover{background:#2d4373}.admin-reports-container{background:#f8f9fc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.admin-reports-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:28px}.header-left{align-items:center;display:flex;gap:16px}.header-icon-badge{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:14px;box-shadow:0 4px 12px #fbbf2433;color:#92400e;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.admin-reports-header h1{color:#1a1d23;font-size:28px;font-weight:700;line-height:1.2;margin:0 0 4px}.admin-reports-header p{color:#8892a4;font-size:14px;margin:0}.header-stats,.stat-card{display:flex;gap:12px}.stat-card{align-items:center;background:#fff;border:1.5px solid #e8ecf4;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:14px 20px}.stat-card svg{color:#f59e0b;flex-shrink:0}.stat-card div{display:flex;flex-direction:column;gap:2px}.stat-value{color:#1a1d23;font-size:22px;font-weight:700;line-height:1}.stat-label{color:#8892a4;font-size:12px;font-weight:500}.filter-tabs{background:#fff;border:1.5px solid #e8ecf4;border-radius:12px;display:flex;gap:8px;margin-bottom:24px;padding:8px;width:-webkit-fit-content;width:fit-content}.filter-tab{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 18px;transition:all .18s}.filter-tab:hover{background:#f4f6fc}.filter-tab.active{background:#47a;box-shadow:0 2px 8px #4477aa40;color:#fff}.filter-tab svg{height:16px;width:16px}.loading-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #e8ecf4;border-radius:50%;border-top-color:#47a;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.loading-state p{color:#8892a4;font-size:15px;font-weight:500;margin:0}.empty-state{background:#fff;border:1.5px solid #e8ecf4;border-radius:16px;padding:60px 32px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty-state h3{color:#1a1d23;font-size:20px;font-weight:700;margin:0 0 8px}.empty-state p{color:#8892a4;font-size:14px;margin:0}.reports-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}@media (max-width:640px){.reports-grid{grid-template-columns:1fr}}.report-card{background:#fff;border:1.5px solid #e8ecf4;border-radius:16px;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;gap:14px;padding:20px;transition:all .22s}.report-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.report-card-header{align-items:center;border-bottom:1.5px solid #f0f2f7;display:flex;justify-content:space-between;padding-bottom:10px}.report-count-badge{align-items:center;background:#fef3c7;border:1.5px solid #fbbf24;border-radius:20px;color:#92400e;display:flex;font-size:13px;font-weight:700;gap:6px;padding:6px 12px}.report-count-badge svg{height:14px;width:14px}.report-time{color:#9ca3af;font-size:12px;font-weight:500}.report-reasons{display:flex;flex-wrap:wrap;gap:6px}.reason-badge{align-items:center;border-radius:8px;box-shadow:0 2px 6px #00000026;color:#fff;display:inline-flex;font-size:11px;font-weight:700;gap:5px;padding:5px 10px;text-transform:capitalize}.reason-badge.large{font-size:13px;padding:7px 14px}.reason-badge span:first-child{font-size:14px;line-height:1}.post-preview{display:flex;flex-direction:column;gap:10px}.preview-image{background:#f4f6fc;border-radius:10px;height:180px;overflow:hidden;width:100%}.preview-image img{height:100%;object-fit:cover;width:100%}.preview-content{flex:1 1}.preview-content p{color:#4b5068;font-size:14px;line-height:1.5;margin:0}.no-text-note{color:#9ca3af!important;font-style:italic}.author-info-bar{align-items:center;background:#f8f9fc;border-radius:8px;display:flex;flex-wrap:wrap;font-size:12px;gap:8px;padding:10px}.author-label{color:#9ca3af;font-weight:500}.author-name{color:#1a1d23;font-weight:700}.author-email{color:#6b7280}.report-actions{display:flex;flex-wrap:wrap;gap:8px}.action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:700;gap:6px;justify-content:center;min-width:110px;padding:10px 14px;transition:all .18s}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn svg{height:16px;width:16px}.action-btn.view{background:#eff6ff;border:1.5px solid #bfdbfe;color:#2563eb}.action-btn.view:hover{background:#dbeafe}.action-btn.dismiss{background:#f0fdf4;border:1.5px solid #bbf7d0;color:#16a34a}.action-btn.dismiss:hover{background:#dcfce7}.action-btn.warn{background:#fffbeb;border:1.5px solid #fde68a;color:#d97706}.action-btn.warn:hover{background:#fef3c7}.action-btn.delete{background:#fef2f2;border:1.5px solid #fecaca;color:#dc2626}.action-btn.delete:hover{background:#fee2e2}.modal-overlay{align-items:center;animation:modalOverlayIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0f1ea6;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:99999}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}.modal-card{animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:20px;box-shadow:0 12px 48px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:center;border-bottom:1.5px solid #e8ecf4;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#1a1d23;font-size:20px;font-weight:700;margin:0}.modal-close{align-items:center;background:#f4f6fc;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .18s;width:36px}.modal-close:hover{background:#e8ecf4;color:#1a1d23}.modal-body{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:20px 24px}.detail-section h3{color:#6b7280;font-size:14px;font-weight:700;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.detail-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{color:#9ca3af;font-size:12px;font-weight:500}.detail-value{color:#1a1d23;font-size:15px;font-weight:700}.status-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:700;padding:4px 10px;text-transform:uppercase}.status-badge.approved{background:#dcfce7;color:#16a34a}.status-badge.flagged{background:#fee2e2;color:#dc2626}.status-badge.pending{background:#fef3c7;color:#d97706}.post-full-preview{background:#f8f9fc;border:1.5px solid #e8ecf4;border-radius:12px;padding:16px}.preview-images{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:12px}.preview-images img{border:1.5px solid #e8ecf4;border-radius:8px;height:160px;object-fit:cover;width:100%}.full-content{color:#1a1d23;font-size:15px;line-height:1.6;margin:0;white-space:pre-wrap}.no-content-note{color:#9ca3af;font-size:14px;font-style:italic;margin:0}.author-detail-card{align-items:center;background:#f8f9fc;border:1.5px solid #e8ecf4;border-radius:12px;display:flex;gap:14px;padding:16px}.author-avatar{align-items:center;background:linear-gradient(135deg,#69c,#47a);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:48px;justify-content:center;width:48px}.author-detail-info{display:flex;flex-direction:column;gap:4px}.author-detail-name{color:#1a1d23;font-size:15px;font-weight:700}.author-detail-email{color:#6b7280;font-size:13px}.author-detail-id{color:#9ca3af;font-size:12px}.modal-footer{background:#f8f9fc;border-top:1.5px solid #e8ecf4;display:flex;flex-wrap:wrap;gap:10px;padding:16px 24px}.modal-action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:700;gap:8px;justify-content:center;min-width:140px;padding:13px 16px;transition:all .18s}.modal-action-btn:disabled{cursor:not-allowed;opacity:.5}.modal-action-btn svg{height:18px;width:18px}.modal-action-btn.dismiss{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 8px #22c55e40;color:#fff}.modal-action-btn.dismiss:hover{box-shadow:0 4px 12px #22c55e59;transform:translateY(-2px)}.modal-action-btn.warn{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b40;color:#fff}.modal-action-btn.warn:hover{box-shadow:0 4px 12px #f59e0b59;transform:translateY(-2px)}.modal-action-btn.delete{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef444440;color:#fff}.modal-action-btn.delete:hover{box-shadow:0 4px 12px #ef444459;transform:translateY(-2px)}@media (max-width:768px){.admin-reports-container{padding:16px}.admin-reports-header h1{font-size:24px}.header-icon-badge{height:48px;width:48px}.filter-tabs{overflow-x:auto;width:100%}.reports-grid{gap:16px}.report-actions{flex-direction:column}.action-btn{min-width:0;min-width:auto}.modal-footer{flex-direction:column}.modal-action-btn{min-width:0;min-width:auto}}.toast-container{bottom:24px;display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:24px;z-index:9999}.toast{align-items:center;animation:arToastIn .25s ease,arToastOut .3s ease 3.7s forwards;border-radius:10px;box-shadow:0 4px 20px #0003;color:#fff;display:flex;font-size:14px;font-weight:500;gap:10px;max-width:340px;padding:12px 18px;pointer-events:all}.toast-error{background:#dc2626}.toast-success{background:#10b981}@keyframes arToastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes arToastOut{to{opacity:0;transform:translateY(12px)}}.confirm-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:100001}.confirm-box{background:#fff;border-radius:14px;box-shadow:0 20px 60px #00000040;max-width:400px;padding:32px 28px 24px;text-align:center;width:90%}.confirm-icon{color:#dc2626;margin-bottom:16px}.confirm-box p{color:#1a1d23;font-size:15px;line-height:1.5;margin:0 0 24px}.confirm-actions{display:flex;gap:10px;justify-content:center}.confirm-btn-cancel,.confirm-btn-danger,.confirm-btn-primary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.confirm-btn-cancel{background:#f0f2f5;color:#1a1d23}.confirm-btn-cancel:hover{background:#e4e6eb}.confirm-btn-danger{background:#dc2626;color:#fff}.confirm-btn-danger:hover{background:#b91c1c;transform:translateY(-1px)}.confirm-btn-primary{background:#47a;color:#fff}.confirm-btn-primary:hover{background:#36a;transform:translateY(-1px)}.error-state{background:#fff;border:1.5px solid #e8ecf4;border-radius:16px;padding:60px 32px;text-align:center}.error-state svg{color:#dc2626;margin-bottom:16px}.error-state h3{color:#1a1d23;font-size:18px;font-weight:700;margin:0 0 8px}.error-state p{color:#6b7280;font-size:14px;margin:0 0 20px}.retry-btn{background:#47a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.retry-btn:hover{background:#36a;transform:translateY(-2px)}.ar-pagination{gap:10px;margin-top:28px}.ar-page-btn,.ar-pagination{align-items:center;display:flex;justify-content:center}.ar-page-btn{background:#fff;border:1.5px solid #e8ecf4;border-radius:8px;color:#1a1d23;cursor:pointer;height:38px;transition:all .18s;width:38px}.ar-page-btn:hover:not(:disabled){border-color:#47a;color:#47a}.ar-page-btn:disabled{cursor:not-allowed;opacity:.4}.ar-page-info{color:#6b7280;font-size:14px;font-weight:500}.filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.toggle-filters-btn{align-items:center;background:#3b5998;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:6px;padding:8px 16px;transition:background .2s}.toggle-filters-btn:hover{background:#2d4373}.active-badge{align-items:center;background:#fff;border-radius:50%;color:#3b5998;display:inline-flex;font-size:11px;font-weight:700;height:18px;justify-content:center;margin-left:4px;width:18px}.clear-all-filters{background:none;border:1px solid #ccd0d5;border-radius:4px;color:#4b4f56;cursor:pointer;font-size:13px;padding:8px 14px;transition:background .15s}.clear-all-filters:hover{background:#f6f7f9}.filters-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.active-filters{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.active-filters-label{color:#90949c;font-size:12px;font-weight:700}.filter-tag{align-items:center;background:#e7f3ff;border:1px solid #3b5998;border-radius:12px;color:#3b5998;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px}.filter-tag button{background:none;border:none;color:#3b5998;cursor:pointer;font-size:12px;font-weight:700;line-height:1;padding:0}.filter-tag button:hover{color:#dc2626}.student-details{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}.detail-badge{background:#e7f3ff;border:1px solid #ccd0d5;border-radius:10px;color:#3b5998;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px}
/*# sourceMappingURL=main.efe32a9c.css.map*/