body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}body,html{margin:0;min-height:100%;overflow-x:hidden!important;overflow-y:auto!important;padding:0;width:100%}body{position:static!important}#root{margin:0;padding:0}#root,.landing-page{min-height:100vh;overflow:visible!important;position:relative;width:100%}.landing-page{height:auto!important}.landing-page>*{max-width:100%}.landing-page,.landing-page footer,.landing-page section{overflow-x:clip}.navbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff0;border-bottom:1px solid #16834b14;height:76px;justify-content:space-between;left:0;padding:0 5%;position:fixed;right:0;top:0;z-index:1000}.logo,.navbar{align-items:center;display:flex}.logo{cursor:pointer;gap:11px}.logo-icon-wrapper{height:45px;width:45px}.logo-title{color:#123c29;font-size:19px}.logo-text small{color:#7a9185;font-size:9px;letter-spacing:.6px;margin-top:2px}.footer-school-logo{background:#fff;border-radius:20px;flex-shrink:0;height:42px;object-fit:contain;width:42px}.nav-links{display:flex;gap:28px}.nav-links button{background:#0000;border:0;color:#53685d;cursor:pointer;font-size:13px;font-weight:600;transition:.25s}.nav-links button:hover{color:#16834b}.login-btn{background:#16834b;border:0;border-radius:9px;box-shadow:0 7px 20px #16834b2e;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:11px 25px;transition:.25s}.login-btn:hover{background:#106c3d;transform:translateY(-2px)}.hero-section{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;min-height:100vh;overflow:hidden}.hero-section:before{border:1px solid #ffffff1f;border-radius:50%;content:"";height:600px;position:absolute;right:-200px;top:-180px;width:600px}.hero-section:after{border:1px solid #ffffff1a;border-radius:50%;bottom:-250px;content:"";height:450px;left:-250px;position:absolute;width:450px}.hero-overlay{background:linear-gradient(90deg,#04301ee6,#04301eb8 45%,#04301e59);inset:0;position:absolute;z-index:1}.hero-content{color:#fff;margin-left:5%;margin-right:auto;padding-top:80px}.hero-badge{align-items:center;background:#ffffff14;border:1px solid #fff3;border-radius:50px;display:inline-flex;font-size:11px;font-weight:700;gap:9px;margin-bottom:25px;padding:8px 14px}.hero-content h1{font-size:clamp(48px,7vw,82px);font-weight:800;line-height:1.02;max-width:780px}.hero-content h1 span{color:#b7e8ca;display:block}.hero-content>p{color:#ffffffc7;font-size:17px;line-height:1.8;margin:28px 0;max-width:610px}.hero-buttons{align-items:center;display:flex;gap:13px}.graduation-btn,.learn-btn,.legacy-btn,.yearbook-btn{align-items:center;border-radius:9px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:9px;justify-content:center;padding:14px 22px;transition:.25s}.yearbook-btn{background:#fff;border:0;color:#126c3f}.yearbook-btn:hover{box-shadow:0 12px 25px #00000026;transform:translateY(-3px)}.learn-btn{background:#0000;border:1px solid #ffffff59;color:#fff}.learn-btn:hover{background:#ffffff1a}.hero-stats{display:flex;gap:45px;margin-top:65px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:21px}.hero-stats span{color:#ffffff94;font-size:10px;letter-spacing:1px;margin-top:4px;text-transform:uppercase}.hero-section{position:relative}.scroll-down{align-items:center;animation:scrollBounce 2s infinite;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff8c;border-radius:50%;bottom:32px;color:#fff;cursor:pointer;display:flex;height:52px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);transition:background .3s ease,transform .3s ease,border-color .3s ease;width:52px;z-index:20}.scroll-down svg{font-size:18px}.scroll-down:hover{background:#ffffff40;border-color:#fff;transform:translateX(-50%) translateY(-5px)}@keyframes scrollBounce{0%,20%,50%,80%,to{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(8px)}60%{transform:translateX(-50%) translateY(4px)}}.section-heading{max-width:680px}.section-heading.centered{margin:0 auto 55px;text-align:center}.section-heading h2{color:#173b2b;font-size:clamp(34px,4vw,52px);letter-spacing:-1.8px;line-height:1.1}.section-heading h2 span{color:#16834b}.section-heading p{color:#718279;font-size:15px;line-height:1.8;margin-top:18px}.about-section{background:#fff;padding:120px 0}.about-grid{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:.9fr 1.1fr}.about-image,.image-card{position:relative}.image-card{background:linear-gradient(145deg,#145f3b,#1d8b55);border-radius:24px;box-shadow:0 25px 60px #154f3026;min-height:470px;overflow:hidden}.image-placeholder{align-items:center;color:#ffffffe6;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:470px}.image-placeholder svg{font-size:95px;margin-bottom:20px}.image-placeholder span{font-size:14px;font-weight:700;letter-spacing:2px}.image-card-info{background:#fffffff2;border-radius:13px;bottom:25px;display:flex;flex-direction:column;left:25px;padding:18px;position:absolute;right:25px}.image-card-info span{color:#16834b;font-size:10px;font-weight:800;letter-spacing:2px}.image-card-info strong{color:#173b2b;font-size:18px;margin-top:4px}.about-content{position:relative}.about-number{color:#e7f3ec;font-size:90px;font-weight:900;line-height:1;position:absolute;right:0;top:-20px}.about-content h3{color:#173b2b;font-size:30px;margin:0 0 20px;position:relative}.about-content p{color:#6e7e75;font-size:15px;line-height:1.9}.about-checks{display:flex;flex-direction:column;gap:13px;margin-top:30px}.about-checks div{align-items:center;color:#42584c;display:flex;font-size:13px;font-weight:600;gap:11px}.about-checks svg{color:#16834b}.graduation-section{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:650px;overflow:hidden;position:relative;width:100%}.graduation-section:before{border:1px solid #ffffff1f;border-radius:50%;content:"";height:550px;position:absolute;right:-180px;top:-100px;width:550px}.graduation-section:after{border:1px solid #ffffff1a;border-radius:50%;content:"";height:250px;position:absolute;right:70px;top:90px;width:250px}.graduation-content{color:#fff;margin:auto;position:relative;text-align:center;width:min(900px,92%);z-index:2}.graduation-label{align-items:center;color:#b9e8cb;display:inline-flex;font-size:11px;font-weight:800;gap:9px;letter-spacing:2px}.graduation-content h2{font-size:clamp(42px,6vw,70px);letter-spacing:-2px;line-height:1.05;margin:25px 0}.graduation-content h2 span{color:#aee4c4}.graduation-content p{color:#ffffffb3;font-size:15px;line-height:1.8;margin:auto;max-width:620px}.graduation-btn{background:#fff;border:0;color:#126d40;margin-top:30px}.graduation-btn:hover{transform:translateY(-3px)}.graduation-overlay{background:linear-gradient(135deg,#022d1be0,#0000008c);inset:0;position:absolute;z-index:1}.institutional-section{background-attachment:fixed;background-position:50%;background-size:cover;overflow:hidden;padding:120px 0;position:relative}.institutional-overlay{background:linear-gradient(135deg,#08301cf0,#10482ae0);inset:0;position:absolute;z-index:0}.institutional-container{margin:0 auto;max-width:1180px;position:relative;z-index:1}.institutional-header{margin:0 auto 65px;max-width:780px;text-align:center}.institutional-eyebrow{align-items:center;color:#b8d9c4;display:flex;font-size:12px;font-weight:700;gap:12px;justify-content:center;letter-spacing:3px;margin-bottom:18px}.institutional-eyebrow span{background:#ffffff59;height:1px;width:32px}.institutional-header h2{color:#fff;font-size:clamp(34px,4vw,52px);font-weight:700;letter-spacing:-1.5px;line-height:1.12;margin:0}.institutional-header h2 span{color:#b7d9a8;display:block}.institutional-header p{color:#ffffffb8;font-size:16px;line-height:1.8;margin:22px auto 0;max-width:650px}.institutional-main-card{grid-gap:28px;align-items:start;background:#fffffff7;border:1px solid #ffffff59;border-radius:18px;box-shadow:0 20px 60px #0000001f;display:grid;gap:28px;grid-template-columns:70px 72px 1fr;margin-bottom:24px;padding:42px 48px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.institutional-main-card:hover{box-shadow:0 28px 70px #0000002e;transform:translateY(-4px)}.institutional-side-number{color:#a7b9ad;font-size:15px;font-weight:700;letter-spacing:1px;padding-top:5px}.institutional-icon-box{align-items:center;background:#edf5ee;border-radius:14px;color:#24733d;display:flex;font-size:24px;height:62px;justify-content:center;width:62px}.institutional-content{min-width:0}.institutional-label{color:#2c7a42;display:inline-block;font-size:11px;font-weight:800;letter-spacing:2.5px;margin-bottom:12px}.institutional-content h3{color:#173523;font-size:clamp(22px,2.5vw,31px);font-weight:600;line-height:1.45;margin:0;max-width:850px}.about-section{background:#f7f9f7;overflow:hidden;padding:130px 0 140px;position:relative}.about-decoration{border:1px solid #18633b14;border-radius:50%;pointer-events:none;position:absolute}.about-decoration-one{height:500px;right:-280px;top:-170px;width:500px}.about-decoration-two{bottom:-170px;height:350px;left:-210px;width:350px}.about-header{margin:0 auto 85px;max-width:850px;position:relative;text-align:center;z-index:2}.about-header-label{align-items:center;color:#17643b;display:flex;font-size:10px;font-weight:800;gap:14px;justify-content:center;letter-spacing:3px;margin-bottom:22px}.about-label-line{background:#17643b;height:1px;opacity:.7;width:38px}.about-header h2{color:#15231b;font-size:clamp(42px,5.5vw,68px);font-weight:800;letter-spacing:-2.8px;line-height:1.02;margin:0}.about-header h2 span{color:#17643b;display:block}.about-header p{color:#69766e;font-size:16px;line-height:1.8;margin:26px auto 0;max-width:690px}.about-editorial-grid{grid-gap:95px;align-items:center;display:grid;gap:95px;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);position:relative;z-index:2}.about-visual{padding:0 25px 35px 35px;position:relative}.about-visual-number{color:#17643b;font-size:10px;font-weight:800;left:0;letter-spacing:4px;position:absolute;top:18px;writing-mode:vertical-rl}.about-photo-frame{background:#fff;border-radius:22px;box-shadow:0 35px 80px #143c2621,0 10px 30px #143c260f;padding:10px;position:relative;transform:rotate(-1.2deg);transition:transform .45s ease,box-shadow .45s ease}.about-photo-frame:hover{box-shadow:0 45px 100px #143c262e,0 15px 35px #143c2614;transform:rotate(0deg) translateY(-7px)}.about-photo{background-position:50%;background-size:cover;border-radius:15px;height:530px;overflow:hidden;position:relative}.about-photo-overlay{background:linear-gradient(180deg,#091e131a,#091e1326 35%,#091e13eb);inset:0;position:absolute}.about-year-badge{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-radius:13px;box-shadow:0 12px 30px #00000026;display:flex;gap:11px;left:24px;padding:12px 15px;position:absolute;top:24px}.about-year-badge svg{color:#17643b;font-size:21px}.about-year-badge div{display:flex;flex-direction:column}.about-year-badge span{color:#7a857e;font-size:8px;font-weight:800;letter-spacing:1.5px}.about-year-badge strong{color:#15231b;font-size:17px;line-height:1.1}.about-vertical-text{color:#ffffffa6;font-size:8px;font-weight:800;letter-spacing:3px;position:absolute;right:18px;top:25px;writing-mode:vertical-rl}.about-photo-content{bottom:30px;left:28px;position:absolute;right:28px}.about-photo-content>span{color:#ffffffb3;display:block;font-size:9px;font-weight:800;letter-spacing:2px;margin-bottom:11px}.about-photo-content h3{color:#fff;font-size:34px;font-weight:400;letter-spacing:-1px;line-height:1.1;margin:0}.about-photo-content h3 strong{font-weight:800}.about-photo-footer{align-items:center;display:flex;justify-content:space-between;padding:18px 10px 4px}.about-photo-footer-text{display:flex;flex-direction:column;gap:4px}.about-photo-footer-text span{color:#17643b;font-size:8px;font-weight:800;letter-spacing:1.8px}.about-photo-footer-text strong{color:#354239;font-size:12px}.about-photo-icon{align-items:center;background:#edf5ef;border-radius:50%;color:#17643b;display:flex;font-size:17px;height:40px;justify-content:center;width:40px}.about-floating-card{align-items:center;background:#fff;border-radius:13px;bottom:0;box-shadow:0 20px 45px #143c2626;display:flex;gap:11px;padding:14px 18px;position:absolute;right:-5px;z-index:4}.about-floating-card>svg{color:#17643b;font-size:18px}.about-floating-card div{display:flex;flex-direction:column;gap:3px}.about-floating-card strong{color:#1d2a22;font-size:12px}.about-floating-card span{color:#87918b;font-size:10px}.about-information{max-width:680px}.about-info-heading{align-items:center;display:flex;gap:14px;margin-bottom:22px}.about-info-number{align-items:center;background:#17643b;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:800;height:42px;justify-content:center;width:42px}.about-info-label{color:#829087;font-size:9px;font-weight:800;letter-spacing:2.3px}.about-information>h3{color:#15231b;font-size:clamp(34px,4vw,52px);letter-spacing:-2px;line-height:1.08;margin:0 0 25px}.about-information>h3 span{color:#17643b;display:block}.about-information>p{color:#68756d;font-size:15px;line-height:1.85;margin:0 0 17px}.about-information .about-lead{color:#48564d;font-size:16px}.about-feature-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:30px}.about-feature{align-items:flex-start;background:#ffffffb8;border:1px solid #e2e9e4;border-radius:13px;display:flex;gap:13px;padding:17px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.about-feature:hover{border-color:#17643b40;box-shadow:0 12px 30px #17643b14;transform:translateY(-3px)}.about-feature-icon{align-items:center;background:#edf5ef;border-radius:10px;color:#17643b;display:flex;flex-shrink:0;font-size:14px;height:36px;justify-content:center;width:36px}.about-feature div:last-child{display:flex;flex-direction:column;gap:5px}.about-feature strong{color:#253229;font-size:12px}.about-feature span{color:#7a857e;font-size:10px;line-height:1.55}.about-stats{border-bottom:1px solid #dce5df;border-top:1px solid #dce5df;display:grid;grid-template-columns:repeat(3,1fr);margin-top:34px}.about-stat{align-items:center;border-left:1px solid #fefffe;display:flex;gap:12px;padding:18px 12px}.about-stat>strong{color:#17643b;font-size:20px}.about-stat div{display:flex;flex-direction:column;gap:3px}.about-stat span{color:#8a948e;font-size:8px;font-weight:800;letter-spacing:1.5px}.about-stat p{color:#354239;font-size:11px;font-weight:700;margin:0}@media (max-width:1050px){.about-editorial-grid{gap:70px;grid-template-columns:1fr}.about-visual{margin:auto;max-width:650px;width:100%}.about-information{margin:auto;max-width:750px}}@media (max-width:650px){.about-section{padding:85px 0 100px}.about-header{margin-bottom:55px}.about-header h2{font-size:39px;letter-spacing:-1.8px}.about-header p{font-size:14px}.about-visual{padding:0 10px 35px 25px}.about-photo{height:430px}.about-photo-content h3{font-size:27px}.about-floating-card{right:-2px}.about-information>h3{font-size:36px}.about-feature-list,.about-stats{grid-template-columns:1fr}.about-stat{padding:15px 5px}.about-stat+.about-stat{border-left:none;border-top:1px solid #dce5df}}.mission-feature{padding-bottom:45px}.mission-feature .institutional-content h3{font-size:24px;margin-bottom:28px}.mission-list{grid-gap:12px;display:grid;gap:12px}.mission-item{align-items:flex-start;background:#f7faf7;border:1px solid #e6eee8;border-radius:10px;display:flex;gap:16px;padding:15px 18px}.mission-item span{align-items:center;background:#24733d;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:28px;justify-content:center;width:28px}.mission-item p{color:#42554a;font-size:15px;line-height:1.6;margin:3px 0 0}.philosophy-card{grid-gap:28px;background:linear-gradient(135deg,#fffffff7,#f7fbf7f5);border-radius:18px;box-shadow:0 20px 60px #0000001a;gap:28px;margin:55px 0 85px;padding:42px 48px}.philosophy-mark{align-items:center;background:#24733d;border-radius:50%;color:#fff;display:flex;font-size:21px;height:58px;justify-content:center;width:58px}.philosophy-content p{color:#43544a;font-size:17px;font-style:italic;line-height:1.9;margin:5px 0 0;max-width:900px}.goals-section{margin-top:10px}.goals-header{grid-gap:60px;align-items:end;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin-bottom:34px}.goals-header h3{color:#fff;font-size:clamp(28px,3vw,40px);line-height:1.2;margin:8px 0 0}.goals-header h3 span{color:#b7d9a8}.goals-header>p{color:#ffffffb3;font-size:15px;line-height:1.8;margin:0}.goals-grid{grid-gap:14px;gap:14px}.goal-card{grid-gap:18px;align-items:start;background:#fffffff5;border:1px solid #ffffff4d;border-radius:14px;display:grid;gap:18px;grid-template-columns:48px 1fr;min-height:130px;padding:24px 26px;transition:transform .25s ease,background .25s ease}.goal-card:hover{background:#fff;transform:translateY(-3px)}.goal-card>span{align-items:center;background:#edf5ee;border-radius:10px;color:#24733d;display:flex;font-size:12px;height:42px;justify-content:center;width:42px}.goal-card p{color:#405247;font-size:14px;line-height:1.65;margin:3px 0 0}@media (max-width:900px){.institutional-section{background-attachment:scroll;padding:90px 20px}.institutional-main-card{gap:20px;grid-template-columns:50px 62px 1fr;padding:32px}.philosophy-card{padding:32px}.goals-header{gap:18px}.goals-grid,.goals-header{grid-template-columns:1fr}}@media (max-width:600px){.institutional-section{padding:70px 16px}.institutional-header{margin-bottom:42px}.institutional-header h2{font-size:32px}.institutional-header p{font-size:14px}.institutional-main-card{display:block;padding:28px 24px}.institutional-side-number{margin-bottom:18px}.institutional-icon-box{margin-bottom:20px}.institutional-content h3{font-size:22px}.mission-feature .institutional-content h3{font-size:20px}.philosophy-card{grid-template-columns:1fr;margin:40px 0 60px;padding:28px 24px}.philosophy-content p{font-size:15px}.goal-card{grid-template-columns:42px 1fr;padding:20px}.goal-card p{font-size:13px}}.institutional-feature-card{grid-gap:25px;align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffff1a;border:1px solid #ffffff29;border-radius:24px;box-shadow:0 20px 50px #0000002e;color:#fff;display:grid;gap:25px;grid-template-columns:70px 70px 1fr;margin-bottom:25px;padding:40px;position:relative;width:100%}.institutional-card-number{color:#c6e6a3;font-size:13px;font-weight:700;letter-spacing:2px}.institutional-card-icon{align-items:center;background:#c6e6a329;border:1px solid #c6e6a34d;border-radius:18px;color:#c6e6a3;display:flex;font-size:22px;height:60px;justify-content:center;width:60px}.institutional-card-label{color:#c6e6a3;display:block;font-size:12px;font-weight:800;letter-spacing:2px;margin-bottom:10px}.institutional-feature-card h3{color:#fff;font-size:clamp(22px,3vw,34px);line-height:1.45;margin:0;max-width:900px}.mission-feature{align-items:start}.mission-feature .institutional-card-icon{margin-top:5px}.mission-feature h3{font-size:25px;margin-bottom:25px}.mission-list{display:flex;flex-direction:column;gap:14px}.mission-list-item{align-items:flex-start;background:#00000029;border-radius:12px;display:flex;gap:15px;padding:15px 18px}.mission-list-item span{color:#c6e6a3;flex-shrink:0;font-size:12px;font-weight:800}.mission-list-item p{color:#ffffffe0;font-size:16px;line-height:1.6;margin:0}.philosophy-card{grid-gap:25px;align-items:start;background:#fff;border-radius:24px;box-shadow:0 25px 60px #0003;display:grid;gap:25px;grid-template-columns:70px 1fr;margin-top:25px;padding:40px}.philosophy-icon{align-items:center;background:#edf6e5;border-radius:18px;color:#216b3a;display:flex;font-size:22px;height:60px;justify-content:center;width:60px}.philosophy-card .institutional-card-label{color:#216b3a}.philosophy-card p{color:#3f4a43;font-size:18px;line-height:1.8;margin:0;max-width:1000px}.goals-section{margin-top:80px}.goals-heading{color:#fff;margin-bottom:35px;max-width:700px}.goals-heading h3{font-size:clamp(30px,4vw,45px);line-height:1.15;margin:10px 0}.goals-heading h3 span{color:#c6e6a3}.goals-heading p{color:#ffffffc2;line-height:1.7}.goals-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,1fr)}.goal-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffff24;border-radius:18px;min-height:170px;padding:28px;position:relative;transition:transform .3s ease,background .3s ease,border-color .3s ease}.goal-card:hover{background:#ffffff26;border-color:#c6e6a373;transform:translateY(-5px)}.goal-card>span{color:#c6e6a3;display:block;font-size:13px;font-weight:800;letter-spacing:2px;margin-bottom:18px}.goal-card p{color:#ffffffe0;font-size:15px;line-height:1.7;margin:0}@media (max-width:768px){.institutional-section{padding:80px 0}.institutional-feature-card{gap:15px;grid-template-columns:45px 60px 1fr;padding:25px}.institutional-card-icon{height:50px;width:50px}.philosophy-card{padding:28px}.goals-grid,.philosophy-card{grid-template-columns:1fr}}@media (max-width:520px){.institutional-feature-card{grid-template-columns:1fr}.institutional-card-number{margin-bottom:-5px}.institutional-feature-card h3{font-size:22px}.mission-feature h3{font-size:21px}.mission-list-item{padding:13px}.philosophy-card p{font-size:16px}}.features-section{background:#f7faf8;padding:120px 0}.features-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.feature-card{background:#fff;border:1px solid #e6eee9;border-radius:15px;padding:30px;transition:.3s}.feature-card:hover{border-color:#cce5d7;box-shadow:0 18px 40px #1c563514;transform:translateY(-6px)}.feature-icon{align-items:center;background:#e9f6ee;border-radius:12px;color:#16834b;display:flex;font-size:19px;height:48px;justify-content:center;margin-bottom:22px;width:48px}.feature-card h3{color:#173b2b;font-size:17px;margin:0 0 10px}.feature-card p{color:#77877e;font-size:13px;line-height:1.8;margin:0}.institution-section{background:#f4f8f5;overflow:hidden;padding:0;position:relative}.about-institution-header{margin:0 auto;max-width:800px;padding:110px 20px 70px;text-align:center}.about-eyebrow{align-items:center;color:#2c7a42;display:flex;font-size:11px;font-weight:800;gap:12px;justify-content:center;letter-spacing:3px;margin-bottom:18px}.about-eyebrow span{background:#9fbaa6;height:1px;width:32px}.about-institution-header h2{color:#173523;font-size:clamp(34px,4vw,52px);letter-spacing:-1.5px;line-height:1.12;margin:0}.about-institution-header h2 span{color:#2c7a42;display:block;margin-top:5px}.about-institution-header p{color:#68776d;font-size:16px;line-height:1.8;margin:22px auto 0;max-width:650px}.about-introduction{background:linear-gradient(135deg,#fff,#f3f8f4);border-bottom:1px solid #e1e9e3;border-top:1px solid #e3ebe5;padding:90px 0}.about-intro-card{grid-gap:30px;background:#fffffff2;border:1px solid #dfe9e2;border-radius:20px;box-shadow:0 20px 55px #19412612;display:grid;gap:30px;grid-template-columns:70px 1fr;padding:48px}.about-intro-number{color:#9bad9f;font-size:14px;font-weight:800;letter-spacing:1px}.about-intro-content{max-width:900px}.about-section-label{color:#2c7a42;display:inline-block;font-size:11px;font-weight:800;letter-spacing:2.5px;margin-bottom:12px}.about-intro-content h3{color:#173523;font-size:30px;font-weight:650;line-height:1.25;margin:0 0 20px}.about-intro-content p{color:#59685e;font-size:15px;line-height:1.9;margin:0 0 14px}.about-history{background:linear-gradient(135deg,#fbfaf6,#f5f7f1);margin-top:0;padding:100px 0}.about-history-header{margin-bottom:55px;max-width:700px}.about-history-header h3{color:#173523;font-size:clamp(28px,3vw,40px);line-height:1.2;margin:6px 0 12px}.about-history-header h3 span{color:#2c7a42}.about-history-header p{color:#68776d;font-size:15px;line-height:1.8;margin:0}.history-timeline{margin:0 auto;max-width:950px;position:relative}.history-item{grid-gap:25px;display:grid;gap:25px;grid-template-columns:100px 40px 1fr;min-height:150px;position:relative}.history-year{color:#2c7a42;font-size:15px;font-weight:800;letter-spacing:1px;padding-top:3px;text-align:right}.history-line{background:#2c7a42;border:4px solid #e5eee7;border-radius:50%;height:13px;margin:5px auto 0;position:relative;width:13px;z-index:2}.history-item:not(:last-child) .history-line:after{background:#ccdacf;content:"";height:150px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:1px;z-index:-1}.history-content{padding-bottom:48px}.history-content h4{color:#173523;font-size:20px;font-weight:650;margin:0 0 9px}.history-content p{color:#647269;font-size:14px;line-height:1.85;margin:0;max-width:700px}.history-current .history-year{color:#173523}.history-current .history-line{background:#173523}.about-today-section{background:linear-gradient(135deg,#173523,#204d30 50%,#173523);padding:100px 0}.about-today{grid-gap:70px;align-items:center;background:hsla(0,0%,100%,.055);border:1px solid #ffffff1a;border-radius:22px;box-shadow:0 25px 70px #00000026;display:grid;gap:70px;grid-template-columns:1.2fr .8fr;padding:55px}.about-today-content h3{color:#fff;font-size:clamp(28px,3vw,40px);line-height:1.2;margin:5px 0 20px}.about-today-content h3 span{color:#b8d8a9}.about-today-content p{color:#ffffffb8;font-size:15px;line-height:1.9;margin:0 0 15px}.about-today .about-section-label{color:#b8d8a9}.about-today-stats{grid-gap:14px;display:grid;gap:14px}.about-stat{background:hsla(0,0%,100%,.075);border:1px solid #ffffff1c;border-radius:13px;padding:20px 22px;transition:transform .25s ease,background .25s ease}.about-stat:hover{background:#ffffff1c;transform:translateY(-3px)}.about-stat strong{color:#fff;display:block;font-size:23px;font-weight:700;margin-bottom:5px}.about-stat span{color:#ffffff9e;font-size:12px;line-height:1.5}.institution-highlight{align-items:center;background:#fff;border:1px solid #e1eae3;border-radius:15px;box-shadow:0 12px 35px #1941260f;display:flex;gap:22px;margin-top:55px;padding:28px 32px}.institution-highlight-icon{align-items:center;background:#edf5ee;border-radius:12px;color:#2c7a42;display:flex;flex-shrink:0;font-size:22px;height:55px;justify-content:center;width:55px}.institution-highlight-label{color:#8a998e;display:block;font-size:9px;font-weight:800;letter-spacing:2px;margin-bottom:4px}.institution-highlight strong{color:#173523;display:block;font-size:18px}.institution-highlight p{color:#718078;font-size:13px;margin:5px 0 0}@media (max-width:900px){.about-history,.about-introduction,.about-today-section{padding:80px 20px}.about-today{gap:40px;grid-template-columns:1fr;padding:40px}}@media (max-width:600px){.about-institution-header{padding:75px 16px 50px}.about-institution-header h2{font-size:32px}.about-institution-header p{font-size:14px}.about-history,.about-introduction,.about-today-section{padding:65px 16px}.about-intro-card{border-radius:16px;gap:15px;grid-template-columns:1fr;padding:30px 24px}.about-intro-content h3{font-size:25px}.about-intro-content p{font-size:14px}.history-item{gap:12px;grid-template-columns:60px 25px 1fr}.history-year{font-size:11px}.history-content h4{font-size:18px}.history-content p{font-size:13px}.about-today{border-radius:16px;padding:30px 24px}.about-today-content h3{font-size:28px}.about-today-content p{font-size:14px}.institution-highlight{align-items:flex-start;padding:22px}}.journey-section{background:linear-gradient(180deg,#f7faf8,#fff 48%,#f4f8f5);overflow:hidden;padding:125px 0 135px;position:relative}.journey-section:before{background:rgba(44,122,66,.035);height:500px;right:-180px;top:-250px;width:500px}.journey-section:after,.journey-section:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.journey-section:after{background:rgba(44,122,66,.025);bottom:-200px;height:400px;left:-160px;width:400px}.journey-header{margin:0 auto 80px;max-width:760px;position:relative;text-align:center;z-index:2}.journey-eyebrow{align-items:center;color:#2c7a42;display:flex;font-size:10px;font-weight:800;gap:14px;justify-content:center;letter-spacing:3px;margin-bottom:18px}.journey-eyebrow span{background:#a8c3ad;height:1px;width:32px}.journey-header h2{color:#173523;font-size:clamp(36px,4.5vw,54px);font-weight:700;letter-spacing:-1.8px;line-height:1.12;margin:0}.journey-header h2 span{color:#2c7a42;display:block;margin-top:5px}.journey-header p{color:#68776d;font-size:15px;line-height:1.85;margin:22px auto 0;max-width:650px}.journey-timeline{margin:0 auto;max-width:950px;position:relative;z-index:2}.journey-timeline:before{background:linear-gradient(180deg,#0000,#cbdccf 8%,#cbdccf 92%,#0000);bottom:25px;content:"";left:50%;position:absolute;top:25px;transform:translateX(-50%);width:1px}.journey-item{align-items:center;display:grid;grid-template-columns:1fr 80px 1fr;margin-bottom:30px;min-height:210px;position:relative}.journey-item:last-child{margin-bottom:0}.journey-marker{align-items:center;background:#fff;border:1px solid #b8cfbd;border-radius:50%;box-shadow:0 0 0 7px #f7faf8,0 8px 25px #1e462a1a;display:flex;grid-column:2;grid-row:1;height:58px;justify-content:center;margin:0 auto;position:relative;width:58px;z-index:5}.journey-marker span{color:#2c7a42;font-size:12px;font-weight:800;letter-spacing:1px}.journey-card{background:#ffffffeb;border:1px solid #e1eae3;border-radius:16px;box-shadow:0 12px 40px rgba(28,67,40,.055);padding:32px 34px;position:relative;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;width:100%}.journey-card:hover{border-color:#bfd5c4;box-shadow:0 18px 45px #1c43281a;transform:translateY(-4px)}.journey-item:nth-child(odd) .journey-card{grid-column:1;grid-row:1;margin-right:35px;text-align:right}.journey-item:nth-child(2n) .journey-card{grid-column:3;grid-row:1;margin-left:35px}.journey-card-top{align-items:center;display:flex;gap:12px;margin-bottom:12px}.journey-item:nth-child(odd) .journey-card-top{justify-content:flex-end}.journey-step{color:#8b9a90;font-size:9px;font-weight:800;letter-spacing:2px}.journey-line{background:#b8cdbd;height:1px;width:28px}.journey-card h3{color:#173523;font-size:25px;font-weight:700;letter-spacing:-.4px;margin:0 0 10px}.journey-card p{color:#647269;font-size:14px;line-height:1.8;margin:0;max-width:470px}.journey-item:nth-child(odd) .journey-card p{margin-left:auto}.journey-card-footer{align-items:center;border-top:1px solid #edf1ee;display:flex;justify-content:space-between;margin-top:22px;padding-top:14px}.journey-card-footer span:first-child{color:#8c9a91;font-size:8px;font-weight:800;letter-spacing:1.8px}.journey-card-footer span:last-child{color:#2c7a42;font-size:10px;font-weight:800;letter-spacing:1px}.journey-item-final .journey-marker{background:#173523;border-color:#173523;box-shadow:0 0 0 7px #f7faf8,0 10px 30px #1735232e}.journey-item-final .journey-marker span{color:#fff}.journey-item-final .journey-card{border-color:#c7d9cc}.journey-item-final .journey-card h3{color:#173523}.journey-closing{align-items:center;display:flex;gap:22px;justify-content:center;margin-top:75px;position:relative;z-index:2}.journey-closing p{color:#7b887f;font-size:13px;letter-spacing:.2px;margin:0;text-align:center}.journey-closing strong{color:#2c7a42;font-weight:700}.journey-closing-line{background:#c9d8cd;height:1px;width:55px}@media (max-width:900px){.journey-section{padding:95px 20px 105px}.journey-header{margin-bottom:60px}.journey-item{grid-template-columns:65px 1fr;margin-bottom:25px;min-height:auto}.journey-timeline:before{left:32px;transform:none}.journey-marker{grid-column:1;grid-row:1;height:52px;width:52px}.journey-item:nth-child(2n) .journey-card,.journey-item:nth-child(odd) .journey-card{grid-column:2;grid-row:1;margin:0;text-align:left}.journey-item:nth-child(odd) .journey-card-top{justify-content:flex-start}.journey-item:nth-child(odd) .journey-card p{margin-left:0}}@media (max-width:600px){.journey-section{padding:75px 16px 85px}.journey-header{margin-bottom:50px}.journey-eyebrow{font-size:9px;letter-spacing:2.3px}.journey-header h2{font-size:34px;letter-spacing:-1px}.journey-header p{font-size:14px;line-height:1.75}.journey-timeline:before{left:27px}.journey-item{grid-template-columns:54px 1fr;margin-bottom:20px}.journey-marker{box-shadow:0 0 0 5px #f7faf8,0 7px 20px #1e462a1a;height:46px;width:46px}.journey-marker span{font-size:10px}.journey-card{border-radius:14px;padding:25px 22px}.journey-step{font-size:8px;letter-spacing:1.5px}.journey-card h3{font-size:21px}.journey-card p{font-size:13px;line-height:1.75}.journey-card-footer{margin-top:18px}.journey-closing{gap:12px;margin-top:55px}.journey-closing-line{width:25px}.journey-closing p{font-size:11px}}.legacy-section{background:linear-gradient(135deg,#eaf7ef,#f8fbf9);padding:120px 20px}.legacy-content{margin:auto;max-width:760px;text-align:center}.legacy-heart{color:#16834b;font-size:27px;margin-bottom:20px}.legacy-content h2{color:#173b2b;font-size:clamp(40px,5vw,65px);letter-spacing:-2px;line-height:1.05;margin:0}.legacy-content h2 span{color:#16834b}.legacy-content p{color:#75847c;font-size:15px;line-height:1.8;margin:22px auto 0;max-width:580px}.legacy-btn{background:#16834b;border:0;box-shadow:0 12px 25px #16834b2e;color:#fff;margin-top:28px}.legacy-btn:hover{background:#106c3d;transform:translateY(-3px)}.landing-footer{background:#103b28;color:#fff;padding-top:70px}.footer-container{grid-gap:70px;display:grid;gap:70px;grid-template-columns:2fr 1fr 1fr;margin:auto;padding-bottom:55px;width:min(1180px,92%)}.footer-logo{align-items:center;display:flex;gap:12px}.footer-logo>svg{color:#9fddba;font-size:31px}.footer-logo div{display:flex;flex-direction:column}.footer-logo strong{font-size:20px}.footer-logo span{color:#9dc3ad;font-size:9px;letter-spacing:1px;margin-top:3px}.footer-brand>p{color:#9ab7a8;font-size:12px;line-height:1.8;margin-top:20px;max-width:360px}.footer-links{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.footer-links h4{color:#fff;font-size:13px;margin:0 0 8px}.footer-links button{background:#0000;border:0;color:#9ab7a8;cursor:pointer;font-size:12px;padding:0}.footer-links button:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff14;color:#789c89;display:flex;font-size:10px;justify-content:space-between;margin:auto;padding:22px 0;width:min(1180px,92%)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#071b12a6;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:5000}.modal-box{animation:modalIn .25s ease;background:#fff;border-radius:22px;box-shadow:0 30px 80px #00000040;max-width:430px;padding:38px;position:relative;width:100%}.modal-close{background:#f1f5f2;border:0;border-radius:50%;color:#5e7066;cursor:pointer;font-size:20px;height:32px;position:absolute;right:18px;top:16px;width:32px}.login-header{margin-bottom:28px;text-align:center}.login-logo{align-items:center;color:#16834b;display:flex;font-size:25px;height:55px;justify-content:center;margin:auto auto 12px;width:55px}.login-header>span{color:#16834b;font-size:9px;font-weight:800;letter-spacing:1.8px}.login-header h2{color:#173b2b;font-size:28px;margin:9px 0 5px}.login-header p{color:#84928b;font-size:12px;margin:0}.login-type>p{color:#6c7d73;font-size:11px;font-weight:700;margin:0 0 8px}.switch-buttons{background:#f0f5f2;border-radius:10px;display:grid;grid-template-columns:1fr 1fr;margin-bottom:25px;padding:4px}.switch-buttons button{background:#0000;border:0;border-radius:7px;color:#7a8981;cursor:pointer;font-size:12px;font-weight:700;padding:11px}.switch-buttons button.active{background:#fff;box-shadow:0 3px 10px #0000000f;color:#16834b}.student-login{text-align:center}.google-btn{align-items:center;background:#fff;border:1px solid #dfe8e3;border-radius:9px;color:#34453c;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:10px;justify-content:center;padding:13px;transition:.2s;width:100%}.google-btn:hover{border-color:#bcdac9;box-shadow:0 7px 18px #145a3314}.google-icon{font-size:19px}.student-login small{color:#9aa69f;display:block;font-size:9px;margin-top:13px}.login-card{display:flex;flex-direction:column;gap:13px}.input-group input{border:1px solid #dfe8e3;border-radius:9px;color:#31463b;font-size:12px;outline:none;padding:13px 14px;transition:.2s;width:100%}.input-group input:focus{border-color:#16834b;box-shadow:0 0 0 3px #16834b14}.login-submit-btn{background:#16834b;border:0;border-radius:9px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;margin-top:4px;padding:13px;transition:.2s}.login-submit-btn:hover{background:#106c3d}.fade-in{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.footer-bottom,.footer-container,.section-container{margin-left:auto;margin-right:auto;width:min(1180px,calc(100% - 48px))}.about-section,.features-section,.graduation-section,.hero-section,.institution-section,.journey-section,.landing-footer,.legacy-section,.mission-section{max-width:100%;width:100%}.landing-page button,.landing-page img,.landing-page input,.landing-page svg{max-width:100%}.landing-page h1,.landing-page h2,.landing-page h3,.landing-page p{overflow-wrap:break-word}.hero-section{min-height:max(680px,100svh);min-height:max(680px,100dvh);width:100%}.hero-content{width:min(1180px,calc(100% - 48px))}.navbar{max-width:100vw;padding-left:max(24px,4vw);padding-right:max(24px,4vw);width:100%}.nav-links{flex-shrink:1}.login-btn{flex-shrink:0}@media (max-width:1100px){.navbar{height:72px}.nav-links{gap:18px}.hero-content{width:min(100% - 60px,1000px)}.hero-content h1{font-size:clamp(48px,7vw,70px);max-width:720px}.hero-content>p{max-width:570px}.about-grid,.institution-grid{gap:50px}.footer-container{gap:45px}}@media (max-width:900px){.footer-bottom,.footer-container,.section-container{width:min(100% - 40px,720px)}.nav-links{display:none}.navbar{height:70px;padding:0 20px}.hero-section{min-height:700px}.hero-content{padding-top:80px;width:calc(100% - 40px)}.hero-content h1{font-size:clamp(48px,8vw,65px);max-width:700px}.about-grid,.institution-grid{gap:45px;grid-template-columns:1fr}.about-image,.image-card{width:100%}.features-grid,.mission-grid,.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline{gap:40px}.timeline-item:not(:last-child):after{display:none}.footer-container{gap:30px;grid-template-columns:1.5fr 1fr 1fr}}@media (max-width:650px){.section-container{max-width:none}.footer-bottom,.footer-container,.section-container{width:calc(100% - 32px)}.navbar{height:64px;padding:0 16px}.logo{gap:8px;min-width:0}.logo-icon-wrapper{border-radius:10px;flex-shrink:0;height:38px;width:38px}.logo-icon{font-size:19px}.logo-title{font-size:17px;white-space:nowrap}.logo-text small{display:none}.login-btn{border-radius:8px;font-size:12px;padding:9px 14px}.hero-section{min-height:100svh;min-height:100dvh;padding:0}.hero-content{padding-bottom:80px;padding-top:90px;width:calc(100% - 32px)}.hero-badge{font-size:9px;max-width:100%;padding:7px 11px}.hero-content h1{font-size:clamp(38px,11vw,52px);letter-spacing:-1.5px;line-height:1.04;max-width:100%}.hero-content>p{font-size:13px;line-height:1.7;margin:22px 0;max-width:100%}.hero-buttons{align-items:stretch;flex-direction:column;gap:10px;width:100%}.learn-btn,.yearbook-btn{min-height:46px;width:100%}.hero-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:38px;width:100%}.hero-stats div{min-width:0}.hero-stats strong{font-size:16px}.hero-stats span{font-size:7px;letter-spacing:.5px;line-height:1.4}.scroll-down{bottom:18px;height:34px;width:34px}.about-section,.features-section,.institution-section,.journey-section,.mission-section{padding:75px 0}.legacy-section{padding:75px 16px}.section-heading{width:100%}.section-heading.centered{margin-bottom:38px}.section-heading h2{font-size:clamp(30px,9vw,38px);letter-spacing:-1px}.section-heading p{font-size:13px;line-height:1.7}.about-grid{gap:35px;grid-template-columns:1fr}.image-card{border-radius:18px}.image-card,.image-placeholder{min-height:360px}.image-placeholder svg{font-size:70px}.image-card-info{bottom:15px;left:15px;padding:14px;right:15px}.about-number{font-size:65px;top:-10px}.about-content h3{font-size:25px}.about-content p{font-size:13px;line-height:1.8}.graduation-section{min-height:560px}.graduation-content{width:calc(100% - 32px)}.graduation-content h2{font-size:clamp(36px,10vw,48px);letter-spacing:-1px}.graduation-content p{font-size:13px}.features-grid{gap:12px;grid-template-columns:1fr}.feature-card{padding:24px}.mission-grid{gap:14px;grid-template-columns:1fr}.mission-card{min-height:auto;padding:28px}.mission-card h3{font-size:25px;margin-top:35px}.mission-card p{font-size:13px}.institution-grid{gap:35px;grid-template-columns:1fr}.institution-content h2{font-size:clamp(32px,9vw,42px)}.institution-content p{font-size:13px}.institution-card{border-radius:18px;min-height:340px;padding:28px}.institution-card h3{font-size:32px}.timeline{gap:30px;grid-template-columns:1fr}.timeline-item{padding:0}.timeline-number{margin-bottom:18px}.legacy-content{width:100%}.legacy-content h2{font-size:clamp(38px,10vw,52px);letter-spacing:-1px}.legacy-content p{font-size:13px}.landing-footer{padding-top:50px}.footer-container{gap:35px;grid-template-columns:1fr;padding-bottom:35px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:8px}}@media (max-width:400px){.footer-bottom,.footer-container,.section-container{width:calc(100% - 24px)}.navbar{padding:0 12px}.logo-icon-wrapper{height:35px;width:35px}.logo-title{font-size:15px}.login-btn{font-size:11px;padding:8px 11px}.hero-content{width:calc(100% - 24px)}.hero-content h1{font-size:36px}.hero-content>p{font-size:12px}.hero-stats{gap:7px}.hero-stats strong{font-size:14px}.hero-stats span{font-size:6px}.image-card,.image-placeholder{min-height:320px}.modal-overlay{padding:12px}.modal-box{border-radius:18px;max-width:100%;padding:26px 18px;width:100%}}@media (max-height:600px) and (orientation:landscape){.navbar{height:58px}.hero-section{min-height:100svh}.hero-content{padding-bottom:50px;padding-top:75px}.hero-content h1{font-size:clamp(32px,7vw,48px)}.hero-content>p{margin:15px 0}.hero-stats{margin-top:25px}}:root{--green-900:#064e3b;--green-800:#065f46;--green-700:#047857;--green-600:#059669;--green-500:#10b981;--green-400:#34d399;--green-100:#d1fae5;--green-50:#ecfdf5;--text-dark:#17211d;--text-medium:#52635b;--text-light:#82918a;--background:#f5f8f6;--white:#fff;--border:#e2eae5;--sidebar-width:280px;--shadow-sm:0 2px 5px #1018140a;--shadow-md:0 12px 35px #10181414;--shadow-lg:0 18px 45px #064e3b1a}*{box-sizing:border-box}body,html{margin:0;min-height:100%;padding:0}body{background:#f5f8f6;background:var(--background);color:#17211d;color:var(--text-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font-family:inherit}button{border:none}.dashboard{background:radial-gradient(circle at 80% 0,#10b98112,#0000 30%),radial-gradient(circle at 10% 100%,rgba(16,185,129,.035),#0000 28%),#f5f8f6;background:radial-gradient(circle at 80% 0,#10b98112,#0000 30%),radial-gradient(circle at 10% 100%,rgba(16,185,129,.035),#0000 28%),var(--background);color:#17211d;color:var(--text-dark);display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,#fff,#f8fbf9);border-right:1px solid #e2eae5;border-right:1px solid var(--border);box-shadow:5px 0 28px #064e3b0a;display:flex;flex-direction:column;height:100vh;left:0;padding:28px 20px;position:fixed;top:0;width:280px;width:var(--sidebar-width);z-index:100}.sidebar-brand{align-items:center;display:flex;gap:15px;padding:3px 8px 26px}.logo-icon-wrapper{background:linear-gradient(145deg,#ecfdf5,#d1fae5);border:1px solid #bcebd7;border-radius:16px;box-shadow:0 7px 18px #05966917;height:58px;width:58px}.school-logo{height:45px;width:45px}.logo-text{line-height:1.15}.logo-title{color:#065f46;color:var(--green-800);font-size:23px;font-weight:850;letter-spacing:1px}.logo-subtitle{color:#82918a;color:var(--text-light);font-size:12px;letter-spacing:.45px;margin-top:5px}.admin-profile{background:#ecfdf5;background:var(--green-50);border:1px solid #d7f3e5;border-radius:15px;box-shadow:0 4px 12px rgba(6,78,59,.025);gap:13px;margin:4px 4px 23px;padding:15px}.admin-avatar,.admin-profile{align-items:center;display:flex}.admin-avatar{background:linear-gradient(135deg,#047857,#10b981);background:linear-gradient(135deg,var(--green-700),var(--green-500));border-radius:13px;box-shadow:0 6px 15px #0596692e;color:#fff;flex-shrink:0;font-size:17px;font-weight:800;height:46px;justify-content:center;width:46px}.admin-info{display:flex;flex-direction:column;min-width:0}.admin-info strong{color:#17211d;color:var(--text-dark);font-size:14px;font-weight:750}.admin-info span{color:#82918a;color:var(--text-light);font-size:11px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-divider{background:#e2eae5;background:var(--border);height:1px;margin:0 8px 23px}.menu{display:flex;flex-direction:column;gap:7px}.menu-section-title{color:#9aa8a1;font-size:11px;font-weight:800;letter-spacing:1.3px;padding:0 14px 10px}.menu-item{align-items:center;border-radius:13px;color:#65736d;cursor:pointer;display:flex;gap:14px;height:54px;padding:0 15px;position:relative;transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.menu-item:hover{background:#f0f7f3;color:#047857;color:var(--green-700);transform:translateX(3px)}.menu-item.active{background:linear-gradient(90deg,#e5f8ee,#f0fbf6);box-shadow:inset 0 0 0 1px #10b98117;color:#065f46;color:var(--green-800);font-weight:750}.menu-item.active:before{background:linear-gradient(180deg,#059669,#34d399);background:linear-gradient(180deg,var(--green-600),var(--green-400));border-radius:0 6px 6px 0;content:"";height:38px;left:0;position:absolute;top:8px;width:4px}.menu-icon{align-items:center;display:flex;flex-shrink:0;font-size:20px;height:23px;justify-content:center;width:23px}.menu-item span{font-size:14px;white-space:nowrap}.menu-arrow{font-size:16px;margin-left:auto;opacity:.7}.sidebar-bottom{display:flex;flex-direction:column;gap:14px;margin-top:auto}.sidebar-status{align-items:center;background:#f8faf9;border:1px solid #e2eae5;border:1px solid var(--border);border-radius:13px;display:flex;gap:11px;margin:0 4px;padding:15px}.status-dot{background:#22c55e;border-radius:50%;box-shadow:0 0 0 4px #22c55e1a;flex-shrink:0;height:9px;width:9px}.sidebar-status div{display:flex;flex-direction:column}.sidebar-status strong{color:#405048;font-size:12px;font-weight:700}.sidebar-status small{color:#96a39d;font-size:10px;margin-top:3px}.logout{align-items:center;border-radius:13px;color:#7a8580;cursor:pointer;display:flex;gap:13px;height:52px;padding:0 15px;transition:background .2s ease,color .2s ease}.logout:hover{background:#fff1f1;color:#dc2626}.logout svg{font-size:20px}.logout span{font-size:14px;font-weight:650}.main-content{display:block;margin-left:280px;margin-left:var(--sidebar-width);min-height:100vh;min-width:0;overflow-x:hidden;overflow-y:auto;padding:22px 24px;width:calc(100% - 280px);width:calc(100% - var(--sidebar-width))}.content-wrapper{margin:0;max-width:none;padding:0;width:100%}.card,.dashboard-card,.section-card,.stat-card{background:#fff;background:var(--white);border:1px solid #e2eae5;border:1px solid var(--border);border-radius:18px;box-shadow:0 2px 5px #1018140a;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.card:hover,.dashboard-card:hover,.section-card:hover,.stat-card:hover{box-shadow:0 12px 35px #10181414;box-shadow:var(--shadow-md)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f5f3}::-webkit-scrollbar-thumb{background:#c9d8d1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#9fb7aa}.admin-dashboard{min-height:100%;width:100%}.admin-header{margin-bottom:30px}.header-content{align-items:center;background:linear-gradient(135deg,#fffffffa,#f9fdfbf5);border:1px solid #e2eae5;border-radius:20px;box-shadow:0 7px 25px #1018140a;display:flex;justify-content:space-between;min-height:105px;padding:27px 32px}.header-left{min-width:0}.header-label{color:#059669;display:block;font-size:11px;font-weight:850;letter-spacing:1.6px;margin-bottom:8px}.header-left h1{color:#17352b;font-size:clamp(28px,2.4vw,36px);font-weight:800;letter-spacing:-1px;line-height:1.1;margin:0}.header-left p{color:#7b8b83;font-size:14px;line-height:1.5;margin:8px 0 0}.header-status{align-items:center;background:#f0faf5;border:1px solid #d9f2e4;border-radius:12px;display:flex;gap:10px;padding:12px 16px}.online-indicator{background:#22c55e;border-radius:50%;box-shadow:0 0 0 4px #22c55e1a;height:9px;width:9px}.header-status div{display:flex;flex-direction:column}.header-status strong{color:#356052;font-size:12px}.header-status span{color:#8ba098;font-size:10px;margin-top:3px}.dashboard-content{display:flex;flex-direction:column;gap:32px;width:100%}.dashboard-section{width:100%}.section-heading{align-items:flex-end;margin-bottom:16px}.compact-heading{margin-bottom:13px}.panel-eyebrow,.section-eyebrow{color:#82918a;display:block;font-size:10px;font-weight:800;letter-spacing:1.3px;margin-bottom:5px}.section-heading h2{color:#20372e;font-size:22px;font-weight:800;letter-spacing:-.35px;margin:0}.stats-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{align-items:center;background:#fff;border:1px solid #e5ebe7;border-radius:18px;display:flex;gap:18px;min-height:165px;overflow:hidden;padding:24px;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.stat-card:after{background:#ecfdf5;border-radius:50%;bottom:-35px;content:"";height:110px;opacity:.75;position:absolute;right:-30px;width:110px}.stat-card:hover{border-color:#cfe9dc;box-shadow:0 14px 30px #064e3b14;transform:translateY(-4px)}.stat-icon{background:linear-gradient(135deg,#ecfdf5,#d9f8e9);border:1px solid #d2f1e1;border-radius:15px;color:#047857;font-size:24px;height:58px;width:58px}.stat-info{min-width:0;position:relative;z-index:2}.stat-info span{color:#6f7f77;display:block;font-size:13px;font-weight:650}.stat-info h3{color:#17352b;font-size:34px;font-weight:850;letter-spacing:-1px;line-height:1;margin:6px 0 5px}.stat-info small{color:#9aa8a1;font-size:10px;line-height:1.4}.stat-card-arrow{color:#b1c4ba;font-size:17px;position:absolute;right:18px;top:18px;z-index:2}.dashboard-two-column{grid-gap:20px;display:grid;gap:20px;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.dashboard-panel{background:#fff;border:1px solid #e5ebe7;border-radius:18px;box-shadow:0 4px 15px rgba(16,24,20,.025);padding:25px}.panel-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.panel-header h3{color:#20372e;font-size:20px;font-weight:800;margin:0}.panel-header-icon{color:#8bb3a0;font-size:21px}.academic-badge{background:#ecfdf5;border:1px solid #d3f2e2;border-radius:9px;color:#047857;font-size:10px;font-weight:800;padding:8px 12px}.yearbook-title{background:linear-gradient(90deg,#f0faf5,#f8fcfa);border-left:4px solid #10b981;border-radius:10px;display:flex;flex-direction:column;margin-bottom:22px;padding:15px 17px}.yearbook-title strong{color:#24483a;font-size:14px;font-weight:750}.yearbook-title span{color:#899991;font-size:10px;margin-top:4px}.progress-list{display:flex;flex-direction:column;gap:17px}.progress-label{align-items:center;display:flex;justify-content:space-between;margin-bottom:7px}.progress-label span{color:#607269;font-size:13px;font-weight:650}.progress-label strong{color:#087f5b;font-size:12px}.progress-track{background:#edf3ef;border-radius:20px;height:9px;width:100%}.progress-fill{background:linear-gradient(90deg,#059669,#34d399);transition:width .5s ease}.panel-action{align-items:center;background:#f4faf7;border:1px solid #d9eee3;border-radius:10px;color:#087f5b;cursor:pointer;display:flex;font-size:12px;font-weight:750;gap:8px;height:46px;justify-content:center;margin-top:22px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;width:100%}.panel-action:hover{background:#e7f8ef;box-shadow:0 5px 15px #064e3b0f;transform:translateY(-1px)}.attention-list{display:flex;flex-direction:column;gap:11px}.attention-item{align-items:center;background:#fafcfb;border:1px solid #edf1ef;border-radius:12px;display:flex;gap:13px;min-height:68px;padding:12px 13px;transition:border-color .2s ease,background .2s ease}.attention-item:hover{background:#f8fcfa;border-color:#dcebe3}.attention-icon{align-items:center;border-radius:11px;display:flex;flex-shrink:0;font-size:18px;height:42px;justify-content:center;width:42px}.attention-icon.warning{background:#fff8e8;color:#d89b17}.attention-icon.draft{background:#eef6ff;color:#4285c5}.attention-icon.published{background:#ecfdf5;color:#059669}.attention-content{display:flex;flex:1 1;flex-direction:column;min-width:0}.attention-content strong{color:#243b31;font-size:15px;font-weight:700}.attention-content span{color:#91a099;font-size:10px;margin-top:3px}.attention-item button{background:#0000;border:1px solid #d4e9df;border-radius:8px;color:#07815c;cursor:pointer;font-size:10px;font-weight:750;padding:9px 12px;transition:.2s ease}.attention-item button:hover{background:#ecfdf5;border-color:#bde8d2}.quick-actions{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,minmax(0,1fr))}.quick-action{align-items:center;background:#fff;border:1px solid #e5ebe7;border-radius:14px;cursor:pointer;display:flex;gap:14px;min-height:88px;min-width:0;padding:16px 18px;text-align:left;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.quick-action:hover{border-color:#c9e8d9;box-shadow:0 10px 24px #064e3b12;transform:translateY(-3px)}.quick-action-icon{align-items:center;background:#ecfdf5;border-radius:11px;color:#047857;display:flex;flex-shrink:0;font-size:19px;height:44px;justify-content:center;width:44px}.quick-action-content{display:flex;flex:1 1;flex-direction:column;min-width:0}.quick-action-content strong{color:#29483c;font-size:13px;font-weight:750}.quick-action-content span{color:#98a59f;font-size:10px;margin-top:4px}.quick-action-arrow{color:#a6b8af;flex-shrink:0;font-size:17px}.activity-count{background:#f2f7f4;border-radius:8px;color:#809089;font-size:10px;font-weight:750;padding:7px 11px}.recent-activity-panel{padding:8px 22px}.activity-list{display:flex;flex-direction:column}.activity-item{align-items:center;border-bottom:1px solid #eef2ef;display:flex;gap:14px;min-height:70px;padding:11px 0}.activity-item:last-child{border-bottom:none}.activity-marker{align-items:center;background:#ecfdf5;border-radius:10px;color:#07815c;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;width:40px}.activity-content{display:flex;flex:1 1;flex-direction:column;min-width:0}.activity-content strong{color:#344d41;font-size:13px;font-weight:650}.activity-content span,.activity-content strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-content span{color:#97a49e;font-size:10px;margin-top:4px}.activity-item time{color:#a0ada7;flex-shrink:0;font-size:10px}.empty-activity{flex-direction:column;gap:6px;min-height:140px}.empty-activity,.empty-activity-icon{align-items:center;display:flex;justify-content:center}.empty-activity-icon{background:#f1f7f4;border-radius:10px;color:#9aaca3;height:42px;margin-bottom:4px;width:42px}.empty-activity strong{color:#617269;font-size:13px}.empty-activity span{color:#a0ada7;font-size:10px}@media (min-width:1500px){.main-content{padding:36px 42px}.header-content{min-height:115px;padding:30px 36px}.stats-grid{gap:20px}.stat-card{min-height:175px;padding:27px}.stat-icon{font-size:26px;height:62px;width:62px}.stat-info h3{font-size:38px}.dashboard-content{gap:38px}}@media (max-width:1200px){:root{--sidebar-width:250px}.main-content{padding:25px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-two-column{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.sidebar{padding:22px 15px}.main-content{padding:22px}.header-status{display:none}.header-content{padding:24px}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading h2{font-size:20px}}@media (max-width:760px){:root{--sidebar-width:76px}.sidebar{padding:20px 10px;width:76px}.sidebar-brand{justify-content:center;padding:0 0 22px}.admin-profile,.logo-text,.logout span,.menu-arrow,.menu-item span,.menu-section-title,.sidebar-status{display:none}.logo-icon-wrapper{height:50px;width:50px}.school-logo{height:39px;width:39px}.sidebar-divider{margin:0 5px 20px}.menu{gap:8px}.menu-item{height:52px;justify-content:center;padding:0}.menu-icon{font-size:21px}.menu-item.active:before{height:36px;left:-10px}.logout{height:52px;justify-content:center;padding:0}.logout svg{font-size:21px}.main-content{margin-left:76px;padding:20px 18px;width:calc(100% - 76px)}.header-content{min-height:100px;padding:22px}.header-left h1{font-size:28px}.dashboard-content{gap:26px}}@media (max-width:600px){.main-content{padding:16px 13px}.header-content{border-radius:16px;min-height:auto;padding:20px}.header-label{font-size:10px}.header-left h1{font-size:24px;letter-spacing:-.6px}.header-left p{font-size:12px}.dashboard-content{gap:22px}.stats-grid{gap:13px;grid-template-columns:1fr}.stat-card{min-height:145px;padding:21px}.stat-icon{font-size:22px;height:52px;width:52px}.stat-info h3{font-size:32px}.dashboard-panel{border-radius:16px;padding:19px}.panel-header h3{font-size:18px}.quick-actions{gap:11px;grid-template-columns:1fr}.quick-action{min-height:82px}.section-heading h2{font-size:19px}.attention-content strong{font-size:13px}.attention-item button{padding:8px 10px}.activity-item{min-height:65px}}@media (max-width:420px){.main-content{padding:13px 10px}.header-content{padding:17px}.header-left h1{font-size:21px}.header-left p{font-size:11px}.stat-card{min-height:135px;padding:18px}.stat-icon{font-size:20px;height:48px;width:48px}.stat-info span{font-size:12px}.stat-info h3{font-size:29px}.dashboard-panel{padding:16px}.yearbook-title{padding:13px 14px}.progress-label span{font-size:12px}.attention-item{padding:10px}.attention-icon{height:38px;width:38px}}.sf-container{color:#344b41;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;min-width:0;width:100%}.sf-header{background:linear-gradient(120deg,#fff,#f4fbf7);border:1px solid #dfeae4;border-radius:18px;box-shadow:0 5px 22px rgba(16,24,20,.045);gap:24px;justify-content:space-between;margin-bottom:20px;min-height:112px;padding:26px 30px}.sf-header,.sf-header-left{align-items:center;display:flex}.sf-header-left{gap:17px;min-width:0}.sf-header-icon{align-items:center;background:linear-gradient(135deg,#e9faf2,#d2f3e1);border:1px solid #ccebdc;border-radius:15px;color:#047857;display:flex;flex-shrink:0;font-size:25px;height:58px;justify-content:center;width:58px}.sf-eyebrow,.sf-table-eyebrow{color:#07815c;display:block;font-size:11px;font-weight:800;letter-spacing:1.35px;margin-bottom:6px;text-transform:uppercase}.sf-header h1{color:#1d382e;font-size:30px;font-weight:800;letter-spacing:-.7px;line-height:1.15;margin:0}.sf-header p{color:#7d8d85;font-size:13px;line-height:1.45;margin:7px 0 0}.sf-header-count{align-items:flex-end;display:flex;flex-direction:column;min-width:110px;padding-left:20px}.sf-header-count strong{color:#087f5b;font-size:30px;font-weight:800;line-height:1}.sf-header-count span{color:#93a19a;font-size:11px;font-weight:600;margin-top:7px}.sf-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.sf-summary-card{align-items:center;background:#fff;border:1px solid #e1eae5;border-radius:15px;box-shadow:0 3px 14px rgba(16,24,20,.025);display:flex;gap:16px;min-height:100px;padding:18px 21px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.sf-summary-card:hover{border-color:#c6e5d5;box-shadow:0 8px 25px rgba(6,78,59,.065);transform:translateY(-2px)}.sf-summary-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:21px;height:48px;justify-content:center;width:48px}.sf-summary-icon.students{background:#ecfdf5;color:#047857}.sf-summary-icon.faculty{background:#eef7ff;color:#3579ae}.sf-summary-icon.total{background:#f4f2ff;color:#6956b8}.sf-summary-card div:last-child{display:flex;flex-direction:column;min-width:0}.sf-summary-card span{color:#7f8e87;font-size:12px;font-weight:600;line-height:1.3}.sf-summary-card strong{color:#29483b;font-size:25px;font-weight:800;line-height:1;margin-top:5px}.sf-toolbar{background:#fff;border:1px solid #e1eae5;border-radius:14px;box-shadow:0 3px 13px rgba(16,24,20,.025);gap:13px;margin-bottom:18px;min-height:72px;padding:12px 15px}.sf-search,.sf-toolbar{align-items:center;display:flex}.sf-search{background:#f8faf9;border:1px solid #e4ebe7;border-radius:11px;flex:1 1;gap:11px;height:48px;min-width:250px;padding:0 15px;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.sf-search:focus-within{background:#fff;border-color:#9ed7bd;box-shadow:0 0 0 4px rgba(16,185,129,.075)}.sf-search>svg{color:#8d9e95;flex-shrink:0;font-size:19px}.sf-search input{background:#0000;border:none;color:#344b41;font-size:13px;font-weight:500;outline:none;width:100%}.sf-search input::placeholder{color:#9ba8a2}.sf-clear{align-items:center;background:#e8efeb;border:none;border-radius:50%;color:#71817a;cursor:pointer;display:flex;height:25px;justify-content:center;transition:background .2s ease,color .2s ease;width:25px}.sf-clear:hover{background:#dce9e2;color:#087f5b}.sf-filter{align-items:center;background:#f8faf9;border:1px solid #e4ebe7;border-radius:11px;display:flex;gap:9px;height:48px;min-width:170px;padding:0 14px;position:relative}.sf-filter>svg:first-child{color:#84968d;font-size:17px}.sf-filter select{-webkit-appearance:none;appearance:none;background:#0000;border:none;color:#53665d;cursor:pointer;font-size:12px;font-weight:600;outline:none;width:100%}.sf-filter-arrow{color:#91a099;font-size:15px;pointer-events:none}.sf-result-count{align-items:flex-end;display:flex;flex-direction:column;min-width:110px;padding-right:7px}.sf-result-count strong{color:#087f5b;font-size:16px;font-weight:800}.sf-result-count span{color:#96a39d;font-size:10px;margin-top:3px}.sf-table-card{background:#fff;border:1px solid #dfe9e4;border-radius:17px;box-shadow:0 4px 20px rgba(16,24,20,.035);overflow:hidden}.sf-table-header{align-items:center;border-bottom:1px solid #e9efec;display:flex;gap:20px;justify-content:space-between;min-height:84px;padding:19px 24px}.sf-table-header h2{color:#29473b;font-size:20px;font-weight:800;line-height:1.2;margin:0}.sf-table-total{background:#f1f7f4;border:1px solid #e3ece7;border-radius:8px;color:#718179;font-size:11px;font-weight:700;padding:8px 13px}.sf-table-wrapper{overflow-x:auto;width:100%}.sf-table{border-collapse:collapse;table-layout:fixed;width:100%}.sf-table thead{background:#f7faf8}.sf-table th{color:#7d8d85;font-size:11px;font-weight:800;height:52px;letter-spacing:.85px;padding:0 21px;text-align:left;white-space:nowrap}.sf-table th:first-child,.sf-table th:nth-child(2){width:29%}.sf-table th:nth-child(3){width:26%}.sf-table th:nth-child(4){width:16%}.sf-table tbody tr{border-top:1px solid #edf2ef;transition:background .18s ease}.sf-table tbody tr:hover{background:#f6fbf8}.sf-table td{color:#566960;font-size:13px;height:88px;padding:13px 21px;vertical-align:middle}.sf-user{align-items:center;display:flex;gap:13px;min-width:0}.sf-avatar{background:linear-gradient(135deg,#dff7eb,#bdebd3);border-radius:50%;flex-shrink:0;height:50px;overflow:hidden;position:relative;width:50px}.sf-avatar img{display:block;height:100%;object-fit:cover;width:100%}.sf-avatar-fallback{align-items:center;color:#087f5b;display:flex;font-size:13px;font-weight:800;height:100%;justify-content:center;width:100%}.sf-name{display:flex;flex-direction:column;min-width:0}.sf-name strong{color:#29453a;font-size:13px;font-weight:750;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-name span{color:#95a29c;font-size:10px;margin-top:4px}.sf-email{align-items:center;display:flex;gap:9px;min-width:0}.sf-email svg{color:#8e9f96;flex-shrink:0;font-size:15px}.sf-email span{color:#65776e;font-size:12px;line-height:1.4}.sf-department,.sf-email span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-department{background:#f6f9f7;border:1px solid #e5ece8;border-radius:7px;color:#687a71;display:inline-block;font-weight:600;max-width:100%}.sf-department,.sf-role{font-size:11px;padding:8px 11px}.sf-role{align-items:center;border-radius:8px;display:inline-flex;font-weight:750;gap:7px;white-space:nowrap}.sf-role-dot{border-radius:50%;height:7px;width:7px}.sf-role.student{background:#ecfdf5;border:1px solid #d9f4e7;color:#087f5b}.sf-role.student .sf-role-dot{background:#10b981}.sf-role.faculty{background:#eef6ff;border:1px solid #dcecf9;color:#3979aa}.sf-role.faculty .sf-role-dot{background:#4b91c7}.sf-role.unknown{background:#f4f5f5;border:1px solid #e9ecea;color:#7b8781}.sf-role.unknown .sf-role-dot{background:#9aa49f}.sf-loading{color:#8e9d95!important;font-size:13px;height:230px!important;text-align:center}.sf-loading>*{display:inline-flex;vertical-align:middle}.loading-spinner{animation:sf-spin .8s linear infinite;border:3px solid #dcece4;border-radius:50%;border-top-color:#059669;height:24px;margin-right:10px;width:24px}@keyframes sf-spin{to{transform:rotate(1turn)}}.sf-empty{height:280px!important;text-align:center}.sf-empty-icon{align-items:center;background:#f0f7f4;border-radius:13px;color:#91a79d;display:flex;font-size:22px;height:52px;justify-content:center;margin:0 auto 13px;width:52px}.sf-empty strong{color:#53665d;display:block;font-size:15px;font-weight:800}.sf-empty span{color:#9ba8a2;display:block;font-size:11px;margin-top:6px}@media (max-width:1200px){.sf-header{padding:23px 25px}.sf-table td,.sf-table th{padding-left:16px;padding-right:16px}.sf-table th:first-child{width:28%}.sf-table th:nth-child(2){width:30%}.sf-table th:nth-child(3){width:25%}.sf-table th:nth-child(4){width:17%}}@media (max-width:1000px){.sf-header{min-height:105px}.sf-header h1{font-size:27px}.sf-summary{gap:13px}.sf-summary-card{padding:16px}.sf-table td{height:82px}}@media (max-width:850px){.sf-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.sf-toolbar{flex-wrap:wrap}.sf-search{flex-basis:100%}.sf-result-count{margin-left:auto}.sf-table{min-width:850px}}@media (max-width:700px){.sf-header{align-items:flex-start;padding:20px}.sf-header h1{font-size:24px}.sf-header p{font-size:12px}.sf-header-count{display:none}.sf-summary{grid-template-columns:1fr}.sf-summary-card{min-height:88px}.sf-filter{flex:1 1}.sf-table-header{padding:17px 18px}.sf-table-header h2{font-size:18px}.sf-table{min-width:850px}}@media (max-width:520px){.sf-header{border-radius:14px;min-height:92px;padding:17px}.sf-header-left{gap:13px}.sf-header-icon{border-radius:12px;font-size:21px;height:48px;width:48px}.sf-eyebrow{font-size:9px}.sf-header h1{font-size:21px}.sf-header p{font-size:11px}.sf-toolbar{border-radius:12px;padding:10px}.sf-search{height:46px;min-width:100%}.sf-filter{height:46px;min-width:0}.sf-result-count{display:none}.sf-summary-card{min-height:86px;padding:15px}.sf-summary-icon{height:44px;width:44px}.sf-summary-card strong{font-size:23px}.sf-table-card{border-radius:13px}.sf-table-header{min-height:72px}.sf-table-header h2{font-size:17px}}@media (max-width:400px){.sf-header{padding:15px}.sf-header h1{font-size:19px}.sf-header p{font-size:10px}.sf-summary-card{gap:12px}.sf-summary-icon{font-size:18px;height:41px;width:41px}.sf-summary-card span{font-size:11px}.sf-summary-card strong{font-size:21px}}.adssu-mm-page,.adssu-mm-page *,.adssu-mm-page :after,.adssu-mm-page :before{box-sizing:border-box}.adssu-mm-page{color:#344b41;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;margin:0;max-width:none;min-width:0;padding:0;width:100%}.adssu-mm-header{align-items:center;background:linear-gradient(120deg,#fff,#f5fbf8);border:1px solid #e0e9e4;border-radius:18px;box-shadow:0 5px 20px rgba(16,24,20,.045);display:flex;gap:24px;justify-content:space-between;margin-bottom:20px;min-height:105px;padding:24px 28px}.adssu-mm-header-left{align-items:center;display:flex;gap:16px;min-width:0}.adssu-mm-header-icon{align-items:center;background:linear-gradient(135deg,#e9faf2,#d5f4e4);border:1px solid #d1eddf;border-radius:14px;color:#047857;display:flex;flex-shrink:0;font-size:24px;height:56px;justify-content:center;width:56px}.adssu-mm-header-content{min-width:0}.adssu-mm-eyebrow{color:#07815c;display:block;font-size:11px;font-weight:800;letter-spacing:1.5px;margin-bottom:5px}.adssu-mm-header h1{color:#1d382e;font-size:28px;font-weight:800;letter-spacing:-.6px;line-height:1.15;margin:0}.adssu-mm-header p{color:#85938d;font-size:13px;line-height:1.45;margin:6px 0 0}.adssu-mm-moderation-status{align-items:center;color:#84958c;display:flex;font-size:12px;font-weight:700;gap:9px;justify-content:flex-end;min-width:150px;white-space:nowrap}.adssu-mm-status-dot{background:#10b981;border-radius:50%;box-shadow:0 0 0 5px #10b98117;display:inline-block;height:9px;width:9px}.adssu-mm-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.adssu-mm-stat-card{align-items:center;background:#fff;border:1px solid #e2eae6;border-radius:14px;display:flex;gap:15px;min-height:92px;padding:17px 20px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.adssu-mm-stat-card:hover{border-color:#c7e5d6;box-shadow:0 8px 24px #064e3b12;transform:translateY(-2px)}.adssu-mm-stat-icon{align-items:center;border-radius:11px;display:flex;flex-shrink:0;font-size:19px;height:46px;justify-content:center;width:46px}.adssu-mm-stat-total{background:#f4f2ff;color:#6956b8}.adssu-mm-stat-pending{background:#fff8e8;color:#b7791f}.adssu-mm-stat-approved{background:#ecfdf5;color:#047857}.adssu-mm-stat-rejected{background:#fff1f2;color:#be4b5b}.adssu-mm-stat-info{display:flex;flex-direction:column;min-width:0}.adssu-mm-stat-info span{color:#84928c;font-size:12px;font-weight:600}.adssu-mm-stat-info strong{color:#29483b;font-size:24px;font-weight:800;line-height:1;margin-top:5px}.adssu-mm-review-header{align-items:center;background:#fff;border:1px solid #e2eae6;border-radius:14px;box-shadow:0 3px 14px #10181408;display:flex;gap:24px;justify-content:space-between;margin-bottom:17px;min-height:82px;padding:17px 20px}.adssu-mm-review-title{min-width:0}.adssu-mm-section-eyebrow{color:#07815c;display:block;font-size:10px;font-weight:800;letter-spacing:1.2px;margin-bottom:5px}.adssu-mm-review-title h2{color:#29473b;font-size:20px;font-weight:800;line-height:1.2;margin:0}.adssu-mm-review-title p{color:#98a59f;font-size:12px;line-height:1.4;margin:5px 0 0}.adssu-mm-tabs{background:#f5f8f6;border:1px solid #e4ebe7;border-radius:10px;flex-shrink:0;gap:6px;padding:5px}.adssu-mm-tab,.adssu-mm-tabs{align-items:center;display:flex}.adssu-mm-tab{background:#0000;border:1px solid #0000;border-radius:8px;color:#7b8a83;cursor:pointer;font-size:11px;font-weight:700;gap:8px;justify-content:center;min-height:40px;padding:0 15px;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.adssu-mm-tab svg{flex-shrink:0;font-size:15px}.adssu-mm-tab b{align-items:center;background:#e9efec;border-radius:6px;color:#718179;display:inline-flex;font-size:9px;font-weight:800;height:21px;justify-content:center;min-width:23px;padding:0 6px}.adssu-mm-tab-active,.adssu-mm-tab:hover{background:#fff;color:#087f5b}.adssu-mm-tab-active{border-color:#dce9e3;box-shadow:0 2px 8px #1018140f}.adssu-mm-tab-active b{background:#ecfdf5;color:#087f5b}.adssu-mm-list{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.adssu-mm-card{background:#fff;border:1px solid #e1e9e5;border-radius:16px;box-shadow:0 4px 18px rgba(16,24,20,.035);display:flex;flex-direction:column;min-width:0;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.adssu-mm-card:hover{border-color:#c9e4d7;box-shadow:0 10px 28px #064e3b12;transform:translateY(-2px)}.adssu-mm-image-wrapper{background:#f2f6f4;border-bottom:1px solid #e5ece8;height:240px;overflow:hidden;position:relative;width:100%}.adssu-mm-image{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.adssu-mm-card:hover .adssu-mm-image{transform:scale(1.015)}.adssu-mm-image-label{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffffff2;border:1px solid #e4ebe7f2;border-radius:8px;bottom:14px;box-shadow:0 4px 12px #00000012;color:#52665c;display:inline-flex;font-size:10px;font-weight:700;gap:7px;left:14px;padding:7px 11px;position:absolute}.adssu-mm-image-label svg{color:#07815c;font-size:13px}.adssu-mm-card-content{display:flex;flex-direction:column;min-width:0;padding:18px 20px 17px}.adssu-mm-card-top{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:15px;min-width:0}.adssu-mm-author{align-items:center;display:flex;gap:12px;min-width:0}.adssu-mm-avatar{background:linear-gradient(135deg,#dff7eb,#bdebd3);border-radius:50%;flex-shrink:0;height:46px;overflow:hidden;position:relative;width:46px}.adssu-mm-avatar img{display:block;height:100%;object-fit:cover;width:100%}.adssu-mm-avatar-fallback{align-items:center;color:#087f5b;font-size:12px;font-weight:800;height:100%;justify-content:center;width:100%}.adssu-mm-author-info{display:flex;flex-direction:column;min-width:0}.adssu-mm-author-info h3{color:#29453a;font-size:14px;font-weight:700;margin:0;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adssu-mm-author-meta{align-items:center;color:#9aa7a1;display:flex;font-size:10px;gap:7px;margin-top:5px;min-width:0}.adssu-mm-author-role{color:#087f5b;font-size:10px;font-weight:700}.adssu-mm-meta-dot{color:#c2cbc6}.adssu-mm-author-department{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adssu-mm-status-badge{align-items:center;border-radius:8px;display:inline-flex;flex-shrink:0;font-size:10px;font-weight:800;gap:6px;padding:7px 10px;text-transform:capitalize}.adssu-mm-status-badge svg{font-size:13px}.adssu-mm-status-approved{background:#ecfdf5;border:1px solid #d9f4e7;color:#087f5b}.adssu-mm-status-rejected{background:#fff1f2;border:1px solid #f8dfe3;color:#b64c5a}.adssu-mm-status-pending{background:#fff8e8;border:1px solid #f6e8c6;color:#ad741e}.adssu-mm-message-box{align-items:flex-start;background:#f8faf9;border:1px solid #e8eeeb;border-radius:10px;display:flex;gap:12px;margin-bottom:15px;min-height:100px;padding:15px;position:relative}.adssu-mm-message-box:before{background:#b9e6d0;border-radius:3px;bottom:12px;content:"";left:0;position:absolute;top:12px;width:3px}.adssu-mm-faculty-message{background:#f7faff;border-color:#e4edf6}.adssu-mm-faculty-message:before{background:#b9d7ef}.adssu-mm-message-icon{align-items:center;background:#ecfdf5;border-radius:8px;color:#087f5b;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px}.adssu-mm-faculty-message .adssu-mm-message-icon{background:#eef6ff;color:#3979aa}.adssu-mm-message-box p{color:#566960;font-size:13px;font-weight:500;line-height:1.65;margin:0;min-width:0;word-break:break-word}.adssu-mm-card-footer{align-items:center;border-top:1px solid #edf1ef;display:flex;gap:12px;justify-content:space-between;min-height:42px;padding-top:13px}.adssu-mm-submission-label{color:#a0aca6;font-size:10px;font-weight:700;white-space:nowrap}.adssu-mm-actions{align-items:center;display:flex;gap:8px}.adssu-mm-actions button{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-size:10px;font-weight:800;gap:7px;justify-content:center;min-height:36px;padding:0 13px;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .15s ease}.adssu-mm-actions button svg{font-size:13px}.adssu-mm-actions button:hover:not(:disabled){transform:translateY(-1px)}.adssu-mm-actions button:disabled{cursor:not-allowed;opacity:.55}.adssu-mm-approve-btn{background:#ecfdf5;border:1px solid #ccebdd;color:#087f5b}.adssu-mm-approve-btn:hover:not(:disabled){background:#d9f8e9;border-color:#aee0c7}.adssu-mm-reject-btn{background:#fff5f6;border:1px solid #f1d9dd;color:#b64c5a}.adssu-mm-reject-btn:hover:not(:disabled){background:#ffecef;border-color:#eabfc6}.adssu-mm-empty{align-items:center;background:#fff;border:1px solid #e4ebe7;border-radius:16px;box-shadow:0 4px 18px #10181408;display:flex;flex-direction:column;justify-content:center;min-height:240px;padding:45px 25px;text-align:center}.adssu-mm-loading-spinner{animation:adssu-mm-spin .8s linear infinite;border:3px solid #dcece4;border-radius:50%;border-top-color:#059669;height:28px;margin-bottom:14px;width:28px}@keyframes adssu-mm-spin{to{transform:rotate(1turn)}}.adssu-mm-empty h3{color:#53665d;font-size:16px;font-weight:800;margin:0}.adssu-mm-empty p{color:#a0ada7;font-size:12px;line-height:1.55;margin:7px 0 0;max-width:450px}.adssu-mm-empty-icon{align-items:center;background:#f0f7f4;border-radius:13px;color:#91a79d;display:flex;font-size:22px;height:52px;justify-content:center;margin-bottom:12px;width:52px}@media (min-width:1400px){.adssu-mm-header{min-height:115px;padding:28px 32px}.adssu-mm-header-icon{font-size:26px;height:62px;width:62px}.adssu-mm-header h1{font-size:31px}.adssu-mm-header p{font-size:14px}.adssu-mm-stats{gap:18px}.adssu-mm-stat-card{min-height:100px;padding:19px 22px}.adssu-mm-stat-icon{font-size:21px;height:50px;width:50px}.adssu-mm-stat-info span{font-size:13px}.adssu-mm-stat-info strong{font-size:26px}.adssu-mm-image-wrapper{height:270px}.adssu-mm-card-content{padding:20px 22px 19px}.adssu-mm-message-box p{font-size:14px}}@media (max-width:1100px){.adssu-mm-header{padding-left:20px;padding-right:20px}.adssu-mm-list{grid-template-columns:repeat(2,minmax(0,1fr))}.adssu-mm-card-content{padding-left:17px;padding-right:17px}.adssu-mm-image-wrapper{height:220px}}@media (max-width:950px){.adssu-mm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.adssu-mm-review-header{align-items:flex-start;flex-direction:column}.adssu-mm-tabs{width:100%}.adssu-mm-tab{flex:1 1}}@media (max-width:760px){.adssu-mm-header{align-items:flex-start}.adssu-mm-moderation-status{display:none}.adssu-mm-list{grid-template-columns:1fr}.adssu-mm-image-wrapper{height:260px}}@media (max-width:600px){.adssu-mm-header{border-radius:14px;min-height:85px;padding:17px}.adssu-mm-header-left{gap:12px}.adssu-mm-header-icon{border-radius:11px;font-size:19px;height:44px;width:44px}.adssu-mm-eyebrow{font-size:9px}.adssu-mm-header h1{font-size:22px}.adssu-mm-header p{font-size:10px}.adssu-mm-stats{gap:10px;grid-template-columns:1fr 1fr}.adssu-mm-stat-card{min-height:78px;padding:12px}.adssu-mm-stat-icon{font-size:16px;height:38px;width:38px}.adssu-mm-stat-info span{font-size:9px}.adssu-mm-stat-info strong{font-size:20px}.adssu-mm-review-header{padding:14px}.adssu-mm-review-title h2{font-size:17px}.adssu-mm-review-title p{font-size:10px}.adssu-mm-tabs{overflow-x:auto}.adssu-mm-tab{flex:0 0 auto;font-size:10px;white-space:nowrap}.adssu-mm-image-wrapper{height:240px}.adssu-mm-card-content{padding:15px}.adssu-mm-author-info h3{font-size:13px}.adssu-mm-message-box p{font-size:12px}}@media (max-width:430px){.adssu-mm-stats{grid-template-columns:1fr}.adssu-mm-card-top{align-items:flex-start}.adssu-mm-status-badge{font-size:9px;padding:6px 8px}.adssu-mm-message-box{padding:12px}.adssu-mm-message-box p{font-size:11px}.adssu-mm-card-footer{align-items:flex-start;flex-direction:column}.adssu-mm-actions{width:100%}.adssu-mm-actions button{flex:1 1;font-size:10px}}.page-thumbnail{margin:0 auto 15px;width:180px}.font-size-box{align-items:center;border:1px solid #d7e4dd;border-radius:8px;display:flex;overflow:hidden}.font-size-box input{border:none;height:36px;outline:none;text-align:center;width:55px}.font-size-box button{background:#fff;border:none;cursor:pointer;height:36px;width:36px}.font-size-box button:hover{background:#edf6f1}.header-toolbar button{align-items:center;background:#fff;border:1px solid #d7e4dd;border-radius:8px;display:flex;height:38px;justify-content:center;transition:background-color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease;width:38px}.header-toolbar button:hover{background:#edf6f1;border-color:#b9d4c6;transform:translateY(-1px)}.header-toolbar button:active{transform:scale(.96)}.header-toolbar button:disabled,.header-toolbar input:disabled,.header-toolbar select:disabled{cursor:not-allowed;opacity:.45}.active-tool{background:#176b4d!important;border-color:#176b4d!important;color:#fff}.thumb-paper{align-items:center;aspect-ratio:794/1123;background:#fff;display:flex;justify-content:center;overflow:hidden;width:100%}.thumb-image{display:block;height:100%;object-fit:contain;width:100%}.thumb-empty{color:#82968c;font-size:13px}.thumb-footer{height:34px;justify-content:center}.design-top{display:grid;grid-template-columns:250px 1fr 250px;position:relative}.toolbar-center{align-items:center;display:flex;justify-content:center}.design-top h1{color:#163b2d;font-size:28px;margin-bottom:4px}.design-top p{color:#fff;font-size:14px}.design-studio{display:flex;flex-direction:column;height:100vh;max-height:100vh;overflow:hidden!important;width:100%}.header-left h3{color:#163b2d;font-size:15px;font-weight:600}.header-left span{color:#718179;font-size:13px}.save-btn{background:#176b4d;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;height:36px;padding:0 18px}.save-btn:hover{background:#12583f}.studio-body{display:flex;flex:1 1;min-height:0;overflow:hidden}.header-right{justify-content:flex-end}.header-right,.header-toolbar{align-items:center;display:flex}.header-toolbar{background:#fff;border:0;border-radius:14px;box-shadow:none;gap:10px;margin:0;max-height:0;opacity:0;overflow:hidden;padding:0;pointer-events:none;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease,max-height .18s ease,padding .18s ease,box-shadow .18s ease,visibility 0ms linear .18s;visibility:hidden;will-change:opacity,transform,max-height}.right-sidebar{background:#fff;overflow-y:auto;padding:15px;width:220px}.pages-scroll{display:flex;flex-direction:column;gap:15px}.page-preview{background:#fff;border:2px solid #0000;border-radius:8px;cursor:pointer;padding:8px;transition:.2s}.page-preview.active{border-color:#176b4d}.page-preview img{aspect-ratio:794/1123;background:#fff;border:1px solid #dce7e1;object-fit:contain;width:100%}.page-placeholder{align-items:center;aspect-ratio:794/1123;background:#f1f6f3;border:1px dashed #b9c9c1;color:#65776f;display:flex;justify-content:center;width:100%}.page-preview span{color:#34483f;display:block;font-size:13px;margin-top:6px;text-align:center}.template-panel{background:#fff;border-radius:10px;box-shadow:0 5px 20px #14372a26;margin-top:10px;padding:10px}.template-card{border:1px solid #d7e4dd;border-radius:8px;cursor:pointer;overflow:hidden;transition:.2s}.template-card:hover{border-color:#176b4d;transform:translateY(-3px)}.template-preview{align-items:center;background:#edf6f1;display:flex;font-size:70px;height:160px;justify-content:center}.template-name{color:#24352e;font-weight:600;padding:10px;text-align:center}.header-toolbar.visible{border:1px solid #dce7e1;box-shadow:0 8px 24px #14372a14;max-height:80px;opacity:1;padding:8px 14px;pointer-events:auto;transform:translateY(0);transition:opacity .18s ease,transform .18s ease,max-height .18s ease,padding .18s ease,box-shadow .18s ease,visibility 0ms linear 0ms;visibility:visible}.header-toolbar.hidden{opacity:0;pointer-events:none;transform:translateY(-8px);visibility:hidden}.header-toolbar input[type=number],.header-toolbar select{background:#fff;border:1px solid #d7e4dd;border-radius:8px;height:36px;padding:0 10px}.header-toolbar input[type=number]:focus,.header-toolbar select:focus{border-color:#176b4d;box-shadow:0 0 0 3px #176b4d14;outline:none}@keyframes toolbarFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.properties-panel{background:#fff;border:1px solid #dce7e1;border-radius:12px;margin-bottom:16px;padding:16px}.properties-panel h4{color:#163b2d;margin-bottom:12px}.properties-panel label{color:#34483f;display:block;font-size:13px;margin-bottom:6px}.properties-panel input[type=color]{border:none;cursor:pointer;height:40px;margin-bottom:12px;width:100%}.properties-panel button{width:100%}.shapes-card{background:#fff;border:1px solid #dce7e1;border-radius:14px;margin-top:12px;padding:14px}.shapes-card h4{color:#163b2d;font-size:14px;font-weight:600;margin:0 0 12px}.shapes-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.shape-item{align-items:center;border:1px solid #dce7e1;border-radius:10px;cursor:pointer;display:flex;height:70px;justify-content:center;transition:all .2s ease}.shape-item:hover{background:#edf6f1;border-color:#b9d4c6;transform:translateY(-2px)}.rectangle{height:30px}.circle,.rectangle{background:#176b4d;width:40px}.circle{border-radius:50%;height:40px}.triangle{border-bottom:35px solid #176b4d;border-left:20px solid #0000;border-right:20px solid #0000;height:0;width:0}.left-sidebar{background:#fff;border-right:1px solid #dce7e1;display:flex;flex-direction:column;min-width:230px;overflow:hidden;width:230px}.left-sidebar-content{flex:1 1;overflow-y:auto;padding:16px 14px}.page-drag-wrapper{cursor:grab;position:relative;transition:transform .15s ease,opacity .15s ease}.page-drag-wrapper:active{cursor:grabbing}.page-drag-wrapper[draggable=true]:active{opacity:.55}.page-drag-over{transform:translateY(-5px)}.save-menu{align-items:center;display:inline-flex;font-family:Inter,Segoe UI,sans-serif;position:relative}.save-menu>button{align-items:center;background:#176b4d;border:1px solid #176b4d;border-radius:7px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;height:40px;justify-content:center;letter-spacing:.1px;padding:0 20px;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease}.save-menu>button:hover{background:#12583f;border-color:#12583f;box-shadow:0 4px 12px #176b4d2e}.save-menu>button:active{transform:translateY(1px)}.save-dropdown{animation:publishDropdown .16s ease-out;background:#fff;border:1px solid #dce7e1;border-radius:9px;box-shadow:0 10px 30px #14372a1f,0 2px 6px #14372a0f;padding:6px;position:absolute;right:0;top:calc(100% + 8px);width:190px;z-index:1000}@keyframes publishDropdown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.save-dropdown button{align-items:center;background:#0000;border:none;border-radius:6px;color:#24352e;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;padding:10px 12px;text-align:left;transition:background .18s ease,color .18s ease;width:100%}.save-dropdown button:hover{background:#edf6f1;color:#176b4d}.save-dropdown button:first-child:hover{background:#e8f3ed;color:#12583f}.publish-modal-overlay{align-items:center;animation:modalOverlay .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#11261e73;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:9999}@keyframes modalOverlay{0%{opacity:0}to{opacity:1}}.publish-form{animation:modalForm .2s ease-out;border:1px solid #dce7e1;box-shadow:0 24px 60px #14372a2e,0 4px 12px #14372a14;font-family:Inter,Segoe UI,sans-serif;max-width:520px;padding:30px;width:100%}@keyframes modalForm{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.publish-form h2{color:#163b2d;font-size:22px;font-weight:700;letter-spacing:-.3px;margin:0 0 24px}.publish-form h2:after{background:#176b4d;border-radius:3px;content:"";display:block;height:3px;margin-top:9px;width:34px}.publish-form label{color:#34483f;display:block;font-size:13px;font-weight:600;margin:0 0 7px}.publish-form input,.publish-form textarea{background:#fbfdfc;border:1px solid #ccd9d2;border-radius:7px;box-sizing:border-box;color:#24352e;font-family:inherit;font-size:14px;margin-bottom:17px;outline:none;padding:11px 13px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.publish-form input{height:42px}.publish-form textarea{line-height:1.5;min-height:100px;resize:vertical}.publish-form input:focus,.publish-form textarea:focus{background:#fff;border-color:#176b4d;box-shadow:0 0 0 3px #176b4d17}.publish-form input::placeholder,.publish-form textarea::placeholder{color:#9aa9a2}.publish-actions{align-items:center;border-top:1px solid #e5ece8;display:flex;gap:10px;justify-content:flex-end;margin-top:8px;padding-top:20px}.publish-actions button:first-child{background:#fff;border:1px solid #ccd9d2;border-radius:7px;color:#4b5d55;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;height:40px;min-width:90px;padding:0 17px;transition:background .2s ease,border-color .2s ease,color .2s ease}.publish-actions button:first-child:hover{background:#f4f7f5;border-color:#b9c9c1;color:#24352e}.publish-actions button:last-child{background:#176b4d;border:1px solid #176b4d;border-radius:7px;color:#fff;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;height:40px;min-width:100px;padding:0 18px;transition:background .2s ease,box-shadow .2s ease,transform .15s ease}.publish-actions button:last-child:hover{background:#12583f;box-shadow:0 5px 14px #176b4d33}.publish-actions button:last-child:active{transform:translateY(1px)}@media (max-width:600px){.publish-modal-overlay{padding:16px}.publish-form{max-width:100%;padding:24px 20px}.publish-form h2{font-size:20px}.publish-actions{align-items:stretch;flex-direction:column-reverse}.publish-actions button{width:100%}}.page-drag-over:before{background:#176b4d;border-radius:4px;content:"";height:3px;left:-5px;position:absolute;right:-5px;top:-5px;z-index:10}.publish-form{background:#fff;border-radius:12px;box-shadow:0 20px 60px #14372a40;max-width:90%;padding:24px;width:500px}.left-sidebar-content::-webkit-scrollbar{width:6px}.left-sidebar-content::-webkit-scrollbar-thumb{background:#b9cfc2;border-radius:20px}.left-sidebar-content::-webkit-scrollbar-thumb:hover{background:#8eaf9d}.left-sidebar h5{color:#718179;font-size:11px;letter-spacing:1px;margin-bottom:14px}.design-top{background:#fff;border-bottom:1px solid #dce7e1;flex-shrink:0;height:64px;justify-content:space-between;padding:0 20px}.design-top,.tool-btn{align-items:center;display:flex}.tool-btn{background:#0000;border:none;border-radius:12px;color:#1f2937;cursor:pointer;font-size:14px;gap:11px;height:42px;margin-bottom:6px;padding:0 12px;transition:.2s ease;width:100%}.tool-btn svg{color:#176b4d;flex-shrink:0;transition:.2s ease}.tool-btn:hover{background:#e8f3ed;color:#176b4d}.tool-btn:hover svg{color:#12583f}.themes-section{margin-top:26px}.theme-card{background:#fff;border:1px solid #d7e4dd;border-radius:14px;cursor:pointer;margin-bottom:10px;padding:12px;transition:.2s}.theme-card:hover{border-color:#b9d4c6;transform:translateY(-1px)}.theme-card.active{border:2px solid #176b4d}.colors{display:flex;gap:6px;margin-bottom:10px}.colors span{border-radius:50%;height:16px;width:16px}.green{background:#176b4d}.light{background:#86c7a5}.mint{background:#d1fae5}.dark{background:#14532d}.forest{background:#166534}.soft{background:#dcfce7}.theme-card h4{color:#24352e;font-size:13px;margin-bottom:4px}.theme-card p{color:#6b7280;font-size:11px}.workspace{background:#f1f5f3;flex:1 1;overflow:hidden}.canvas-container,.workspace{align-items:center;display:flex;justify-content:center}.canvas-container{height:100%;position:relative;width:100%}.canvas-wrapper{align-items:center;display:flex;height:770px;justify-content:center;transform-origin:center center;width:794px}.yearbook-page{background:#fff;border-radius:0;box-shadow:none;height:1123px;overflow:hidden;width:794px}.yearbook-page canvas{display:block}.yearbook-page h1{color:#163b2d;font-family:Playfair Display,serif;font-size:clamp(28px,2vw,42px);left:50%;position:absolute;top:42%;transform:translate(-50%,-50%)}.zoom-controls{align-items:center;background:#fffffff2;border:1px solid #dce7e1;border-radius:999px;box-shadow:0 8px 24px #14372a14;display:flex;gap:8px;padding:6px 10px;position:absolute;right:20px;top:20px;z-index:3}.zoom-controls button{background:#edf6f1;border:none;border-radius:50%;color:#176b4d;cursor:pointer;font-size:16px;height:30px;width:30px}.zoom-controls button:hover{background:#dceee5}.zoom-controls span{color:#374151;font-size:13px;font-weight:600;min-width:48px;text-align:center}.page-size{background:#ffffffe6;border-radius:999px;bottom:18px;color:#718179;font-size:11px;padding:5px 8px;position:absolute;right:22px}.right-sidebar{background:#0000;border-left:1px solid #dce7e1;display:flex;flex-direction:column;min-width:210px;overflow:hidden;padding:12px;width:210px}.pages-scroll{flex:1 1;overflow-y:auto;padding-right:2px}.pages-scroll::-webkit-scrollbar{width:6px}.pages-scroll::-webkit-scrollbar-thumb{background:#b9cfc2;border-radius:20px}.pages-scroll::-webkit-scrollbar-thumb:hover{background:#8eaf9d}.page-thumbnail{background:#fff;border:1px solid #d7e4dd;border-radius:12px;cursor:pointer;margin-bottom:12px;overflow:hidden;transition:.2s;width:100%}.page-thumbnail:hover{transform:translateY(-2px)}.page-thumbnail.active{border:2px solid #176b4d}.thumb-footer{border-top:1px solid #e1ebe5;color:#52665c;font-size:12px;height:36px;justify-content:space-between;padding:0 10px}.add-page-button,.thumb-footer{align-items:center;display:flex}.add-page-button{background:#fff;border:1px solid #cbdcd3;border-radius:12px;color:#176b4d;cursor:pointer;font-weight:600;gap:8px;height:44px;justify-content:center;margin-top:10px;transition:.2s}.add-page-button:hover{background:#edf6f1;border-color:#176b4d;color:#12583f}.student-modal-overlay{align-items:center;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background:#142d206b;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:9999}.student-modal{animation:studentModalIn .2s ease-out;background:#fff;border:1px solid #e3eee7;border-radius:18px;box-shadow:0 24px 70px #14462d29,0 8px 25px #14462d14;display:flex;flex-direction:column;height:720px;max-height:calc(100vh - 48px);max-width:100%;overflow:hidden;width:680px}@keyframes studentModalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.student-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e8f0eb;display:flex;justify-content:space-between;padding:21px 24px}.student-modal-header h2{color:#173b2a;font-size:21px;font-weight:700;letter-spacing:-.3px;margin:0}.student-modal-header p{color:#789083;font-size:12px;line-height:1.5;margin:5px 0 0}.student-modal-close{align-items:center;background:#0000;border:none;border-radius:10px;color:#7b8e84;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;line-height:1;transition:background .18s ease,color .18s ease,transform .18s ease;width:36px}.student-modal-close:hover{background:#edf7f0;color:#276943;transform:rotate(3deg)}.student-toolbar{align-items:center;background:#f8fbf9;border-bottom:1px solid #e8f0eb;display:flex;gap:9px;padding:14px 18px}.student-search-wrapper{flex:1 1;min-width:190px;position:relative}.student-search-icon{color:#789083;font-size:17px;left:13px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.student-search{background:#fff;border:1px solid #dce9e1;border-radius:10px;box-sizing:border-box;color:#243b2f;font-size:13px;height:40px;outline:none;padding:0 38px;transition:border-color .18s ease,box-shadow .18s ease;width:100%}.student-search::placeholder{color:#9aaa9f}.student-search:focus{border-color:#72a985;box-shadow:0 0 0 3px #4c91601a}.student-clear-search{align-items:center;background:#0000;border:none;border-radius:7px;color:#8a9a91;cursor:pointer;display:flex;font-size:17px;height:25px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:25px}.student-clear-search:hover{background:#edf6f0;color:#34714b}.student-filter{background:#fff;border:1px solid #dce9e1;border-radius:10px;color:#3e5548;cursor:pointer;font-size:12px;height:40px;min-width:125px;outline:none;padding:0 12px;transition:border-color .18s ease,box-shadow .18s ease}.student-filter:hover{border-color:#b8d3c0}.student-filter:focus{border-color:#72a985;box-shadow:0 0 0 3px #4c916017}.student-select-all{border:1px solid #d6e5dc;border-radius:10px;color:#456052;cursor:pointer;font-size:12px;font-weight:500;gap:7px;height:40px;justify-content:center;padding:0 13px;transition:background .18s ease,border-color .18s ease,color .18s ease;white-space:nowrap}.student-select-all:hover{background:#f0f8f3;border-color:#b8d3c0;color:#276943}.student-select-all.selected{background:#2f7650;border-color:#2f7650;color:#fff}.student-select-all input{accent-color:#3d895d;height:15px;width:15px}.student-selection-info{align-items:center;background:#fff;border-bottom:1px solid #edf2ee;box-sizing:border-box;color:#829187;display:flex;font-size:11px;justify-content:space-between;min-height:42px;padding:0 20px}.student-selection-info strong{color:#35734d;font-weight:600}.student-list{background:#fff;padding:10px 14px;scrollbar-color:#c5d9cc #0000;scrollbar-width:thin}.student-list::-webkit-scrollbar{width:6px}.student-list::-webkit-scrollbar-thumb{background:#c5d9cc}.student-list::-webkit-scrollbar-thumb:hover{background:#9fbea9}.student-row{border:1px solid #0000;box-sizing:border-box;gap:12px;margin-bottom:5px;min-height:72px;padding:9px 11px;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.student-row:hover{background:#f6faf7;border-color:#e0ece4}.student-row.selected{background:#eef8f1;border-color:#b9d9c3;box-shadow:0 2px 8px #2c69450f}.student-checkbox{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:20px}.student-checkbox input{accent-color:#3f8a5c;cursor:pointer;height:17px;margin:0;width:17px}.student-avatar-wrapper{flex-shrink:0}.student-avatar,.student-no-photo{border-radius:11px;display:block;height:50px;width:50px}.student-avatar{background:#edf4ef;border:1px solid #e0ebe3}.student-no-photo{align-items:center;background:#eaf4ed;border:1px solid #d9e9df;display:flex;font-size:21px;justify-content:center}.student-info strong{color:#263d31;font-size:13px}.student-program{background:#edf7f0;border-radius:6px;color:#36744d;font-size:10px;font-weight:500;max-width:100%;overflow:hidden;padding:3px 7px;text-overflow:ellipsis;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.student-info small{color:#8a9a91;font-size:10px}.student-selected-indicator{align-items:center;background:#fff;border:1px solid #dce9e1;border-radius:50%;color:#0000;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:25px;justify-content:center;transition:background .16s ease,border-color .16s ease,color .16s ease;width:25px}.student-row.selected .student-selected-indicator{background:#3d8658;border-color:#3d8658;color:#fff}.student-empty{color:#84938a;flex-direction:column;gap:6px;min-height:260px}.student-empty,.student-empty-icon{align-items:center;display:flex;justify-content:center}.student-empty-icon{background:#edf7f0;border-radius:50%;font-size:28px;height:58px;margin-bottom:7px;width:58px}.student-empty strong{color:#3c5547;font-size:14px}.student-empty span{color:#96a49c;font-size:11px}.student-modal-footer{align-items:center;background:#fbfdfb;border-top:1px solid #e7efe9;box-sizing:border-box;color:#839188;display:flex;font-size:11px;justify-content:space-between;min-height:68px;padding:13px 18px}.student-footer-actions{display:flex;gap:8px}.student-cancel-btn{background:#fff;border:1px solid #d7e4dc;border-radius:9px;color:#50655a;cursor:pointer;font-size:12px;height:38px;padding:0 17px;transition:background .18s ease,border-color .18s ease,color .18s ease}.student-cancel-btn:hover{background:#f1f7f3;border-color:#bdd5c5;color:#2f7049}.student-insert-btn{background:#347b51;border:none;border-radius:9px;box-shadow:0 3px 10px #2d704826;color:#fff;cursor:pointer;font-size:12px;font-weight:600;height:38px;padding:0 18px;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.student-insert-btn:hover:not(:disabled){background:#286b44;box-shadow:0 5px 14px #2d704833;transform:translateY(-1px)}.student-insert-btn:active:not(:disabled){transform:translateY(0)}.student-insert-btn:disabled{background:#d7e2db;box-shadow:none;color:#91a097;cursor:not-allowed}@media (max-width:600px){.student-modal-overlay{padding:12px}.student-modal{border-radius:15px;height:90vh;max-height:90vh;width:100%}.student-modal-header{padding:18px}.student-toolbar{flex-wrap:wrap;padding:12px}.student-search-wrapper{flex-basis:100%}.student-filter{flex:1 1;min-width:0}.student-select-all{flex:1 1}.student-selection-info{padding:0 14px}.student-list{padding:8px}.student-row{gap:9px;padding:9px}.student-modal-footer{align-items:flex-start;flex-direction:column;gap:10px}.student-footer-actions{width:100%}.student-cancel-btn,.student-insert-btn{flex:1 1}.student-row.already-inserted{background:#f1f8f3;border-color:#d8eadc;cursor:not-allowed;opacity:.65}.student-row.already-inserted:hover{background:#f1f8f3;transform:none}.student-row.already-inserted .student-info strong{color:#587061}.student-row.already-inserted .student-program{background:#e5f2e8;color:#4d7259}.student-row.already-inserted
.student-selected-indicator{background:#3f8f5b;color:#fff}.student-row.already-inserted
.student-checkbox input{cursor:not-allowed}.student-selected-indicator.already-added{background:#3f8f5b;color:#fff}}.list-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a7a;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:9999}.student-row.faculty-already-inserted{background:#f5f5f5;border-color:#e5e5e5;cursor:not-allowed;opacity:.65}.student-row.faculty-already-inserted:hover{background:#f5f5f5;border-color:#e5e5e5;box-shadow:none;transform:none}.student-row.faculty-already-inserted .student-info strong{color:#777}.student-row.faculty-already-inserted .student-info small{color:#999}.faculty-inserted-label{background:#eee;border-radius:20px;color:#888;flex-shrink:0;font-size:11px;font-weight:600;padding:5px 9px;white-space:nowrap}.list-modal{animation:facultyModalIn .2s ease-out;background:#fff;border-radius:18px;box-shadow:0 25px 70px #0000002e,0 8px 25px #00000014;display:flex;flex-direction:column;height:720px;max-height:calc(100vh - 48px);max-width:100%;overflow:hidden;width:680px}@keyframes facultyModalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.list-modal-header{align-items:center;background:#fff;border-bottom:1px solid #eee;display:flex;flex-shrink:0;justify-content:space-between;padding:22px 24px}.list-modal-header h2{color:#1f2937;font-size:22px;font-weight:700;line-height:1.2;margin:0}.list-modal-header p{color:#8a8a8a;font-size:13px;line-height:1.4;margin:6px 0 0}.modal-close-btn{align-items:center;background:#f5f5f5;border:none;border-radius:50%;color:#555;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:36px;justify-content:center;line-height:1;transition:background .2s ease,transform .2s ease;width:36px}.modal-close-btn:hover{background:#eee;transform:rotate(90deg)}.faculty-controls{grid-gap:10px;background:#fafafa;border-bottom:1px solid #eee;display:grid;flex-shrink:0;gap:10px;grid-template-columns:minmax(0,1fr) 190px 170px;padding:16px 20px}.faculty-filter,.faculty-search{background:#fff;border:1px solid #ddd;border-radius:9px;box-sizing:border-box;color:#333;font-family:inherit;font-size:14px;height:42px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.faculty-search{padding:0 14px}.faculty-search::placeholder{color:#aaa}.faculty-filter{-webkit-appearance:auto;appearance:auto;cursor:pointer;padding:0 12px}.faculty-filter option{background:#fff;color:#333;font-size:14px}.faculty-filter:focus,.faculty-search:focus{border-color:#111827;box-shadow:0 0 0 3px #11182714}.student-select-all{align-items:center;background:#fff;border-bottom:1px solid #eee;display:flex;flex-shrink:0;font-size:13px;justify-content:space-between;min-height:48px;padding:0 20px}.student-select-all label{align-items:center;color:#444;cursor:pointer;display:flex;gap:9px}.student-select-all input{accent-color:#111827;cursor:pointer;height:16px;margin:0;width:16px}.student-select-all span{background:#f1f1f1;border-radius:20px;color:#666;font-size:12px;font-weight:600;padding:5px 10px}.student-list{background:#f8f8f8;flex:1 1;min-height:0;overflow-y:auto;padding:12px 16px}.student-row{align-items:center;background:#fff;border:1px solid #eee;border-radius:12px;cursor:pointer;display:flex;gap:13px;margin-bottom:7px;min-height:76px;padding:10px 12px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.student-row:last-child{margin-bottom:0}.student-row:hover{background:#fcfcfc;border-color:#ddd;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.student-row>input[type=checkbox]{accent-color:#111827;cursor:pointer;flex-shrink:0;height:17px;margin:0;width:17px}.student-avatar{align-items:center;background:#eee;border:2px solid #f1f1f1;border-radius:50%;display:flex;flex-shrink:0;height:52px;justify-content:center;object-fit:cover;overflow:hidden;width:52px}.faculty-placeholder{background:#f1f5f9;font-size:23px}.student-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.student-info strong{color:#222;font-size:14px;font-weight:650}.student-info small,.student-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-info small{color:#777;font-size:12px;line-height:1.3}.student-info small:last-child{color:#999}.faculty-empty{border-radius:12px;color:#999;font-size:14px;justify-content:center;margin:10px 0;min-height:180px}.faculty-empty,.list-modal-footer{align-items:center;background:#fff;display:flex}.list-modal-footer{border-top:1px solid #eee;flex-shrink:0;gap:10px;justify-content:flex-end;padding:15px 20px}.cancel-btn{background:#fff;border:1px solid #ddd;border-radius:9px;color:#555;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;height:40px;padding:0 18px;transition:background .2s ease,border-color .2s ease}.cancel-btn:hover{background:#f7f7f7;border-color:#ccc}.insert-btn{background:#111827;border:none;border-radius:9px;color:#fff;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;height:40px;padding:0 18px;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.insert-btn:hover:not(:disabled){background:#000;box-shadow:0 5px 12px #00000026;transform:translateY(-1px)}.insert-btn:active:not(:disabled){transform:translateY(0)}.insert-btn:disabled{background:#d5d5d5;box-shadow:none;color:#fff;cursor:not-allowed}.student-list::-webkit-scrollbar{width:7px}.student-list::-webkit-scrollbar-track{background:#0000}.student-list::-webkit-scrollbar-thumb{background:#d2d2d2;border-radius:10px}.student-list::-webkit-scrollbar-thumb:hover{background:#b5b5b5}@media (max-width:800px){.faculty-controls{grid-template-columns:1fr 1fr}.faculty-search{grid-column:1/-1}}@media (max-width:600px){.list-modal-overlay{padding:12px}.list-modal{border-radius:14px;height:90vh;max-height:90vh;width:100%}.list-modal-header{padding:18px}.list-modal-header h2{font-size:20px}.list-modal-header p{font-size:12px}.faculty-controls{display:flex;flex-direction:column;gap:8px;padding:12px}.faculty-filter,.faculty-search{width:100%}.student-select-all{padding:0 14px}.student-list{padding:10px}.student-row{gap:10px;min-height:68px;padding:9px}.student-avatar{height:46px;width:46px}.list-modal-footer{padding:12px}.cancel-btn,.insert-btn{height:38px;padding:0 14px}}@media (max-width:400px){.list-modal-footer{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.cancel-btn,.insert-btn{width:100%}}.memory-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:30px;position:fixed;z-index:9999}.memory-modal{border-radius:18px;box-shadow:0 25px 70px #00000040;height:min(750px,90vh);width:min(1000px,95vw)}.memory-modal-header{align-items:flex-start;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:22px 26px}.memory-modal-header h2{color:#222;font-size:22px;font-weight:700;margin:0}.memory-modal-header p{color:#777;font-size:13px;margin:5px 0 0}.memory-modal-close{background:#f5f5f5;border:none;border-radius:50%;cursor:pointer;font-size:24px;height:36px;line-height:1;transition:.2s;width:36px}.memory-modal-close:hover{background:#e9e9e9}.memory-toolbar{background:#fafafa;border-bottom:1px solid #eee;display:flex;gap:12px;padding:16px 26px}.memory-search{flex:1 1;position:relative}.memory-search input{border:1px solid #ddd;border-radius:9px;box-sizing:border-box;font-size:14px;height:42px;outline:none;padding:0 40px;width:100%}.memory-search input:focus{border-color:#6366f1}.memory-search-icon{left:14px}.memory-clear-search,.memory-search-icon{color:#888;font-size:20px;position:absolute;top:50%;transform:translateY(-50%)}.memory-clear-search{background:none;border:none;cursor:pointer;right:10px}.memory-filter select{font-size:14px;min-width:190px;padding:0 35px 0 12px}.memory-filter select,.memory-select-all{background:#fff;border:1px solid #ddd;border-radius:9px;cursor:pointer;height:42px}.memory-select-all{align-items:center;display:flex;font-size:13px;gap:8px;padding:0 14px}.memory-select-all.selected{background:#f1f0ff;border-color:#6366f1;color:#4f46e5}.memory-select-all input{cursor:pointer}.memory-selection-info{border-bottom:1px solid #eee;color:#777;display:flex;font-size:13px;justify-content:space-between;padding:12px 26px}.memory-selection-info strong{color:#6366f1}.memory-items{background:#f8f8f8;flex:1 1;overflow-y:auto;padding:18px 26px}.memory-item{align-items:center;background:#fff;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:15px;margin-bottom:12px;padding:13px;position:relative;transition:border-color .15s,box-shadow .15s,transform .15s}.memory-item:hover{border-color:#ddd;box-shadow:0 5px 18px #00000012}.memory-item.selected{background:#fafaff;border-color:#6366f1;box-shadow:0 4px 16px #6366f11f}.memory-checkbox{align-items:center;display:flex;justify-content:center;width:25px}.memory-checkbox input{accent-color:#6366f1;cursor:pointer;height:18px;width:18px}.memory-item-image{background:#eee;border-radius:9px;flex-shrink:0;height:82px;overflow:hidden;width:82px}.memory-item-image img{display:block;height:100%;object-fit:cover;width:100%}.memory-no-image{align-items:center;color:#aaa;display:flex;flex-direction:column;font-size:12px;height:100%;justify-content:center;width:100%}.memory-no-image span{font-size:24px}.memory-item-info{flex:1 1;min-width:0}.memory-student{align-items:center;display:flex;gap:9px;margin-bottom:6px}.memory-student strong{color:#222;font-size:15px}.memory-program{background:#f0f0f0;border-radius:5px;color:#666;font-size:10px;padding:3px 7px}.memory-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#555;display:-webkit-box;font-size:13px;line-height:1.5;margin:0;overflow:hidden}.memory-no-message{color:#aaa;font-style:italic}.memory-selected-indicator{background:#6366f1;border-radius:50%;color:#fff;font-size:14px;font-weight:700;height:25px;width:25px}.memory-empty,.memory-selected-indicator{align-items:center;display:flex;justify-content:center}.memory-empty{color:#888;flex-direction:column;min-height:250px;text-align:center}.memory-empty-icon{font-size:45px;margin-bottom:10px}.memory-empty strong{color:#555}.memory-empty span{font-size:13px;margin-top:5px}.memory-modal-footer{align-items:center;background:#fff;border-top:1px solid #eee;color:#777;display:flex;font-size:13px;justify-content:space-between;padding:15px 26px}.memory-footer-actions{display:flex;gap:10px}.memory-add-selected-btn,.memory-cancel-btn{border-radius:8px;cursor:pointer;font-size:13px;height:40px;padding:0 18px}.memory-cancel-btn{background:#fff;border:1px solid #ddd;color:#555}.memory-cancel-btn:hover{background:#f5f5f5}.memory-add-selected-btn{background:#6366f1;border:none;color:#fff;font-weight:600}.memory-add-selected-btn:hover{background:#4f46e5}.memory-add-selected-btn:disabled{background:#ccc;cursor:not-allowed}@media (max-width:700px){.memory-modal-overlay{padding:10px}.memory-modal{height:95vh;width:100%}.memory-toolbar{flex-direction:column}.memory-filter select,.memory-select-all{width:100%}.memory-modal-footer{align-items:stretch;flex-direction:column;gap:12px}.memory-footer-actions{justify-content:flex-end}.memory-item.already-inserted{background:#f3f4f6;cursor:not-allowed;opacity:.55}.memory-item.already-inserted:hover{box-shadow:none;transform:none}.memory-item.already-inserted .memory-item-image{filter:grayscale(.3)}.memory-already-added{align-items:center;background:#dcfce7;border-radius:999px;color:#15803d;display:inline-flex;font-size:11px;font-weight:700;margin-top:6px;padding:4px 9px;width:-webkit-fit-content;width:fit-content}.memory-selected-indicator{min-width:65px;text-align:center}}.student-layout{background:#f6f8f5;color:#24352a;min-height:100vh;position:relative}.student-navbar{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #e5ebe5;box-shadow:0 4px 20px #1f432b0f;box-sizing:border-box;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);left:0;min-height:76px;padding:10px 28px;position:fixed;right:0;top:0;width:100%;z-index:1000}.student-brand{align-items:center;background:#0000;border:0;cursor:pointer;display:inline-flex;font-family:inherit;gap:12px;justify-self:start;margin:0;padding:0;text-align:left}.logo-icon-wrapper{border:1px solid #dce7dc;box-shadow:0 3px 10px #224b2e1a;height:48px;overflow:hidden;width:48px}.school-logo{padding:3px}.logo-text{display:flex;flex-direction:column;min-width:0}.logo-title{color:#214c30;font-weight:750;line-height:1.2}.logo-subtitle{color:#7a8b7d;font-size:10px;font-weight:600;letter-spacing:.08em;margin-top:3px;text-transform:uppercase}.student-navlinks{display:flex;gap:4px}.student-navlinks,.student-navlinks a{align-items:center;justify-content:center}.student-navlinks a{border-radius:10px;color:#718074;display:inline-flex;font-size:13px;font-weight:600;gap:7px;padding:10px 14px;position:relative;text-decoration:none;transition:background .2s ease,color .2s ease,transform .2s ease}.student-navlinks a svg{flex-shrink:0;height:17px;width:17px}.student-navlinks a:hover{background:#f1f6f1;color:#245b36}.student-navlinks a.active{background:#2d6a3f;box-shadow:0 4px 12px #2d6a3f2e;color:#fff}.student-navlinks a.active:hover{background:#265d37}.student-actions{gap:8px;justify-self:end}.notif-btn,.student-actions{align-items:center;display:flex}.notif-btn{background:#fff;border:1px solid #e1e8e1;border-radius:11px;color:#526456;cursor:pointer;height:42px;justify-content:center;position:relative;transition:background .2s ease,border-color .2s ease,transform .2s ease;width:42px}.notif-btn:hover{background:#f3f7f3;border-color:#cddbcf;transform:translateY(-1px)}.notif-btn svg{height:18px;width:18px}.notif-badge{background:#c73535;border:2px solid #fff;border-radius:999px;color:#fff;display:flex;font-size:9px;font-weight:800;height:18px;min-width:18px;padding:0 4px;position:absolute;right:-5px;top:-5px}.logout-btn,.notif-badge{align-items:center;justify-content:center}.logout-btn{background:#fff;border:1px solid #e1e8e1;border-radius:11px;color:#59685d;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:650;gap:7px;height:42px;padding:0 14px;transition:background .2s ease,color .2s ease,border-color .2s ease}.logout-btn svg{height:16px;width:16px}.logout-btn:hover{background:#fff6f6;border-color:#efd1d1;color:#a83232}.student-content{min-height:calc(100vh - 76px);padding-top:96px;width:100%}.notif-modal-overlay{align-items:flex-start;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#18261c29;display:flex;inset:0;justify-content:flex-end;padding:86px 28px 28px;position:fixed;z-index:2000}.notif-modal{background:#fff;border:1px solid #e2e9e2;border-radius:18px;box-shadow:0 20px 60px #1f3d272e;display:flex;flex-direction:column;max-height:min(650px,calc(100vh - 110px));overflow:hidden;width:min(420px,calc(100vw - 32px))}.notif-header{align-items:center;border-bottom:1px solid #edf1ed;display:flex;justify-content:space-between;padding:18px 20px}.notif-header h3{color:#234c30;font-size:17px;font-weight:750;margin:0}.notif-header span{color:#8a958c;display:block;font-size:11px;margin-top:3px}.close-btn{align-items:center;background:#f4f7f4;border:0;border-radius:9px;color:#657267;cursor:pointer;display:flex;height:34px;justify-content:center;transition:.2s ease;width:34px}.close-btn:hover{background:#eaf0ea;color:#234c30}.close-btn svg{height:18px;width:18px}.notif-list{overflow-y:auto;padding:8px}.notif-list::-webkit-scrollbar{width:6px}.notif-list::-webkit-scrollbar-track{background:#0000}.notif-list::-webkit-scrollbar-thumb{background:#d3ddd4;border-radius:20px}.notif-item{border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:14px 12px;transition:background .2s ease}.notif-item:hover{background:#f6f9f6}.notif-item.unread{background:#f0f7f1}.notif-dot{background:#0000;border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.notif-item.unread .notif-dot{background:#2d6a3f}.notif-content{flex:1 1;min-width:0}.notif-item-top{align-items:center;display:flex;gap:10px;justify-content:space-between}.notif-item h4{color:#2d4032;font-size:13px;font-weight:750;margin:0}.notif-item p{color:#68756c;font-size:12px;line-height:1.55;margin:5px 0 7px}.notif-time{color:#9aa49d;font-size:10px}.unread-label{background:#dfeee1;border-radius:999px;color:#2d6a3f;flex-shrink:0;font-size:9px;font-weight:800;letter-spacing:.04em;padding:3px 7px;text-transform:uppercase}.empty-notifications{padding:50px 20px;text-align:center}.empty-notification-icon{align-items:center;background:#f1f6f1;border-radius:50%;color:#719078;display:flex;height:50px;justify-content:center;margin:0 auto 14px;width:50px}.empty-notification-icon svg{height:22px;width:22px}.empty-notifications h4{color:#334438;font-size:14px;margin:0}.empty-notifications p{color:#8a968c;font-size:12px;margin:6px 0 0}@media (max-width:1100px){.student-navbar{grid-template-columns:auto 1fr auto;padding:10px 18px}.student-navlinks{gap:2px}.student-navlinks a{padding:9px 10px}.student-navlinks a span{font-size:12px}.logo-title{font-size:14px}}@media (max-width:850px){.student-navbar{grid-template-columns:auto auto;padding:10px 16px;row-gap:10px}.student-navlinks{align-items:center;display:flex;gap:2px;grid-column:1/-1;grid-row:2;justify-content:center;overflow-x:auto;padding-bottom:2px;padding-top:2px;width:100%}.student-content{padding-top:136px}.student-navlinks::-webkit-scrollbar{display:none}.student-navlinks a{flex:0 0 auto}.student-actions{margin-left:auto}.student-content{min-height:calc(100vh - 126px);padding-top:120px}}@media (max-width:600px){.student-navbar{grid-template-columns:1fr auto;min-height:auto;padding:9px 12px;row-gap:7px}.logo-icon-wrapper{height:40px;width:40px}.logo-title{font-size:12px}.logo-subtitle{display:none}.student-navlinks{display:flex;grid-column:1/-1;grid-row:2;overflow-x:visible;padding-bottom:2px;padding-top:2px;width:100%}.student-navlinks,.student-navlinks a{align-items:center;gap:3px;justify-content:center}.student-navlinks a{border-radius:9px;display:inline-flex;flex:0 0 auto;flex-direction:column;font-size:10px;min-width:auto;padding:8px 10px;text-align:center}.student-navlinks a svg{height:16px;width:16px}.student-navlinks a span{font-size:9px;text-align:center;white-space:nowrap}.student-actions{align-items:center;display:flex;gap:5px;margin-left:auto}.notif-btn{height:38px;width:38px}.notif-btn svg{height:17px;width:17px}.logout-btn{height:38px;padding:0;width:38px}.logout-btn span{display:none}.logout-btn svg{height:16px;width:16px}.student-content{min-height:calc(100vh - 120px)}.notif-modal-overlay{padding:72px 10px 10px}.notif-modal{border-radius:16px;max-height:calc(100vh - 90px);width:100%}}@media (max-width:380px){.logo-text{display:none}.logo-icon-wrapper{height:38px;width:38px}.student-navlinks{gap:1px}.student-navlinks a{padding:7px 8px}.student-navlinks a svg{height:15px;width:15px}.student-navlinks a span{font-size:8px}}:root{--adssu-950:#071b11;--adssu-900:#0e3320;--adssu-850:#124128;--adssu-800:#185638;--adssu-700:#236c46;--adssu-600:#2f8055;--adssu-500:#449468;--adssu-400:#69aa82;--cream:#fbfaf5;--paper:#fff;--surface:#f4f7f4;--surface-2:#edf3ee;--surface-3:#e5eee7;--ink:#17231b;--ink-soft:#3e4c43;--muted:#7a857e;--muted-2:#9aa39d;--line:#e2e9e4;--line-soft:#edf1ee;--shadow-xs:0 2px 8px #0e33200a;--shadow-sm:0 8px 24px #0e332012;--shadow-md:0 16px 45px #0e33201c;--shadow-lg:0 28px 80px #00000038;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px}.yearbook-dashboard,.yearbook-dashboard *{box-sizing:border-box}.yearbook-dashboard{-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 10% 12%,rgba(68,148,104,.055),#0000 26%),radial-gradient(circle at 92% 35%,rgba(35,108,70,.045),#0000 28%),#f4f7f4;background:radial-gradient(circle at 10% 12%,rgba(68,148,104,.055),#0000 26%),radial-gradient(circle at 92% 35%,rgba(35,108,70,.045),#0000 28%),var(--surface);color:#17231b;color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh;overflow-x:hidden}.yearbook-dashboard button,.yearbook-dashboard input,.yearbook-dashboard textarea{font:inherit}.yearbook-dashboard button{-webkit-tap-highlight-color:transparent;cursor:pointer}.yearbook-dashboard img{max-width:100%}.dashboard-hero{align-items:center;background:radial-gradient(circle at 78% 25%,#ffffff1f,#0000 18%),linear-gradient(135deg,#071b11,#0e3320 45%,#236c46);background:radial-gradient(circle at 78% 25%,#ffffff1f,#0000 18%),linear-gradient(135deg,var(--adssu-950) 0,var(--adssu-900) 45%,var(--adssu-700) 100%);color:#fff;display:flex;isolation:isolate;justify-content:space-between;min-height:350px;overflow:hidden;padding:58px max(6vw,28px) 62px;position:relative}.dashboard-hero:after,.dashboard-hero:before{border-radius:50%;content:"";pointer-events:none;position:absolute;z-index:-1}.dashboard-hero:before{border:1px solid #ffffff1a;box-shadow:0 0 0 55px hsla(0,0%,100%,.025),0 0 0 110px hsla(0,0%,100%,.018);height:560px;right:-190px;top:-330px;width:560px}.dashboard-hero:after{background:hsla(0,0%,100%,.035);bottom:-250px;height:330px;left:-180px;width:330px}.hero-content{position:relative;width:min(700px,100%);z-index:2}.hero-eyebrow{align-items:center;background:#ffffff12;border:1px solid #ffffff21;border-radius:999px;color:#ffffffc7;display:inline-flex;font-size:10px;font-weight:800;gap:9px;letter-spacing:1.65px;margin-bottom:81px;padding:7px 11px}.hero-eyebrow svg{font-size:15px}.hero-content h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,6vw,72px);font-weight:400;letter-spacing:-3px;line-height:.98;margin:0}.hero-content h1 strong{font-weight:800}.hero-content p{color:#ffffffba;font-size:14px;line-height:1.75;margin:20px 0 25px;max-width:590px}.hero-content p strong{color:#fff}.hero-meta{display:flex;flex-wrap:wrap;gap:9px}.hero-meta div{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.075);border:1px solid #ffffff24;border-radius:999px;color:#ffffffe0;display:inline-flex;font-size:11px;font-weight:600;gap:8px;min-height:35px;padding:0 13px}.hero-meta svg{font-size:15px}.hero-decoration{flex:0 0 auto;height:245px;margin-right:3vw;position:relative;width:300px}.hero-card{align-items:center;border-radius:16px;box-shadow:0 25px 55px #00000038;display:flex;height:204px;justify-content:center;overflow:hidden;position:absolute;width:158px}.hero-card svg{font-size:31px}.hero-card-back{background:#ffffff1a;border:1px solid #ffffff1f;left:8px;top:22px;transform:rotate(-13deg)}.hero-card-middle{background:#ffffff29;border:1px solid #ffffff21;right:14px;top:3px;transform:rotate(11deg)}.hero-card-front{background:linear-gradient(145deg,#fffdf6,#f1ecdf);color:#0e3320;color:var(--adssu-900);flex-direction:column;justify-content:flex-start;left:69px;padding:26px 20px;text-align:center;top:18px;transform:rotate(-2deg);z-index:3}.mini-card-top{font-size:8px;font-weight:900;letter-spacing:2px;opacity:.56}.mini-card-title{font-family:Georgia,serif;font-size:30px;font-weight:700;margin-top:31px}.mini-card-line{background:#2f8055;background:var(--adssu-600);height:2px;margin:17px auto;width:48px}.hero-card-front span{color:#647068;font-size:10px}.dashboard-grid{margin:0 auto;padding:42px 0 90px;width:min(790px,calc(100% - 40px))}.community-column{min-width:0;width:100%}.feed-heading{align-items:flex-end;display:flex;gap:18px;justify-content:space-between;margin-bottom:18px}.feed-kicker{color:#2f8055;color:var(--adssu-600);display:block;font-size:9px;font-weight:900;letter-spacing:1.9px;margin-bottom:6px}.feed-heading h2{color:#0e3320;color:var(--adssu-900);font-family:Georgia,Times New Roman,serif;font-size:clamp(27px,4vw,34px);letter-spacing:-.8px;line-height:1.1;margin:0}.feed-heading p{color:#7a857e;color:var(--muted);font-size:12px;margin:7px 0 0}.feed-count{align-items:baseline;background:#ffffffc7;border:1px solid #e2e9e4;border:1px solid var(--line);border-radius:999px;box-shadow:0 2px 8px #0e33200a;box-shadow:var(--shadow-xs);color:#185638;color:var(--adssu-800);display:inline-flex;font-size:15px;font-weight:850;gap:4px;padding:7px 11px}.feed-count span{color:#7a857e;color:var(--muted);font-size:10px;font-weight:600}.heart-icon{transition:transform .18s ease,fill .18s ease,color .18s ease}.modal-react .heart-icon,.post-action .heart-icon{fill:none}.modal-react.liked .heart-icon,.post-action.liked .heart-icon{fill:currentColor}.post-action.liked{color:#16803c;font-weight:700}.post-action.liked .heart-icon{fill:#16803c;color:#16803c}.modal-react.liked{color:#16803c}.modal-react.liked .heart-icon{fill:#16803c;color:#16803c}.modal-react.liked .heart-icon,.post-action.liked .heart-icon{animation:heartLiked .2s ease}@keyframes heartLiked{0%{transform:scale(.8)}60%{transform:scale(1.15)}to{transform:scale(1)}}.comment-thread{position:relative}.comment-item,.comment-thread{box-sizing:border-box;width:100%}.comment-item{gap:11px;padding:10px 0}.comment-content{flex:1 1;max-width:100%}.comment-content strong{color:#24352a;font-size:13px;font-weight:700;line-height:1.3;margin-bottom:3px}.comment-content p{color:#46554b;font-size:14px;line-height:1.5;margin:0;word-break:break-word}.comment-actions{align-items:center;display:flex;gap:12px;margin-top:5px}.comment-actions button{background:#0000;border:none;color:#52745c;cursor:pointer;font-size:12px;font-weight:700;padding:2px 0;transition:color .2s ease}.comment-actions button:hover{color:#285c37}.comment-replies{border-left:2px solid #e2ebe4;box-sizing:border-box;margin-left:42px;padding-left:16px;width:100%}.comment-replies>.comment-thread{width:100%}.reply-item{padding-bottom:9px;padding-top:9px}.nested-comment-thread .comment-content strong{font-size:12.5px}.nested-comment-thread .comment-content p{font-size:13.5px}.reply-input{align-items:flex-start;box-sizing:border-box;display:flex;gap:9px;margin-left:42px;padding:6px 0 12px;width:calc(100% - 42px)}.reply-input-box{align-items:center;background:#f5f8f5;border:1px solid #dce6df;border-radius:18px;display:flex;flex:1 1;gap:7px;min-width:0;padding:4px 6px 4px 13px;transition:border-color .2s ease,box-shadow .2s ease}.reply-input-box:focus-within{border-color:#7ba487;box-shadow:0 0 0 3px #43704e14}.reply-input-box input{background:#0000;border:none;color:#24352a;flex:1 1;font-family:inherit;font-size:13px;min-width:0;outline:none;padding:7px 0}.reply-input-box input::placeholder{color:#98a49c}.profile-avatar-button{background:#0000;border:0;cursor:pointer;font:inherit;padding:0}.profile-avatar-button:hover{transform:scale(1.04)}.comment-author-name,.post-author-name{background:none;border:0;cursor:pointer;font:inherit;margin:0;padding:0;text-align:left}.post-author-name{color:#163c2b;font-weight:700}.comment-author-name:hover,.post-author-name:hover{text-decoration:underline}.comment-author-name{color:#163c2b;font-weight:700}.reply-input-box>button{align-items:center;background:#2f6b3b;border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;flex:0 0 auto;height:31px;justify-content:center;transition:transform .2s ease,opacity .2s ease,background .2s ease;width:31px}.reply-input-box>button:hover:not(:disabled){background:#24552e;transform:scale(1.05)}.reply-input-box>button:disabled{cursor:not-allowed;opacity:.4;transform:none}.reply-input-box>button.cancel-reply{background:#0000;color:#7c8980}.reply-input-box>button.cancel-reply:hover{background:#e8eee9;color:#435047}.announcement-section{background:#fff;border:1px solid #e5ebe7;border-radius:18px;box-shadow:0 6px 20px #0000000a;box-sizing:border-box;margin:28px 0 32px;padding:26px;width:100%}.announcement-heading{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:22px}.announcement-kicker{color:#1b5e3b;display:inline-block;font-size:11px;font-weight:800;letter-spacing:1.5px;margin-bottom:6px;text-transform:uppercase}.announcement-heading h2{color:#173b2a;font-size:25px;font-weight:750;line-height:1.2;margin:0}.announcement-heading p{color:#718078;font-size:14px;line-height:1.5;margin:7px 0 0}.announcement-icon{align-items:center;background:#edf7f0;border:1px solid #d6eadb;border-radius:14px;display:flex;flex-shrink:0;font-size:22px;height:48px;justify-content:center;width:48px}.announcement-list{display:flex;flex-direction:column;gap:12px}.announcement-card{align-items:flex-start;background:#f9fbfa;border:1px solid #e4ebe6;border-radius:14px;display:flex;gap:16px;padding:18px 20px;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.announcement-card:hover{border-color:#c8ddce;box-shadow:0 8px 20px #14462d12;transform:translateY(-2px)}.announcement-card-icon{align-items:center;background:#eaf5ed;border:1px solid #d5e8da;border-radius:12px;display:flex;flex-shrink:0;font-size:19px;height:42px;justify-content:center;width:42px}.announcement-card-content{flex:1 1;min-width:0}.announcement-card-top{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:7px}.announcement-type{background:#eaf5ed;color:#246640;letter-spacing:.8px}.announcement-priority,.announcement-type{align-items:center;border-radius:20px;display:inline-flex;font-size:9px;font-weight:800;padding:4px 9px}.announcement-priority{background:#fff4df;color:#9a6814;letter-spacing:.4px}.announcement-card-content h3{color:#20382b;font-size:16px;font-weight:700;line-height:1.4;margin:0}.announcement-card-content p{color:#68766e;font-size:13px;line-height:1.6;margin:6px 0 10px;max-width:850px}.announcement-date{color:#9aa59f;display:inline-block;font-size:11px;font-weight:500}.announcement-important{background:#fbfdfb;border-color:#c9dfd0}.announcement-important:before{background:#2e7d4f;border-radius:0 5px 5px 0;bottom:14px;content:"";left:0;position:absolute;top:14px;width:4px}.announcement-important .announcement-card-icon{background:#e7f3ea;border-color:#cce2d2}.announcement-card:has(.announcement-type){overflow:hidden}@media (max-width:768px){.announcement-section{border-radius:16px;margin:22px 0 26px;padding:20px}.announcement-heading{margin-bottom:18px}.announcement-heading h2{font-size:22px}.announcement-heading p{font-size:13px}.announcement-icon{font-size:20px;height:44px;width:44px}.announcement-card{gap:13px;padding:16px}.announcement-card-icon{border-radius:10px;font-size:17px;height:38px;width:38px}.announcement-card-content h3{font-size:15px}.announcement-card-content p{font-size:12.5px}}@media (max-width:480px){.announcement-section{border-radius:14px;margin:16px 0 22px;padding:16px}.announcement-heading{align-items:flex-start;gap:12px}.announcement-heading h2{font-size:20px}.announcement-heading p{font-size:12px;line-height:1.45}.announcement-kicker{font-size:9px;letter-spacing:1.2px}.announcement-icon{border-radius:11px;font-size:18px;height:40px;width:40px}.announcement-list{gap:10px}.announcement-card{border-radius:12px;gap:11px;padding:14px}.announcement-card-icon{border-radius:9px;font-size:15px;height:34px;width:34px}.announcement-card-top{gap:5px;margin-bottom:5px}.announcement-priority,.announcement-type{font-size:8px;padding:3px 7px}.announcement-card-content h3{font-size:14px}.announcement-card-content p{font-size:12px;line-height:1.5;margin:5px 0 8px}.announcement-date{font-size:10px}.announcement-important:before{bottom:10px;top:10px;width:3px}}.avatar.tiny{align-items:center;background:#dce9df;color:#356340;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:34px;justify-content:center;min-width:34px;overflow:hidden;width:34px}.avatar.tiny img{height:100%;object-fit:cover;width:100%}.nested-comment-thread .avatar.tiny{height:31px;min-width:31px;width:31px}.comments-area,.comments-list{box-sizing:border-box;width:100%}@media (max-width:768px){.comment-item{gap:9px;padding:9px 0}.avatar.tiny{height:32px;min-width:32px;width:32px}.comment-content strong{font-size:13px}.comment-content p{font-size:13.5px}.comment-replies{margin-left:30px;padding-left:12px}.reply-input{margin-left:30px;width:calc(100% - 30px)}.reply-input-box{border-radius:16px;padding-left:11px}.reply-input-box input{font-size:13px}}@media (max-width:600px){.comment-item{gap:8px;padding:8px 0}.avatar.tiny{font-size:11px;height:30px;min-width:30px;width:30px}.comment-content{min-width:0}.comment-content strong{font-size:12.5px;margin-bottom:2px}.comment-content p{font-size:13px;line-height:1.45}.comment-actions{margin-top:4px}.comment-actions button{font-size:11.5px}.comment-replies{border-left-width:1px;margin-left:18px;padding-left:10px}.nested-comment-thread .avatar.tiny{height:28px;min-width:28px;width:28px}.nested-comment-thread .comment-content strong{font-size:12px}.nested-comment-thread .comment-content p{font-size:12.5px}.reply-input{gap:7px;margin-left:18px;padding-bottom:9px;padding-top:4px;width:calc(100% - 18px)}.reply-input .avatar.tiny{height:28px;min-width:28px;width:28px}.reply-input-box{border-radius:16px;gap:4px;min-width:0;padding:3px 4px 3px 10px}.reply-input-box input{font-size:12px;min-width:0;padding:6px 0;width:100%}.reply-input-box>button{height:28px;min-width:28px;width:28px}.reply-input-box>button svg{height:14px;width:14px}}@media (max-width:400px){.comment-item{gap:7px}.avatar.tiny{height:28px;min-width:28px;width:28px}.comment-content strong{font-size:12px}.comment-content p{font-size:12.5px}.comment-replies{margin-left:14px;padding-left:8px}.reply-input{margin-left:14px;width:calc(100% - 14px)}.reply-input .avatar.tiny{display:none}.reply-input-box{width:100%}.reply-input-box input{font-size:12px}.reply-input-box>button{height:27px;min-width:27px;width:27px}}@media (max-width:320px){.comment-replies{margin-left:10px;padding-left:7px}.reply-input{margin-left:10px;width:calc(100% - 10px)}.comment-content p{font-size:12px}.reply-input-box input{font-size:11.5px}}.facebook-composer{background:#fffffff0;border:1px solid #e2e9e4;border:1px solid var(--line);border-radius:16px;border-radius:var(--radius-md);box-shadow:0 8px 24px #0e332012;box-shadow:var(--shadow-sm);margin-bottom:16px;padding:15px 17px 10px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.facebook-composer:hover{border-color:#d4e0d7;box-shadow:0 16px 45px #0e33201c;box-shadow:var(--shadow-md)}.composer-top{gap:11px}.avatar,.composer-top{align-items:center;display:flex}.avatar{background:#edf3ee;background:var(--surface-2);color:#185638;color:var(--adssu-800);flex-shrink:0;font-weight:850;justify-content:center;overflow:hidden;position:relative}.avatar img{display:block;height:100%;object-fit:cover;width:100%}.composer-avatar{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #e2e9e4;box-shadow:0 0 0 1px var(--line);font-size:13px;height:43px;width:43px}.composer-input{background:#f1f4f2;border:1px solid #0000;border-radius:999px;color:#858e88;flex:1 1;height:44px;min-width:0;outline:0;padding:0 17px;text-align:left;transition:.2s ease}.composer-input:focus,.composer-input:hover{background:#ebf0ec;border-color:#dce6df}.composer-input span{font-size:13px}.composer-bottom{grid-gap:7px;border-top:1px solid #edf1ee;border-top:1px solid var(--line-soft);display:grid;gap:7px;grid-template-columns:repeat(2,1fr);margin-top:9px;padding-top:8px}.composer-bottom button{align-items:center;background:#0000;border:0;border-radius:9px;color:#657169;display:flex;font-size:12px;font-weight:700;gap:7px;height:37px;justify-content:center;transition:.2s ease}.composer-bottom button:hover{background:#f4f7f4;background:var(--surface);color:#236c46;color:var(--adssu-700)}.composer-bottom svg{color:#2f8055;color:var(--adssu-600);font-size:18px}.facebook-feed{display:flex;flex-direction:column;gap:16px}.facebook-post{animation:feedIn .38s ease both;background:#fff;background:var(--paper);border:1px solid #e2e9e4;border:1px solid var(--line);border-radius:16px;border-radius:var(--radius-md);box-shadow:0 8px 24px #0e332012;box-shadow:var(--shadow-sm);overflow:hidden;position:relative}@keyframes feedIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.facebook-post:hover{border-color:#d8e3db;box-shadow:0 16px 45px #0e33201c;box-shadow:var(--shadow-md)}.facebook-post-header{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:17px 18px 10px}.facebook-author{align-items:center;display:flex;gap:11px;min-width:0}.post-avatar{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #dce6df;font-size:13px;height:44px;width:44px}.facebook-author-info{min-width:0}.facebook-author-info h3{color:#17231b;color:var(--ink);font-size:13px;font-weight:800;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-meta{align-items:center;color:#7a857e;color:var(--muted);display:flex;font-size:10px;gap:5px;margin-top:4px}.meta-dot{color:#adb6b0;font-weight:800}.post-more{align-items:center;background:#0000;border:0;border-radius:50%;color:#748078;display:flex;flex-shrink:0;height:35px;justify-content:center;transition:.2s ease;width:35px}.post-more:hover{background:#f4f7f4;background:var(--surface);color:#236c46;color:var(--adssu-700)}.post-more svg{font-size:19px}.facebook-post-text{color:#263129;font-size:14px;line-height:1.7;overflow-wrap:anywhere;padding:7px 18px 17px;white-space:pre-wrap}.facebook-post-image{background:#edf1ee;cursor:pointer;overflow:hidden;width:100%}.facebook-post-image img{display:block;max-height:650px;object-fit:cover;transition:transform .35s ease,filter .25s ease;width:100%}.facebook-post-image:hover img{filter:brightness(.97);transform:scale(1.012)}.post-reaction-summary{align-items:center;color:#7a857e;color:var(--muted);display:flex;font-size:11px;gap:12px;justify-content:space-between;min-height:42px;padding:7px 18px}.reaction-left{align-items:center;display:flex;gap:7px}.reaction-circle{align-items:center;background:#236c46;background:var(--adssu-700);border-radius:50%;box-shadow:0 2px 5px #236c462e;color:#fff;display:flex;height:20px;justify-content:center;width:20px}.reaction-circle svg{fill:#fff;height:10px;width:10px}.reaction-right button{background:#0000;border:0;color:#7a857e;color:var(--muted);font-size:11px;padding:3px 0}.reaction-right button:hover{color:#236c46;color:var(--adssu-700);text-decoration:underline}.facebook-post-actions{border-bottom:1px solid #edf1ee;border-bottom:1px solid var(--line-soft);border-top:1px solid #edf1ee;border-top:1px solid var(--line-soft);display:grid;grid-template-columns:repeat(3,1fr);margin:0 18px}.post-action{align-items:center;background:#0000;border:0;color:#657068;display:flex;font-size:12px;font-weight:750;gap:7px;height:45px;justify-content:center;transition:.2s ease}.post-action:hover{background:#f6f8f6;color:#236c46;color:var(--adssu-700)}.post-action svg{font-size:18px}.post-action.liked{color:#236c46;color:var(--adssu-700)}.post-action.liked svg{fill:currentColor}.people-liked{color:#69746c;font-size:11px;gap:8px;padding:10px 18px 4px}.mini-like-icons,.mini-like-icons span,.people-liked{align-items:center;display:flex}.mini-like-icons span{background:#236c46;background:var(--adssu-700);border:2px solid #fff;border-radius:50%;color:#fff;height:20px;justify-content:center;margin-right:-4px;width:20px}.mini-like-icons svg{fill:#fff;height:9px;width:9px}.comments-preview{padding:4px 18px 15px}.view-comments{background:#0000;border:0;color:#69746c;font-size:11px;font-weight:700;padding:5px 0 8px}.view-comments:hover{color:#236c46;color:var(--adssu-700);text-decoration:underline}.preview-comment{align-items:flex-start;display:flex;gap:8px;margin-top:5px}.comment-avatar{border-radius:50%;font-size:9px;height:29px;width:29px}.preview-comment-body{background:#f0f3f1;border-radius:12px;min-width:0;padding:7px 10px}.preview-comment-body strong{color:#29342d;display:block;font-size:10px;margin-bottom:2px}.preview-comment-body p{color:#526057;font-size:11px;line-height:1.45;margin:0;overflow-wrap:anywhere}.empty-feed{background:#fffffff5;border:1px solid #e2e9e4;border:1px solid var(--line);border-radius:16px;border-radius:var(--radius-md);box-shadow:0 8px 24px #0e332012;box-shadow:var(--shadow-sm);padding:72px 28px;text-align:center}.empty-feed-icon{align-items:center;background:#edf3ee;background:var(--surface-2);border:1px solid #dce8df;border-radius:18px;color:#236c46;color:var(--adssu-700);display:flex;height:62px;justify-content:center;margin:0 auto 17px;width:62px}.empty-feed-icon svg{font-size:25px}.empty-feed h3{color:#0e3320;color:var(--adssu-900);font-family:Georgia,serif;font-size:24px;margin:0 0 7px}.empty-feed p{color:#7a857e;color:var(--muted);font-size:12px;line-height:1.7;margin:0 auto 20px;max-width:390px}.empty-feed button{background:#236c46;background:var(--adssu-700);border:0;border-radius:10px;box-shadow:0 8px 20px #236c4629;color:#fff;font-size:11px;font-weight:800;min-height:40px;padding:0 17px;transition:.2s ease}.empty-feed button:hover{background:#185638;background:var(--adssu-800);transform:translateY(-1px)}.dashboard-sidebar{display:flex;flex-direction:column;gap:16px}.sidebar-card{background:#fff;border:1px solid #e2e9e4;border:1px solid var(--line);border-radius:16px;border-radius:var(--radius-md);box-shadow:0 8px 24px #0e332012;box-shadow:var(--shadow-sm);padding:22px}.sidebar-label{color:#2f8055;color:var(--adssu-600);display:block;font-size:9px;font-weight:900;letter-spacing:1.6px}.sidebar-card h3{color:#0e3320;color:var(--adssu-900);font-family:Georgia,serif;font-size:21px;margin:8px 0}.sidebar-card p{color:#7a857e;color:var(--muted);font-size:12px;line-height:1.65;margin:0}.yearbook-progress{margin-top:18px}.progress-header{color:#68736c;display:flex;font-size:10px;justify-content:space-between;margin-bottom:8px}.progress-header strong{color:#185638;color:var(--adssu-800)}.progress-track{background:#e7ede8;border-radius:999px;height:7px;overflow:hidden}.progress-fill{background:#2f8055;background:var(--adssu-600);border-radius:inherit;height:100%}.sidebar-link{background:#0000;border:0;border-top:1px solid #edf1ee;border-top:1px solid var(--line-soft);color:#185638;color:var(--adssu-800);font-size:11px;font-weight:800;justify-content:space-between;margin-top:18px;padding:11px 0 0;width:100%}.guide-icon,.sidebar-link{align-items:center;display:flex}.guide-icon{background:#edf3ee;background:var(--surface-2);border-radius:12px;color:#236c46;color:var(--adssu-700);height:42px;justify-content:center;margin-bottom:15px;width:42px}.guide-icon svg{font-size:20px}.stats-card{padding-bottom:8px}.stat-row{align-items:center;border-bottom:1px solid #edf1ee;border-bottom:1px solid var(--line-soft);display:flex;gap:11px;padding:15px 0}.stat-row:last-child{border-bottom:0}.stat-icon{align-items:center;background:#edf3ee;background:var(--surface-2);border-radius:10px;color:#236c46;color:var(--adssu-700);display:flex;flex-shrink:0;height:37px;justify-content:center;width:37px}.stat-row span,.stat-row strong{display:block}.stat-row strong{color:#0e3320;color:var(--adssu-900);font-size:17px}.stat-row span{color:#7a857e;color:var(--muted);font-size:10px;margin-top:2px}.create-memory-overlay,.memory-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;inset:0;justify-content:center;padding:22px;position:fixed}.memory-modal-overlay{background:#05120bb3;z-index:1000}.memory-modal{animation:modalIn .25s ease both;background:#fff;border:1px solid #ffffff21;border-radius:22px;border-radius:var(--radius-lg);box-shadow:0 28px 80px #00000038;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:min(760px,92vh);overflow:hidden;width:min(1080px,100%)}@keyframes modalIn{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.memory-modal-topbar{align-items:center;background:#fffffff7;border-bottom:1px solid #e2e9e4;border-bottom:1px solid var(--line);display:flex;flex-shrink:0;height:66px;justify-content:space-between;padding:0 16px}.memory-modal-close,.modal-back-button{align-items:center;background:#f0f3f1;border:0;border-radius:50%;color:#58645c;display:flex;height:38px;justify-content:center;transition:.2s ease;width:38px}.memory-modal-close:hover,.modal-back-button:hover{background:#e6ece8;color:#236c46;color:var(--adssu-700)}.modal-top-title{align-items:center;display:flex;flex-direction:column}.modal-top-title span{color:#2f8055;color:var(--adssu-600);font-size:8px;font-weight:900;letter-spacing:1.7px}.modal-top-title strong{color:#0e3320;color:var(--adssu-900);font-family:Georgia,serif;font-size:15px;margin-top:3px}.memory-modal-content{display:grid;flex:1 1;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);min-height:0}.memory-modal-image{align-items:center;background:#0b110e;display:flex;justify-content:center;min-height:0;overflow:hidden}.memory-modal-image img{display:block;height:100%;object-fit:contain;width:100%}.modal-no-image{align-items:center;background:#1b261f;border-radius:50%;color:#718078;display:flex;height:82px;justify-content:center;width:82px}.modal-no-image svg{font-size:30px}.memory-modal-details{display:flex;flex-direction:column;min-height:0;overflow:hidden}.modal-author{align-items:center;display:flex;flex-shrink:0;gap:10px;padding:18px 20px 14px}.modal-avatar{font-size:12px;height:43px;width:43px}.modal-author h3{color:#17231b;color:var(--ink);font-size:13px;font-weight:800;margin:0}.modal-author span{color:#7a857e;color:var(--muted);display:block;font-size:10px;margin-top:3px}.modal-story{color:#344139;font-size:13px;line-height:1.7;overflow-wrap:anywhere;padding:3px 20px 18px;white-space:pre-wrap}.modal-reactions{grid-gap:8px;border-bottom:1px solid #edf1ee;border-bottom:1px solid var(--line-soft);border-top:1px solid #edf1ee;border-top:1px solid var(--line-soft);display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin:0 20px;padding:9px 0}.modal-react{align-items:center;background:#f7f9f7;border:0;border-radius:10px;color:#667269;display:flex;gap:7px;justify-content:center;min-height:48px}button.modal-react{cursor:pointer}.modal-react svg{font-size:17px}.modal-react span{color:#0e3320;color:var(--adssu-900);font-size:15px;font-weight:850}.modal-react small{color:#7a857e;color:var(--muted);font-size:9px}.modal-react.liked{background:#edf3ee;background:var(--surface-2);color:#236c46;color:var(--adssu-700)}.modal-react.liked svg{fill:currentColor}.discussion-heading{align-items:center;display:flex;justify-content:space-between;padding:16px 20px 9px}.discussion-heading small,.discussion-heading span{display:block}.discussion-heading span{color:#0e3320;color:var(--adssu-900);font-size:12px;font-weight:850}.discussion-heading small{color:#7a857e;color:var(--muted);font-size:9px;margin-top:3px}.discussion-heading strong{align-items:center;background:#edf3ee;background:var(--surface-2);border-radius:50%;color:#236c46;color:var(--adssu-700);display:flex;font-size:10px;height:27px;justify-content:center;width:27px}.comments-area{flex:1 1;min-height:0;overflow-y:auto;padding:2px 20px 12px;scrollbar-color:#cbd6ce #0000;scrollbar-width:thin}.comments-area::-webkit-scrollbar,.create-memory-modal::-webkit-scrollbar{width:6px}.comments-area::-webkit-scrollbar-thumb,.create-memory-modal::-webkit-scrollbar-thumb{background:#cbd6ce;border-radius:20px}.comment-item{align-items:flex-start;display:flex;gap:8px;margin:9px 0}.avatar.tiny{border-radius:50%;font-size:9px;height:29px;width:29px}.comment-content{background:#f0f3f1;border-radius:12px;min-width:0;padding:8px 10px}.comment-content strong{color:#29342d;display:block;font-size:10px}.comment-content p{color:#526057;font-size:11px;line-height:1.45;margin:3px 0 0;overflow-wrap:anywhere}.no-comments{color:#7a857e;color:var(--muted);flex-direction:column;min-height:180px;padding:25px;text-align:center}.no-comments,.no-comments-icon{align-items:center;display:flex;justify-content:center}.no-comments-icon{background:#edf3ee;background:var(--surface-2);border-radius:50%;color:#236c46;color:var(--adssu-700);height:47px;margin-bottom:10px;width:47px}.no-comments-icon svg{font-size:20px}.no-comments strong{color:#0e3320;color:var(--adssu-900);font-size:12px}.no-comments span{font-size:10px;margin-top:4px;max-width:220px}.comment-input{align-items:center;background:#fff;border-top:1px solid #e2e9e4;border-top:1px solid var(--line);display:flex;flex-shrink:0;gap:9px;padding:12px 20px}.input-avatar{border-radius:50%;font-size:9px;height:32px;width:32px}.comment-input-box{align-items:center;background:#f0f3f1;border-radius:999px;display:flex;flex:1 1;height:42px;min-width:0;padding-left:13px}.comment-input-box input{background:#0000;border:0;color:#29342d;flex:1 1;font-size:11px;height:100%;min-width:0;outline:0}.comment-input-box input::placeholder{color:#427553}.comment-input-box>svg{color:#8a948e;font-size:15px;margin-right:8px}.comment-input-box button{align-items:center;background:#236c46;background:var(--adssu-700);border:0;border-radius:50%;color:#fff;display:flex;height:34px;justify-content:center;margin-right:4px;transition:.2s ease;width:34px}.comment-input-box button:hover:not(:disabled){background:#185638;background:var(--adssu-800);transform:scale(1.03)}.comment-input-box button:disabled{cursor:not-allowed;opacity:.4}.comment-input-box button svg{font-size:14px}.photo-post-modal{max-height:90vh;width:min(1050px,94vw)}.photo-modal-content{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);max-height:calc(90vh - 78px);min-height:600px}.photo-modal-image{align-items:center;background:#101713;display:flex;justify-content:center;min-height:600px;overflow:hidden}.photo-modal-image img{display:block;height:100%;max-height:75vh;object-fit:contain;width:100%}.photo-post-modal .memory-modal-details{min-width:0;overflow-y:auto}.photo-caption{line-height:1.65;margin-top:20px}.text-post-modal{max-height:88vh;width:min(680px,92vw)}.text-modal-content{display:flex;flex-direction:column;max-height:calc(88vh - 78px);overflow:hidden;padding:0}.text-post-header{border-bottom:1px solid #e7ece8;padding:28px 30px 20px}.text-post-header .modal-author{margin:0}.text-post-body{align-items:center;background:#fff;display:flex;min-height:190px;padding:40px 42px 36px;position:relative}.text-post-body p{color:#24352a;font-size:24px;font-weight:500;line-height:1.65;margin:0;overflow-wrap:anywhere;white-space:pre-wrap;width:100%}.text-post-mark{color:#dce8df;font-family:Georgia,serif;font-size:76px;left:20px;line-height:1;pointer-events:none;position:absolute;top:12px}.text-post-reactions{border-bottom:1px solid #e7ece8;border-top:1px solid #e7ece8;margin:0;padding:16px 30px}.text-post-modal .discussion-heading{margin-top:0}.memory-modal-details{background:#fff}.modal-author-info{min-width:0}.modal-author-info h3{margin:0 0 3px}.modal-author-info span{color:#748178;font-size:13px}@media (max-width:768px){.photo-post-modal{max-height:94vh;width:96vw}.photo-modal-content{display:flex;flex-direction:column;max-height:calc(94vh - 72px);overflow-y:auto}.photo-modal-image{flex-shrink:0;max-height:48vh;min-height:280px}.photo-modal-image img{max-height:48vh}.photo-post-modal .memory-modal-details{overflow:visible}.text-post-modal{max-height:90vh;width:94vw}.text-modal-content{max-height:calc(90vh - 72px);overflow-y:auto}.text-post-header{padding:22px 20px 18px}.text-post-body{min-height:180px;padding:38px 24px 30px}.text-post-body p{font-size:20px;line-height:1.55}.text-post-mark{font-size:62px;left:12px;top:8px}.text-post-reactions{padding:14px 20px}}@media (max-width:480px){.photo-post-modal,.text-post-modal{border-radius:16px;width:96vw}.photo-modal-image{min-height:230px}.text-post-body{padding:34px 20px 28px}.text-post-body p{font-size:18px}.memory-modal-topbar{min-height:64px}}.create-memory-overlay{background:#05120bad;z-index:1100}.create-memory-modal{animation:modalIn .25s ease both;background:#fff;border:1px solid #ffffff29;border-radius:22px;border-radius:var(--radius-lg);box-shadow:0 28px 80px #00000038;box-shadow:var(--shadow-lg);max-height:92vh;overflow-y:auto;width:min(620px,100%)}.create-memory-header{align-items:center;border-bottom:1px solid #e2e9e4;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;min-height:78px;padding:17px 20px}.create-title-area span{color:#2f8055;color:var(--adssu-600);font-size:8px;font-weight:900;letter-spacing:1.7px}.create-title-area h2{color:#0e3320;color:var(--adssu-900);font-family:Georgia,serif;font-size:22px;margin:4px 0 0}.create-memory-header>button{align-items:center;background:#f0f3f1;border:0;border-radius:50%;color:#566159;display:flex;height:36px;justify-content:center;transition:.2s ease;width:36px}.create-memory-header>button:hover{background:#e6ece8;color:#236c46;color:var(--adssu-700)}.create-memory-body{padding:20px}.create-memory-author{align-items:center;display:flex;gap:11px}.create-avatar{border-radius:50%;font-size:12px;height:43px;width:43px}.create-memory-author span,.create-memory-author strong{display:block}.create-memory-author strong{color:#202a23;font-size:13px}.create-memory-author span{color:#7a857e;color:var(--muted);font-size:10px;margin-top:3px}.memory-caption{border:0;color:#253029;font-size:16px;line-height:1.6;margin-top:16px;min-height:125px;outline:none;padding:8px 2px;resize:vertical;width:100%}.memory-caption::placeholder{color:#9ca59f}.add-photo-area{align-items:center;background:#fafcfb;border:2px dashed #d6e0d8;border-radius:15px;color:#3e4c43;color:var(--ink-soft);display:flex;flex-direction:column;justify-content:center;min-height:175px;padding:25px;transition:.2s ease;width:100%}.add-photo-area:hover{background:#f4f8f5;border-color:#449468;border-color:var(--adssu-500);transform:translateY(-1px)}.add-photo-icon{align-items:center;background:#edf3ee;background:var(--surface-2);border-radius:15px;color:#236c46;color:var(--adssu-700);display:flex;height:50px;justify-content:center;margin-bottom:10px;width:50px}.add-photo-icon svg{font-size:22px}.add-photo-area strong{font-size:13px}.add-photo-area span{color:#7a857e;color:var(--muted);font-size:10px;margin-top:4px}.create-photo-preview{background:#f0f3f1;border:1px solid #e2e9e4;border:1px solid var(--line);border-radius:15px;overflow:hidden;position:relative}.create-photo-preview img{display:block;max-height:410px;object-fit:contain;width:100%}.remove-preview{align-items:center;background:#0f1612b8;border:0;border-radius:50%;color:#fff;display:flex;height:34px;justify-content:center;position:absolute;right:10px;top:10px;transition:.2s ease;width:34px}.remove-preview:hover{background:#0f1612e6}.preview-photo-label{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#141916b8;border-radius:999px;bottom:10px;color:#fff;display:flex;font-size:10px;gap:6px;left:10px;padding:6px 10px;position:absolute}.create-memory-footer{align-items:center;border-top:1px solid #e2e9e4;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:space-between;margin-top:19px;padding-top:15px}.add-photo-button,.share-memory-button{align-items:center;border-radius:10px;display:flex;font-size:11px;font-weight:800;gap:8px;justify-content:center;min-height:42px;transition:.2s ease}.add-photo-button{background:#fff;border:1px solid #e2e9e4;border:1px solid var(--line);color:#185638;color:var(--adssu-800);padding:0 15px}.add-photo-button:hover{background:#f4f7f4;background:var(--surface);border-color:#d4dfd7}.share-memory-button{background:#236c46;background:var(--adssu-700);border:0;box-shadow:0 8px 18px #236c4626;color:#fff;min-width:112px;padding:0 19px}.share-memory-button:hover:not(:disabled){background:#185638;background:var(--adssu-800);transform:translateY(-1px)}.share-memory-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.45}.yearbook-dashboard{position:relative}@media (max-width:900px){.dashboard-topbar-inner,.student-header-inner,.student-topbar-inner,.topbar-inner{gap:5px;min-height:62px;padding:0 16px}.student-logo,.student-topbar-logo,.topbar-logo{margin-right:8px}.student-logo img,.student-topbar-logo img,.topbar-logo img{height:36px}.student-nav,.student-topbar-nav,.topbar-nav{gap:2px}.student-nav a,.student-nav button,.student-topbar-nav a,.student-topbar-nav button,.topbar-nav a,.topbar-nav button{font-size:11px;min-height:38px;padding:0 9px}.student-header-actions,.student-topbar-actions,.topbar-actions{gap:2px}.student-header-actions button,.student-topbar-actions button,.topbar-actions button{font-size:11px;min-height:38px;padding:0 8px}}@media (max-width:700px){.dashboard-topbar-inner,.student-header-inner,.student-topbar-inner,.topbar-inner{min-height:58px;padding:0 10px}.student-logo,.student-topbar-logo,.topbar-logo{margin-right:4px}.student-logo img,.student-topbar-logo img,.topbar-logo img{height:32px}.student-nav,.student-topbar-nav,.topbar-nav{gap:1px}.student-nav a,.student-nav button,.student-topbar-nav a,.student-topbar-nav button,.topbar-nav a,.topbar-nav button{min-height:36px;padding:0 7px}.student-header-actions button span,.student-nav a span,.student-nav button span,.student-topbar-actions button span,.student-topbar-nav a span,.student-topbar-nav button span,.topbar-actions button span,.topbar-nav a span,.topbar-nav button span{display:none}.student-header-actions svg,.student-nav svg,.student-topbar-actions svg,.student-topbar-nav svg,.topbar-actions svg,.topbar-nav svg{font-size:18px}}@media (max-width:520px){.dashboard-topbar-inner,.student-header-inner,.student-topbar-inner,.topbar-inner{gap:2px;min-height:56px;padding:0 8px}.student-logo,.student-topbar-logo,.topbar-logo{margin-right:2px}.student-logo img,.student-topbar-logo img,.topbar-logo img{height:29px}.student-nav,.student-topbar-nav,.topbar-nav{flex:1 1;gap:0;min-width:0}.student-nav a,.student-nav button,.student-topbar-nav a,.student-topbar-nav button,.topbar-nav a,.topbar-nav button{border-radius:8px;min-height:36px;min-width:36px;padding:0 6px}.student-header-actions,.student-topbar-actions,.topbar-actions{gap:0;margin-left:0}.student-header-actions button,.student-topbar-actions button,.topbar-actions button{border-radius:8px;min-height:36px;min-width:36px;padding:0 6px}.student-profile,.student-topbar-profile,.topbar-profile{gap:4px}.student-profile img,.student-topbar-profile img,.topbar-profile img{height:31px;width:31px}}@media (max-width:390px){.dashboard-topbar-inner,.student-header-inner,.student-topbar-inner,.topbar-inner{padding:0 5px}.student-logo img,.student-topbar-logo img,.topbar-logo img{height:27px}.student-header-actions button,.student-nav a,.student-nav button,.student-topbar-actions button,.student-topbar-nav a,.student-topbar-nav button,.topbar-actions button,.topbar-nav a,.topbar-nav button{min-width:33px;padding:0 4px}.student-header-actions svg,.student-nav svg,.student-topbar-actions svg,.student-topbar-nav svg,.topbar-actions svg,.topbar-nav svg{font-size:16px}.student-profile img,.student-topbar-profile img,.topbar-profile img{height:28px;width:28px}}@media (max-width:1050px){.dashboard-hero{padding-left:5vw;padding-right:5vw}.hero-decoration{margin-right:-20px;transform:scale(.82);transform-origin:right center}}@media (max-width:800px){.dashboard-hero{min-height:305px;padding:46px 6% 50px}.hero-decoration{display:none}.dashboard-grid{padding-top:30px;width:min(760px,calc(100% - 30px))}.memory-modal{height:94vh}.memory-modal-content{grid-template-columns:1fr;overflow-y:auto}.memory-modal-image{height:330px;min-height:330px}.memory-modal-details{min-height:390px}}@media (max-width:600px){.dashboard-hero{min-height:auto;padding:31px 19px 35px}.hero-eyebrow{font-size:8px;margin-bottom:14px;padding:6px 9px}.hero-content h1{font-size:40px;letter-spacing:-1.8px}.hero-content p{font-size:12px;line-height:1.65;margin:15px 0 19px}.hero-meta{gap:6px}.hero-meta div{font-size:9px;min-height:32px;padding:0 10px}.dashboard-grid{padding:22px 0 55px;width:100%}.feed-heading{align-items:center;margin-bottom:14px;padding:0 14px}.feed-kicker{font-size:8px;margin-bottom:4px}.feed-heading h2{font-size:25px}.feed-heading p{font-size:10px;margin-top:4px}.feed-count{font-size:13px;padding:6px 9px}.facebook-composer{border-radius:14px;margin:0 10px 12px;padding:13px 14px 9px}.composer-avatar{height:40px;width:40px}.composer-input{height:41px;padding:0 14px}.composer-input span{font-size:12px}.composer-bottom button{font-size:11px;height:36px}.facebook-feed{gap:10px}.facebook-post{border-left:0;border-radius:0;border-right:0}.facebook-post,.facebook-post:hover{box-shadow:0 2px 8px #0e33200a;box-shadow:var(--shadow-xs)}.facebook-post-header{padding:14px 14px 8px}.post-avatar{height:40px;width:40px}.facebook-author-info h3{font-size:12px}.post-meta{font-size:9px}.facebook-post-text{font-size:13px;line-height:1.65;padding:6px 14px 14px}.facebook-post-image img{max-height:520px}.post-reaction-summary{padding:7px 14px}.facebook-post-actions{margin:0 14px}.post-action{font-size:11px;height:43px}.comments-preview,.people-liked{padding-left:14px;padding-right:14px}.create-memory-overlay,.memory-modal-overlay{padding:0}.memory-modal{border-radius:0;height:100%;max-height:100%;width:100%}.memory-modal-topbar{height:57px;padding:0 12px}.memory-modal-content{display:flex;flex-direction:column;overflow-y:auto}.memory-modal-image{flex-shrink:0;height:auto;max-height:48vh;min-height:250px}.memory-modal-image img{max-height:48vh}.memory-modal-details{min-height:500px;overflow:visible}.modal-author{padding:14px 15px 11px}.modal-story{font-size:12px;padding:3px 15px 14px}.modal-reactions{margin:0 15px}.comments-area,.discussion-heading{padding-left:15px;padding-right:15px}.comments-area{max-height:280px}.comment-input{padding:10px 12px}.create-memory-modal{border-radius:0;height:100%;max-height:100%;width:100%}.create-memory-header{min-height:63px;padding:13px 15px}.create-title-area h2{font-size:19px}.create-memory-body{padding:15px}.memory-caption{font-size:15px;min-height:105px}.add-photo-area{min-height:155px}.create-photo-preview img{max-height:340px}.create-memory-footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;bottom:0;margin-left:-15px;margin-right:-15px;padding:12px 15px;position:-webkit-sticky;position:sticky;z-index:3}}@media (max-width:390px){.dashboard-hero{padding-top:27px}.hero-content h1{font-size:35px}.hero-content p{font-size:11px}.hero-meta div{flex:1 1 100%;justify-content:center}.feed-heading{gap:8px}.feed-heading h2{font-size:23px}.feed-heading p{display:none}.composer-bottom button span,.post-action span{font-size:10px}.facebook-post-image img{max-height:430px}.create-memory-footer{gap:7px}.add-photo-button,.share-memory-button{flex:1 1;min-width:0;padding-left:10px;padding-right:10px}}.yearbook-dashboard button:focus-visible,.yearbook-dashboard input:focus-visible,.yearbook-dashboard textarea:focus-visible{outline:2px solid #449468;outline:2px solid var(--adssu-500);outline-offset:2px}@media (prefers-reduced-motion:reduce){.yearbook-dashboard *,.yearbook-dashboard :after,.yearbook-dashboard :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--profile-green-900:#14532d;--profile-green-800:#176b3b;--profile-green-700:#237443;--profile-green-600:#2f6b3b;--profile-green-500:#4d875b;--profile-green-100:#e8f2eb;--profile-green-50:#f3f8f4;--profile-text:#24352a;--profile-text-soft:#526158;--profile-muted:#7d8980;--profile-border:#e0e8e2;--profile-border-light:#edf2ee;--profile-white:#fff;--profile-background:#f6f8f6;--profile-danger:#d83b52;--profile-radius-sm:8px;--profile-radius-md:12px;--profile-radius-lg:16px;--profile-radius-xl:20px;--profile-shadow-sm:0 2px 10px #1e412a0f;--profile-shadow-md:0 8px 30px #1e412a17;--profile-shadow-lg:0 18px 50px #14322029}.profile-page,.profile-page *{box-sizing:border-box}.profile-page{background:#f6f8f6;background:var(--profile-background);color:#24352a;color:var(--profile-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;padding:28px;width:100%}.profile-page button,.profile-page input,.profile-page textarea{font:inherit}.profile-page button{-webkit-tap-highlight-color:transparent}.profile-page img{max-width:100%}.profile-header-card{background:linear-gradient(135deg,#14532d,#176b3b);background:linear-gradient(135deg,var(--profile-green-900),var(--profile-green-800));border-radius:16px;border-radius:var(--profile-radius-lg);box-shadow:0 8px 30px #1e412a17;box-shadow:var(--profile-shadow-md);margin:0 auto 22px;max-width:1400px;overflow:hidden;position:relative;width:100%}.profile-header-card:after{border:1px solid #ffffff1f;border-radius:50%;content:"";height:260px;pointer-events:none;position:absolute;right:-90px;top:-130px;width:260px}.profile-header-content{align-items:center;display:flex;gap:24px;justify-content:space-between;min-height:155px;padding:32px 38px;position:relative;z-index:1}.profile-header-label{color:#ffffffb8;display:block;font-size:11px;font-weight:800;letter-spacing:1.5px;margin-bottom:7px}.profile-header-content h1{color:#fff;font-size:clamp(25px,3vw,34px);font-weight:750;letter-spacing:-.7px;margin:0}.profile-header-content p{color:#ffffffc7;font-size:14px;line-height:1.5;margin:8px 0 0}.header-decoration{align-items:center;background:#ffffff14;border:1px solid #ffffff2e;border-radius:18px;color:#ffffffe6;display:flex;font-size:28px;height:68px;justify-content:center;min-width:68px;width:68px}.profile-card{grid-gap:28px;align-items:stretch;background:#fff;background:var(--profile-white);border:1px solid #e0e8e2;border:1px solid var(--profile-border);border-radius:16px;border-radius:var(--profile-radius-lg);box-shadow:0 2px 10px #1e412a0f;box-shadow:var(--profile-shadow-sm);display:grid;gap:28px;grid-template-columns:minmax(0,1fr) 300px;margin:0 auto 28px;max-width:1400px;padding:30px;width:100%}.profile-info{align-items:flex-start;display:flex;flex-direction:column;min-width:0}.avatar-section{margin-bottom:15px}.avatar-large{align-items:center;background:#e8f2eb;background:var(--profile-green-100);border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #e0e8e2,0 8px 20px #1e412a1a;box-shadow:0 0 0 1px var(--profile-border),0 8px 20px #1e412a1a;color:#237443;color:var(--profile-green-700);display:flex;font-size:38px;font-weight:750;height:108px;justify-content:center;overflow:hidden;width:108px}.avatar-large img{height:100%;object-fit:cover;width:100%}.profile-name{color:#24352a;color:var(--profile-text);font-size:clamp(22px,2.5vw,30px);font-weight:750;line-height:1.2;max-width:100%;overflow-wrap:anywhere}.profile-nickname{color:#237443;color:var(--profile-green-700);font-size:14px;font-style:italic;font-weight:600;margin-top:5px}.profile-bio{color:#526158;color:var(--profile-text-soft);font-size:14px;line-height:1.6;margin-top:10px;max-width:720px;overflow-wrap:anywhere}.edit-btn{align-items:center;background:#fff;background:var(--profile-white);border:1px solid #cfe0d3;border-radius:9px;color:#237443;color:var(--profile-green-700);cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:8px;justify-content:center;margin-top:18px;padding:10px 16px;transition:background .2s ease,border-color .2s ease,transform .2s ease}.edit-btn:hover{background:#f3f8f4;background:var(--profile-green-50);border-color:#a9c8b0;transform:translateY(-1px)}.edit-btn svg{font-size:15px}.profile-details{grid-gap:13px 24px;border-top:1px solid #edf2ee;border-top:1px solid var(--profile-border-light);display:grid;gap:13px 24px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:25px;max-width:850px;padding-top:20px;width:100%}.profile-detail-item{align-items:flex-start;display:flex;gap:11px;min-width:0;padding:9px 0}.profile-detail-item>svg{color:#2f6b3b;color:var(--profile-green-600);flex-shrink:0;font-size:17px;margin-top:2px}.profile-detail-item>div{min-width:0}.detail-label{color:#7d8980;color:var(--profile-muted);display:block;font-size:10px;font-weight:700;letter-spacing:.7px;margin-bottom:3px;text-transform:uppercase}.profile-detail-item strong{color:#24352a;color:var(--profile-text);display:block;font-size:13px;font-weight:650;line-height:1.45;overflow-wrap:anywhere}.profile-qr{background:linear-gradient(180deg,#fbfdfb,#f3f8f4);background:linear-gradient(180deg,#fbfdfb,var(--profile-green-50));border:1px solid #e0e8e2;border:1px solid var(--profile-border);border-radius:12px;border-radius:var(--profile-radius-md);flex-direction:column;min-width:0;padding:24px;text-align:center}.profile-qr,.qr-icon{align-items:center;display:flex;justify-content:center}.qr-icon{background:#e8f2eb;background:var(--profile-green-100);border-radius:10px;color:#237443;color:var(--profile-green-700);font-size:19px;height:40px;margin-bottom:10px;width:40px}.profile-qr h3{color:#24352a;color:var(--profile-text);font-size:16px;font-weight:750;margin:0}.profile-qr p{color:#7d8980;color:var(--profile-muted);font-size:12px;line-height:1.5;margin:7px auto 16px;max-width:230px}.qr-wrapper{align-items:center;background:#fff;border:1px solid #e0e8e2;border:1px solid var(--profile-border);border-radius:12px;display:flex;height:175px;justify-content:center;padding:9px;width:175px}.qr-wrapper img{height:100%;object-fit:contain;width:100%}.download-btn{align-items:center;background:#237443;background:var(--profile-green-700);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:7px;justify-content:center;margin-top:14px;max-width:175px;padding:10px 13px;transition:background .2s ease,transform .2s ease;width:100%}.download-btn:hover{background:#14532d;background:var(--profile-green-900);transform:translateY(-1px)}.profile-posts{margin:0 auto;max-width:1400px;width:100%}.posts-header{align-items:flex-end;display:flex;gap:20px;justify-content:space-between;margin-bottom:18px;padding:0 2px}.posts-label{color:#237443;color:var(--profile-green-700);display:block;font-size:10px;font-weight:800;letter-spacing:1.3px;margin-bottom:5px}.posts-header h2{color:#24352a;color:var(--profile-text);font-size:24px;font-weight:750;letter-spacing:-.3px;margin:0}.posts-header p{color:#7d8980;color:var(--profile-muted);font-size:13px;margin:5px 0 0}.post-count{color:#237443;color:var(--profile-green-700);flex-shrink:0;font-size:22px;font-weight:750;white-space:nowrap}.post-count span{color:#7d8980;color:var(--profile-muted);font-size:12px;font-weight:600}.profile-post-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.profile-post-item{aspect-ratio:1/1;background:#fff;border:1px solid #e0e8e2;border:1px solid var(--profile-border);border-radius:12px;box-shadow:0 2px 10px #1e412a0f;box-shadow:var(--profile-shadow-sm);cursor:pointer;min-width:0;overflow:hidden;position:relative;transition:transform .22s ease,box-shadow .22s ease}.profile-post-item:hover{box-shadow:0 8px 30px #1e412a17;box-shadow:var(--profile-shadow-md);transform:translateY(-3px)}.image-post{background:#e9eeea}.profile-post-image{display:block;height:100%;object-fit:cover;transition:transform .35s ease;width:100%}.profile-post-item:hover .profile-post-image{transform:scale(1.035)}.post-hover{align-items:center;background:#122b1a75;display:flex;gap:28px;inset:0;justify-content:center;opacity:0;padding:15px;position:absolute;transition:opacity .2s ease}.profile-post-item:hover .post-hover{opacity:1}.post-hover>div{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:700;gap:6px}.post-hover svg{font-size:18px}.text-post{background:linear-gradient(145deg,#f4f8f4,#e7f0e9)}.text-post-content{display:flex;flex-direction:column;height:100%;justify-content:center;padding:22px;width:100%}.text-post-label{color:#237443;color:var(--profile-green-700);font-size:9px;font-weight:800;letter-spacing:1.2px;margin-bottom:10px}.text-post-content p{-webkit-box-orient:vertical;-webkit-line-clamp:7;color:#24352a;color:var(--profile-text);display:-webkit-box;font-size:14px;font-weight:600;line-height:1.6;margin:0;overflow:hidden}.read-more{color:#237443;color:var(--profile-green-700);font-size:11px;font-weight:750;margin-top:15px}.empty-posts{background:#fff;border:1px dashed #cfdad2;border-radius:12px;border-radius:var(--profile-radius-md);padding:70px 20px;text-align:center;width:100%}.empty-post-icon{align-items:center;background:#e8f2eb;background:var(--profile-green-100);border-radius:14px;color:#237443;color:var(--profile-green-700);display:flex;font-size:23px;height:52px;justify-content:center;margin:0 auto 13px;width:52px}.empty-posts h3{color:#24352a;color:var(--profile-text);font-size:15px;margin:0}.empty-posts p{color:#7d8980;color:var(--profile-muted);font-size:12px;margin:6px 0 0}.post-modal-overlay{align-items:center;animation:profileFadeIn .18s ease;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0b1b11a8;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:25px;position:fixed;z-index:2000}.post-modal{animation:profileModalIn .2s ease;background:#fff;border-radius:17px;box-shadow:0 18px 50px #14322029;box-shadow:var(--profile-shadow-lg);display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,400px);max-height:min(850px,calc(100vh - 50px));overflow:hidden;position:relative;width:min(920px,100%)}.post-modal.text-only{display:block;width:min(650px,100%)}.close-modal{align-items:center;background:#141e17ad;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:34px;justify-content:center;position:absolute;right:12px;top:12px;transition:background .2s ease,transform .2s ease;width:34px;z-index:10}.close-modal:hover{background:#141e17e6;transform:rotate(4deg)}.close-modal svg{font-size:18px}.modal-image-section{align-items:center;background:#17231a;display:flex;justify-content:center;min-height:500px;min-width:0;overflow:hidden}.modal-post-image{display:block;height:100%;max-height:850px;object-fit:contain;width:100%}.modal-content-section{background:#fff;display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.modal-content-section,.modal-content-section.full{max-height:min(850px,calc(100vh - 50px))}.modal-user{border-bottom:1px solid #edf2ee;border-bottom:1px solid var(--profile-border-light);flex-shrink:0;gap:10px;padding:20px 22px 14px}.modal-avatar,.modal-user{align-items:center;display:flex}.modal-avatar{background:#e8f2eb;background:var(--profile-green-100);border-radius:50%;color:#237443;color:var(--profile-green-700);font-size:14px;font-weight:750;height:40px;justify-content:center;min-width:40px;overflow:hidden;width:40px}.modal-avatar img{height:100%;object-fit:cover;width:100%}.modal-name{color:#24352a;color:var(--profile-text);font-size:13px;font-weight:750;overflow-wrap:anywhere}.modal-time{color:#7d8980;color:var(--profile-muted);font-size:10px;margin-top:2px}.modal-post-text{flex-shrink:0;padding:18px 22px}.modal-post-text p{color:#24352a;color:var(--profile-text);font-size:14px;line-height:1.65;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.empty-text{color:#7d8980;color:var(--profile-muted);font-size:13px;font-style:italic}.modal-actions{align-items:center;border-bottom:1px solid #edf2ee;border-bottom:1px solid var(--profile-border-light);border-top:1px solid #edf2ee;border-top:1px solid var(--profile-border-light);display:flex;flex-shrink:0;gap:5px;min-height:62px;padding:9px 18px}.modal-actions button{align-items:center;background:#0000;border:none;border-radius:8px;color:#7d8980;color:var(--profile-muted);cursor:pointer;display:flex;gap:6px;justify-content:center;min-width:65px;padding:6px 10px;transition:color .2s ease,background .2s ease,transform .2s ease}.modal-actions button:hover{background:#f3f8f4;background:var(--profile-green-50);color:#237443;color:var(--profile-green-700);transform:translateY(-1px)}.modal-actions button.liked{color:var(--profile-safe)}.modal-actions button.liked:hover{background:#036336;color:var(--profile-safe)}.modal-actions button svg{flex-shrink:0;height:17px;width:17px}.modal-actions button span{font-size:13px;font-weight:750}.modal-actions button small{font-size:10px;font-weight:650}.profile-comments-section{display:flex;flex-direction:column;margin-top:0;min-height:0;overflow:hidden;padding:16px 20px 15px}.profile-comments-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:8px}.profile-comments-header h4{color:#24352a;color:var(--profile-text);font-size:14px;font-weight:750;margin:0}.profile-comments-header h4 span{color:#7d8980;color:var(--profile-muted);font-weight:550;margin-left:6px}.profile-comments-list{max-height:285px;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:5px;scrollbar-color:#cbd8ce #0000;scrollbar-width:thin}.profile-comments-list::-webkit-scrollbar{width:5px}.profile-comments-list::-webkit-scrollbar-track{background:#0000}.profile-comments-list::-webkit-scrollbar-thumb{background:#cbd8ce;border-radius:10px}.profile-comment-thread{width:100%}.profile-comment{align-items:flex-start;display:flex;gap:9px;padding:8px 0;width:100%}.profile-comment-avatar{align-items:center;background:#dce9df;border-radius:50%;color:#237443;color:var(--profile-green-700);display:flex;font-size:11px;font-weight:750;height:34px;justify-content:center;min-width:34px;overflow:hidden;width:34px}.profile-comment-avatar img{display:block;height:100%;object-fit:cover;width:100%}.profile-comment-body{flex:1 1;min-width:0}.profile-comment-body strong{color:#24352a;color:var(--profile-text);display:block;font-size:12px;font-weight:750;margin-bottom:3px;overflow-wrap:anywhere}.profile-comment-body p{color:#46554b;font-size:12px;line-height:1.5;margin:0;overflow-wrap:anywhere;word-break:break-word}.profile-comment-actions{margin-top:4px}.profile-comment-actions button{background:#0000;border:none;color:#4d875b;color:var(--profile-green-500);cursor:pointer;font-size:10px;font-weight:750;padding:0}.profile-comment-actions button:hover{color:#14532d;color:var(--profile-green-900)}.profile-comment-replies{border-left:2px solid #e2ebe4;margin-left:43px;padding-left:13px}.profile-nested-comment .profile-comment{padding-bottom:6px;padding-top:6px}.profile-nested-comment .profile-comment-avatar{font-size:10px;height:29px;min-width:29px;width:29px}.profile-reply-input{align-items:center;display:flex;gap:6px;margin-bottom:7px;margin-left:43px;width:calc(100% - 43px)}.profile-reply-input input{background:#f5f8f5;border:1px solid #dce6df;border-radius:17px;color:#24352a;color:var(--profile-text);flex:1 1;font-size:11px;height:34px;min-width:0;outline:none;padding:7px 11px;transition:border-color .2s ease}.profile-reply-input input:focus{background:#fff;border-color:#7ba487}.profile-reply-input input::placeholder{color:#9aa59d}.profile-reply-input button{align-items:center;background:#2f6b3b;background:var(--profile-green-600);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;min-width:30px;padding:0;width:30px}.profile-reply-input button:hover{background:#14532d;background:var(--profile-green-900)}.profile-reply-input button:disabled{cursor:not-allowed;opacity:.4}.profile-reply-input .profile-cancel-reply{background:#0000;color:#7d8980;color:var(--profile-muted)}.profile-reply-input .profile-cancel-reply:hover{background:#f0f3f1;color:#24352a;color:var(--profile-text)}.profile-add-comment{align-items:center;border-top:1px solid #edf2ee;border-top:1px solid var(--profile-border-light);display:flex;flex-shrink:0;gap:8px;margin-top:10px;padding-top:11px}.profile-add-comment .profile-comment-avatar{height:31px;min-width:31px;width:31px}.profile-comment-input{align-items:center;background:#f5f8f5;border:1px solid #dce6df;border-radius:20px;display:flex;flex:1 1;gap:5px;height:38px;min-width:0;padding:3px 4px 3px 12px;transition:border-color .2s ease,background .2s ease}.profile-comment-input:focus-within{background:#fff;border-color:#7ba487}.profile-comment-input input{background:#0000;border:none;color:#24352a;color:var(--profile-text);flex:1 1;font-size:12px;min-width:0;outline:none;padding:5px 0}.profile-comment-input input::placeholder{color:#9aa59d}.profile-comment-input button{align-items:center;background:#2f6b3b;background:var(--profile-green-600);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;min-width:30px;padding:0;transition:background .2s ease,transform .2s ease;width:30px}.profile-comment-input button:hover{background:#14532d;background:var(--profile-green-900);transform:scale(1.03)}.profile-comment-input button:disabled{cursor:not-allowed;opacity:.4;transform:none}.profile-comments-loading,.profile-no-comments{color:#7d8980;color:var(--profile-muted);padding:25px 10px;text-align:center}.profile-no-comments svg{font-size:22px;margin-bottom:7px}.profile-no-comments p{color:#526158;color:var(--profile-text-soft);font-size:12px;font-weight:700;margin:0 0 3px}.profile-no-comments span{font-size:10px}.profile-edit-overlay{align-items:center;animation:profileFadeIn .18s ease;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0b1b119e;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:24px;position:fixed;z-index:2100}.profile-edit-modal{animation:profileModalIn .2s ease;background:#fff;border:1px solid #fff6;border-radius:18px;box-shadow:0 18px 50px #14322029;box-shadow:var(--profile-shadow-lg);display:flex;flex-direction:column;max-height:calc(100vh - 48px);overflow:hidden;width:min(760px,100%)}.profile-edit-header{align-items:flex-start;background:#fff;border-bottom:1px solid #e0e8e2;border-bottom:1px solid var(--profile-border);display:flex;flex-shrink:0;gap:20px;justify-content:space-between;padding:22px 25px}.edit-modal-eyebrow{color:#237443;color:var(--profile-green-700);display:block;font-size:9px;font-weight:800;letter-spacing:1.3px;margin-bottom:5px}.profile-edit-header h3{color:#24352a;color:var(--profile-text);font-size:21px;font-weight:750;margin:0}.profile-edit-header p{font-size:12px;line-height:1.45;margin:5px 0 0}.edit-close-btn,.profile-edit-header p{color:#7d8980;color:var(--profile-muted)}.edit-close-btn{align-items:center;background:#f1f4f1;border:none;border-radius:50%;cursor:pointer;display:flex;height:34px;justify-content:center;min-width:34px;transition:background .2s ease,color .2s ease;width:34px}.edit-close-btn:hover{background:#e8eeea;color:#24352a;color:var(--profile-text)}.edit-close-btn:disabled{cursor:not-allowed;opacity:.5}.profile-edit-body{flex:1 1;min-height:0;overflow-y:auto;padding:24px 25px;scrollbar-color:#cbd8ce #0000;scrollbar-width:thin}.profile-edit-body::-webkit-scrollbar{width:6px}.profile-edit-body::-webkit-scrollbar-track{background:#0000}.profile-edit-body::-webkit-scrollbar-thumb{background:#cbd8ce;border-radius:10px}.edit-photo-section{align-items:center;display:flex;gap:22px}.edit-photo-wrapper{align-items:center;display:flex;flex-direction:column;flex-shrink:0}.edit-avatar{align-items:center;background:#e8f2eb;background:var(--profile-green-100);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #e0e8e2,0 5px 15px #1e412a14;box-shadow:0 0 0 1px var(--profile-border),0 5px 15px #1e412a14;color:#237443;color:var(--profile-green-700);display:flex;font-size:30px;font-weight:750;height:92px;justify-content:center;overflow:hidden;position:relative;width:92px}.edit-avatar img{height:100%;object-fit:cover;width:100%}.change-photo-btn{align-items:center;background:#fff;border:1px solid #cfe0d3;border-radius:7px;color:#237443;color:var(--profile-green-700);cursor:pointer;display:inline-flex;font-size:10px;font-weight:700;gap:5px;justify-content:center;margin-top:9px;padding:7px 11px;transition:background .2s ease,border-color .2s ease}.change-photo-btn:hover{background:#f3f8f4;background:var(--profile-green-50);border-color:#a9c8b0}.change-photo-btn.disabled{opacity:.5;pointer-events:none}.change-photo-btn input{display:none}.edit-photo-info{min-width:0}.edit-photo-info h4{color:#24352a;color:var(--profile-text);font-size:14px;font-weight:750;margin:0}.edit-photo-info p{color:#7d8980;color:var(--profile-muted);font-size:11px;line-height:1.5;margin:5px 0;max-width:420px}.edit-photo-info span{color:#99a39c;font-size:9px;font-weight:600}.avatar-loading{align-items:center;background:#ffffffb8;display:flex;inset:0;justify-content:center;position:absolute}.button-spinner,.spinner{animation:profileSpin .7s linear infinite;border:2px solid #dce8df;border-radius:50%;border-top:2px solid var(--profile-green-700)}.spinner{height:24px;width:24px}.button-spinner{height:14px;width:14px}.edit-section{padding:2px 0}.edit-section-heading{align-items:flex-start;display:flex;gap:10px;margin-bottom:17px}.section-icon{align-items:center;background:#e8f2eb;background:var(--profile-green-100);border-radius:9px;color:#237443;color:var(--profile-green-700);display:flex;height:34px;justify-content:center;min-width:34px;width:34px}.edit-section-heading h4{color:#24352a;color:var(--profile-text);font-size:14px;font-weight:750;margin:0}.edit-section-heading p{color:#7d8980;color:var(--profile-muted);font-size:10px;line-height:1.4;margin:3px 0 0}.edit-section-divider{background:#edf2ee;background:var(--profile-border-light);height:1px;margin:23px 0}.edit-info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,minmax(0,1fr))}.edit-field{margin-bottom:15px;min-width:0}.edit-field>label{color:#59665d;display:block;font-size:10px;font-weight:750;margin-bottom:6px}.field-display{align-items:center;background:#f8faf8;border:1px solid #e0e8e2;border:1px solid var(--profile-border);border-radius:8px;display:flex;gap:8px;min-height:42px;padding:9px 11px}.field-display>svg{color:#2f6b3b;color:var(--profile-green-600);flex-shrink:0;font-size:15px}.field-display>span{color:#24352a;color:var(--profile-text);flex:1 1;font-size:11px;font-weight:600;min-width:0;overflow-wrap:anywhere}.field-display small{color:#2f6b3b;color:var(--profile-green-600);flex-shrink:0;font-size:8px;font-weight:750;text-transform:uppercase}.edit-field>input,.edit-field>textarea{background:#fff;border:1px solid #e0e8e2;border:1px solid var(--profile-border);border-radius:8px;color:#24352a;color:var(--profile-text);outline:none;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.edit-field>input{font-size:12px;height:42px;padding:9px 12px}.edit-field>textarea{font-size:12px;line-height:1.5;min-height:100px;padding:11px 12px;resize:vertical}.edit-field>input:focus,.edit-field>textarea:focus{border-color:#7ba487;box-shadow:0 0 0 3px #2f6b3b14}.edit-field>input::placeholder,.edit-field>textarea::placeholder{color:#a0aaa3}.field-hint{display:block}.field-hint,.textarea-footer{color:#98a39b;font-size:9px;margin-top:5px}.textarea-footer{align-items:center;display:flex;gap:10px;justify-content:space-between}.profile-edit-footer{align-items:center;background:#fbfcfb;border-top:1px solid #e0e8e2;border-top:1px solid var(--profile-border);display:flex;flex-shrink:0;gap:9px;justify-content:flex-end;padding:14px 25px}.cancel-profile-btn,.profile-save-btn{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-size:11px;font-weight:750;gap:7px;justify-content:center;min-height:38px;padding:9px 15px;transition:background .2s ease,border-color .2s ease,transform .2s ease}.cancel-profile-btn{background:#fff;border:1px solid #e0e8e2;border:1px solid var(--profile-border);color:#526158;color:var(--profile-text-soft)}.cancel-profile-btn:hover{background:#f3f6f3}.profile-save-btn{background:#237443;background:var(--profile-green-700);border:1px solid #237443;border:1px solid var(--profile-green-700);color:#fff;min-width:125px}.profile-save-btn:hover{background:#14532d;background:var(--profile-green-900);border-color:#14532d;border-color:var(--profile-green-900);transform:translateY(-1px)}.cancel-profile-btn:disabled,.profile-save-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.profile-photo-university{align-items:center;background:#fffffff7;border-left:5px solid #176b3b;border-radius:4px;bottom:24px;box-shadow:0 6px 20px #00000038,0 2px 6px #0000001f;display:flex;gap:12px;left:24px;padding:10px 18px 10px 10px;pointer-events:none;position:absolute;z-index:10}.logo-icon-wrapper{align-items:center;background:#fff;border:1px solid #176b3b40;border-radius:50%;box-shadow:0 2px 7px #0000001f;display:flex;flex-shrink:0;height:52px;justify-content:center;padding:4px;width:52px}.school-logo{display:block;height:100%;object-fit:contain;width:100%}.university-brand-text{display:flex;flex-direction:column;gap:3px;padding-left:12px;position:relative}.university-brand-text:before{background:#c9a227;border-radius:2px;bottom:2px;content:"";left:0;position:absolute;top:2px;width:2px}.university-brand-text strong{color:#176b3b;font-size:13px;font-weight:800;letter-spacing:.1px;line-height:1.2;white-space:nowrap}.university-brand-text span{color:#69756e;font-size:8px;font-weight:800;letter-spacing:1.7px;line-height:1;white-space:nowrap}.profile-photo-actions{display:flex;justify-content:center;margin-top:18px}.profile-photo-save-btn{align-items:center;background:#176b3b;border:1px solid #ffffff26;border-radius:6px;box-shadow:0 5px 15px #176b3b4d;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:9px;justify-content:center;min-width:150px;padding:11px 20px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.profile-photo-save-btn:hover{background:#125a31;box-shadow:0 8px 20px #176b3b61;transform:translateY(-2px)}.profile-photo-save-btn:active{transform:translateY(0)}.profile-photo-save-btn svg{height:17px;width:17px}.profile-photo-viewer{align-items:center;animation:profileViewerFade .2s ease-out;background:radial-gradient(circle at center,#176b3b1f,#000000f0 70%);display:flex;inset:0;justify-content:center;padding:30px;position:fixed;z-index:9999}@keyframes profileViewerFade{0%{opacity:0}to{opacity:1}}.profile-photo-viewer-content{animation:profileViewerScale .25s ease-out;max-height:92vh;max-width:92vw;position:relative}@keyframes profileViewerScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.qr-scanner-overlay{align-items:center;background:#000000bf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.qr-scanner-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000040;max-width:480px;overflow:hidden;width:100%}.qr-scanner-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.qr-scanner-header span{color:#176b3b;font-size:11px;font-weight:700;letter-spacing:1.5px}.qr-scanner-header h3{color:#17251c;font-size:22px;margin:5px 0}.qr-scanner-header p{color:#6b7280;font-size:14px;margin:0}.qr-scanner-close{align-items:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:38px;justify-content:center;width:38px}.qr-camera-container{background:#111;padding:20px}.qr-reader{margin:auto;max-width:400px;overflow:hidden;width:100%}.qr-reader video{border-radius:14px;height:auto!important;width:100%!important}.qr-scanner-error{background:#fff4f4;border-radius:10px;color:#b42318;font-size:14px;margin:15px 20px 0;padding:12px}.qr-cancel-btn{background:#176b3b;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin:20px;padding:13px;width:calc(100% - 40px)}.qr-cancel-btn:hover{background:#12582f}.scan-qr-btn{align-items:center;background:#2e7d4f;border:1px solid #2e7d4f;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:700;gap:9px;height:42px;justify-content:center;padding:0 17px;transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.scan-qr-btn svg{stroke-width:2.2;height:17px;width:17px}.scan-qr-btn:hover{background:#246640;border-color:#246640;box-shadow:0 5px 14px #2e7d4f2e;transform:translateY(-1px)}.scan-qr-btn:active{box-shadow:none;transform:translateY(0)}.scan-qr-btn:focus-visible{outline:3px solid #2e7d4f33;outline-offset:2px}@media (max-width:480px){.scan-qr-btn{border-radius:9px;font-size:12px;gap:7px;height:40px;padding:0 14px}.scan-qr-btn svg{height:16px;width:16px}}@media (max-width:600px){.qr-scanner-overlay{align-items:stretch;padding:0}.qr-scanner-modal{border-radius:0;max-width:none;min-height:100%;width:100%}.qr-camera-container{align-items:center;display:flex;justify-content:center;min-height:420px}.qr-reader{width:100%}}.profile-photo-frame{background:#fff;border:1px solid #ffffff2e;box-shadow:0 25px 70px #00000080,0 0 0 1px #176b3b26;overflow:hidden;position:relative}.profile-photo-frame>img{display:block;height:auto;max-height:88vh;max-width:88vw;object-fit:contain;width:auto}.profile-photo-viewer-close{align-items:center;background:#0009;border:1px solid #ffffff59;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:42px;justify-content:center;position:absolute;right:16px;top:16px;transition:background .2s ease,transform .2s ease;width:42px;z-index:20}.profile-photo-viewer-close:hover{background:#176b3b;transform:scale(1.06)}.profile-photo-viewer-close svg{height:20px;width:20px}.avatar-photo-button{appearance:none;-webkit-appearance:none;background:#f4f7f5;border:4px solid #fff;border-radius:50%;box-shadow:0 5px 18px #00000024,0 0 0 2px #176b3b1f;cursor:zoom-in;display:block;height:180px;margin:0;overflow:hidden;padding:0;position:relative;transition:transform .25s ease,box-shadow .25s ease;width:180px;z-index:10}.avatar-photo-button:hover{box-shadow:0 8px 25px #0003,0 0 0 3px #176b3b40;transform:scale(1.035)}.avatar-photo-button:active{transform:scale(.98)}.avatar-photo-button:focus-visible{outline:3px solid #176b3b66;outline-offset:5px}.avatar-large-image{border-radius:50%;display:block;height:100%;object-fit:cover;pointer-events:none;width:100%}@media (max-width:600px){.profile-photo-university{border-left-width:3px;bottom:12px;gap:8px;left:12px;min-width:0;padding:7px 11px 7px 8px}.logo-icon-wrapper{height:38px;width:38px}.university-brand-text{font-size:10px}.university-brand-text:after{font-size:7px;letter-spacing:1px}.profile-photo-viewer{padding:15px}.profile-photo-viewer-close{height:36px;right:10px;top:10px;width:36px}.avatar-photo-button{height:150px;width:150px}}@keyframes profileFadeIn{0%{opacity:0}to{opacity:1}}@keyframes profileModalIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes profileSpin{to{transform:rotate(1turn)}}@media (max-width:1200px){.profile-page{padding:22px}.profile-card{gap:22px;grid-template-columns:minmax(0,1fr) 270px;padding:25px}.profile-post-grid{gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.qr-wrapper{height:155px;width:155px}}@media (max-width:1000px){.profile-page{padding:18px}.profile-header-content{min-height:140px;padding:28px}.profile-card{grid-template-columns:1fr}.profile-qr{min-height:290px}.profile-details{max-width:none}.profile-post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.post-modal{grid-template-columns:minmax(0,1fr) 360px}.modal-image-section{min-height:430px}}@media (max-width:800px){.profile-page{padding:15px}.profile-header-card{margin-bottom:16px}.profile-header-content{padding:24px}.header-decoration{font-size:23px;height:56px;min-width:56px;width:56px}.profile-card{margin-bottom:22px;padding:22px}.profile-post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.post-modal-overlay{padding:15px}.post-modal{display:flex;flex-direction:column;max-height:calc(100vh - 30px);overflow-y:auto;width:min(650px,100%)}.post-modal.with-image .modal-image-section{flex-shrink:0;height:min(48vh,450px);min-height:260px}.modal-post-image{max-height:100%}.modal-content-section,.modal-content-section.full{max-height:none;overflow:visible}.profile-comments-list{max-height:270px}.profile-edit-overlay{padding:15px}.profile-edit-modal{max-height:calc(100vh - 30px)}}@media (max-width:650px){.profile-page{padding:11px}.profile-header-content{min-height:auto;padding:22px 19px}.profile-header-label{font-size:9px}.profile-header-content h1{font-size:24px}.profile-header-content p{font-size:12px;max-width:300px}.header-decoration{display:none}.profile-card{border-radius:14px;padding:19px}.avatar-large{font-size:31px;height:88px;width:88px}.profile-name{font-size:22px}.profile-nickname{font-size:13px}.profile-bio{font-size:12px}.profile-details{gap:3px;grid-template-columns:1fr}.profile-detail-item{padding:8px 0}.profile-qr{padding:20px}.posts-header{align-items:flex-start;flex-direction:column;gap:9px}.posts-header h2{font-size:21px}.post-count{font-size:18px}.profile-post-grid{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}.text-post-content{padding:15px}.text-post-content p{-webkit-line-clamp:6;font-size:12px}.post-hover{gap:15px;padding:10px}.post-hover>div{font-size:11px;gap:4px}.post-hover svg{font-size:15px}.post-modal-overlay{align-items:center;padding:8px}.post-modal{border-radius:14px;max-height:calc(100vh - 16px);width:100%}.post-modal.with-image .modal-image-section{height:38vh;max-height:360px;min-height:210px}.modal-user{padding:15px 16px 11px}.modal-avatar{height:35px;min-width:35px;width:35px}.modal-post-text{padding:14px 16px}.modal-post-text p{font-size:13px}.modal-actions{min-height:56px;padding:7px 10px}.modal-actions button{flex:1 1;min-width:0;padding:6px}.modal-actions button small{display:none}.profile-comments-section{padding:13px 14px 12px}.profile-comments-list{max-height:250px}.profile-edit-header{padding:18px}.profile-edit-body{padding:20px 18px}.profile-edit-footer{padding:12px 18px}.edit-photo-section{align-items:flex-start}.edit-info-grid{gap:0;grid-template-columns:1fr}}@media (max-width:480px){.profile-page{padding:8px}.profile-header-content{padding:19px 16px}.profile-header-content h1{font-size:21px}.profile-card{padding:16px}.avatar-large{font-size:27px;height:78px;width:78px}.profile-name{font-size:20px}.profile-details{margin-top:19px;padding-top:14px}.profile-qr{min-height:auto;padding:17px}.qr-wrapper{height:145px;width:145px}.download-btn{max-width:145px}.profile-post-grid{gap:7px}.text-post-content{padding:12px}.text-post-label{font-size:8px}.text-post-content p{font-size:11px;line-height:1.45}.read-more{font-size:9px;margin-top:9px}.post-modal-overlay{padding:5px}.post-modal{border-radius:12px;max-height:calc(100vh - 10px)}.post-modal.with-image .modal-image-section{height:32vh;min-height:180px}.close-modal{height:31px;right:8px;top:8px;width:31px}.modal-user{padding:13px 13px 10px}.modal-post-text{padding:12px 13px}.modal-post-text p{font-size:12px;line-height:1.55}.modal-actions{min-height:52px;padding:5px 7px}.modal-actions button svg{height:16px;width:16px}.modal-actions button span{font-size:12px}.profile-comments-section{padding:11px 11px 10px}.profile-comment{gap:7px}.profile-comment-avatar{height:30px;min-width:30px;width:30px}.profile-comment-body p,.profile-comment-body strong{font-size:11px}.profile-comment-replies{margin-left:28px;padding-left:9px}.profile-reply-input{margin-left:28px;width:calc(100% - 28px)}.profile-add-comment .profile-comment-avatar{height:29px;min-width:29px;width:29px}.profile-comment-input{height:35px}.profile-comment-input button{height:27px;min-width:27px;width:27px}.profile-edit-overlay{padding:5px}.profile-edit-modal{border-radius:13px;max-height:calc(100vh - 10px)}.profile-edit-header{padding:15px}.profile-edit-header h3{font-size:18px}.profile-edit-header p{font-size:10px}.profile-edit-body{padding:17px 15px}.edit-photo-section{gap:14px}.edit-avatar{font-size:25px;height:75px;width:75px}.edit-photo-info h4{font-size:12px}.edit-photo-info p{font-size:10px}.change-photo-btn{font-size:9px;padding:6px 8px}.edit-section-divider{margin:19px 0}.profile-edit-footer{padding:10px 15px}.cancel-profile-btn,.profile-save-btn{flex:1 1;min-height:37px;padding:8px 10px}}@media (max-width:360px){.profile-page{padding:6px}.profile-header-content{padding:17px 14px}.profile-header-content h1{font-size:19px}.profile-header-content p{font-size:11px}.profile-card{padding:14px}.profile-post-grid{gap:5px;grid-template-columns:repeat(2,minmax(0,1fr))}.profile-qr{padding:14px}.qr-wrapper{height:130px;width:130px}.download-btn{font-size:10px;max-width:130px}.profile-comment-replies{margin-left:20px;padding-left:7px}.profile-reply-input{margin-left:20px;width:calc(100% - 20px)}.profile-add-comment .profile-comment-avatar{display:none}.profile-edit-footer{gap:6px}.cancel-profile-btn,.profile-save-btn{font-size:10px}}@media (hover:none) and (pointer:coarse){.profile-post-item:hover{box-shadow:0 2px 10px #1e412a0f;box-shadow:var(--profile-shadow-sm);transform:none}.profile-post-item:hover .profile-post-image{transform:none}.post-hover{align-items:center;background:linear-gradient(#0000,#0f1e13b3);bottom:0;height:45px;justify-content:flex-start;opacity:1;padding:8px 11px;top:auto}.download-btn:hover,.edit-btn:hover,.profile-save-btn:hover{transform:none}}.profile-page button:focus-visible,.profile-page input:focus-visible,.profile-page label:focus-visible,.profile-page textarea:focus-visible{outline:2px solid #5d9368;outline-offset:2px}@media (prefers-reduced-motion:reduce){.profile-page *,.profile-page :after,.profile-page :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--memory-green-950:#063b2b;--memory-green-900:#075c43;--memory-green-800:#087f5b;--memory-green-700:#0a9468;--memory-green-600:#12a876;--memory-green-500:#20b982;--memory-green-100:#e7f7f0;--memory-green-50:#f2fbf7;--memory-dark:#18342b;--memory-text:#24352e;--memory-muted:#718078;--memory-light:#f7faf8;--memory-border:#e2eae6;--memory-white:#fff;--memory-warning:#b7791f;--memory-warning-bg:#fff8e8;--memory-success:#17835a;--memory-success-bg:#eaf8f1;--memory-danger:#c0392b;--memory-danger-bg:#fff0ee;--memory-shadow-sm:0 2px 8px #153f300f;--memory-shadow:0 10px 30px #153f3014;--memory-shadow-lg:0 18px 50px #153f301f;--memory-radius-sm:8px;--memory-radius:14px;--memory-radius-lg:20px;--memory-transition:0.2s ease;--memory-max-width:1180px}.memories-page,.memories-page *{box-sizing:border-box}.memories-page{color:#24352e;color:var(--memory-text);font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0 auto;max-width:1180px;max-width:var(--memory-max-width);padding:32px 28px 60px;width:100%}.memories-page button,.memories-page input,.memories-page textarea{font:inherit}.memories-page button{border:0}.memories-page img{display:block;max-width:100%}.memories-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:28px;padding:4px 2px;position:relative}.memories-header:before{background:linear-gradient(180deg,#087f5b,#20b982);background:linear-gradient(to bottom,var(--memory-green-800),var(--memory-green-500));border-radius:20px;content:"";height:72px;left:0;position:absolute;top:0;width:4px}.memories-header>div{padding-left:20px}.memories-label{color:#087f5b;color:var(--memory-green-800);display:inline-block;font-size:11px;font-weight:800;letter-spacing:1.7px;margin-bottom:8px;text-transform:uppercase}.memories-header h1{color:#18342b;color:var(--memory-dark);font-size:clamp(30px,4vw,42px);font-weight:750;letter-spacing:-.8px;line-height:1.12;margin:0}.memories-header p{color:#718078;color:var(--memory-muted);font-size:15px;line-height:1.65;margin:9px 0 0;max-width:620px}.upload-card-box{background:#fff;background:var(--memory-white);border:1px solid #e2eae6;border:1px solid var(--memory-border);border-radius:20px;border-radius:var(--memory-radius-lg);box-shadow:0 10px 30px #153f3014;box-shadow:var(--memory-shadow);padding:28px;width:100%}.upload-card-header{align-items:center;display:flex;gap:16px;margin-bottom:25px}.upload-icon{align-items:center;background:linear-gradient(145deg,#087f5b,#12a876);background:linear-gradient(145deg,var(--memory-green-800),var(--memory-green-600));border-radius:14px;box-shadow:0 7px 18px #087f5b33;color:#fff;color:var(--memory-white);display:flex;flex:0 0 52px;font-size:23px;height:52px;justify-content:center;width:52px}.upload-card-header h2{color:#18342b;color:var(--memory-dark);font-size:20px;font-weight:750;letter-spacing:-.2px;margin:0}.upload-card-header p{color:#718078;color:var(--memory-muted);font-size:13px;line-height:1.55;margin:5px 0 0}.memory-upload-area{background:linear-gradient(180deg,#f8fcfa,#f3faf6);border:1.5px dashed #b8d8ca;border-radius:16px;min-height:260px;overflow:hidden;position:relative;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;transition:border-color var(--memory-transition),background var(--memory-transition),box-shadow var(--memory-transition)}.memory-upload-area:hover{background:linear-gradient(180deg,#f5fbf8,#edf9f3);border-color:#12a876;border-color:var(--memory-green-600);box-shadow:inset 0 0 0 1px #12a8760f}.memory-file-input{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.upload-drop-content{cursor:pointer;flex-direction:column;min-height:260px;padding:28px;text-align:center;width:100%}.large-upload-icon,.upload-drop-content{align-items:center;display:flex;justify-content:center}.large-upload-icon{background:#e7f7f0;background:var(--memory-green-100);border-radius:18px;color:#087f5b;color:var(--memory-green-800);font-size:29px;height:64px;margin-bottom:14px;width:64px}.upload-drop-content h3{color:#18342b;color:var(--memory-dark);font-size:18px;font-weight:750;margin:0}.upload-drop-content p{color:#718078;color:var(--memory-muted);font-size:13px;margin:7px 0 5px}.upload-drop-content>span{color:#8a9790;display:block;font-size:11px}.choose-images-btn{align-items:center;background:#087f5b;background:var(--memory-green-800);border-radius:9px;color:#fff;color:var(--memory-white);cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:8px;justify-content:center;margin-top:17px;min-height:42px;padding:0 19px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;transition:background var(--memory-transition),transform var(--memory-transition),box-shadow var(--memory-transition)}.choose-images-btn:hover:not(:disabled){background:#075c43;background:var(--memory-green-900);box-shadow:0 6px 15px #075c432e;transform:translateY(-1px)}.choose-images-btn:active:not(:disabled){transform:translateY(0)}.choose-images-btn:disabled{cursor:not-allowed;opacity:.6}.selected-images-section{background:#fbfdfc;border:1px solid #e2eae6;border:1px solid var(--memory-border);border-radius:14px;margin-top:25px;padding:20px}.selected-images-header{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:17px}.selected-images-header h3{color:#18342b;color:var(--memory-dark);font-size:15px;font-weight:750;margin:0}.selected-images-header span{color:#718078;color:var(--memory-muted);display:block;font-size:12px;margin-top:4px}.clear-images-btn{align-items:center;background:#fff0ee;background:var(--memory-danger-bg);border:1px solid #f3d4d0;border-radius:8px;color:#c0392b;color:var(--memory-danger);cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:7px;justify-content:center;min-height:36px;padding:0 12px;transition:background .2s ease,border-color .2s ease;transition:background var(--memory-transition),border-color var(--memory-transition)}.clear-images-btn:hover:not(:disabled){background:#ffe7e3;border-color:#eabeb8}.clear-images-btn:disabled{cursor:not-allowed;opacity:.55}.selected-images-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr))}.selected-image-item{aspect-ratio:1/1;background:#edf3ef;border:1px solid #e2eae6;border:1px solid var(--memory-border);border-radius:11px;box-shadow:0 2px 8px #153f300f;box-shadow:var(--memory-shadow-sm);min-width:0;overflow:hidden;position:relative}.selected-image-item img{height:100%;object-fit:cover;transition:transform .25s ease;width:100%}.selected-image-item:hover img{transform:scale(1.04)}.image-number{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#063b2bd1;border-radius:7px;font-size:11px;font-weight:800;height:24px;left:8px;min-width:24px;padding:0 6px}.image-number,.remove-image-btn{align-items:center;color:#fff;color:var(--memory-white);display:flex;justify-content:center;position:absolute;top:8px}.remove-image-btn{background:#c0392beb;border-radius:8px;cursor:pointer;font-size:15px;height:28px;opacity:0;right:8px;transform:scale(.9);transition:opacity .2s ease,transform .2s ease,background .2s ease;transition:opacity var(--memory-transition),transform var(--memory-transition),background var(--memory-transition);width:28px}.remove-image-btn:focus-visible,.selected-image-item:hover .remove-image-btn{opacity:1;transform:scale(1)}.remove-image-btn:hover:not(:disabled){background:#a82e22}.remove-image-btn:disabled{cursor:not-allowed}.image-file-name{background:linear-gradient(0deg,#000000b8,#0000);bottom:0;color:#fff;color:var(--memory-white);font-size:10px;left:0;line-height:1.3;overflow:hidden;padding:25px 8px 8px;position:absolute;right:0;text-overflow:ellipsis;white-space:nowrap}.memory-message-section{margin-top:25px}.message-label-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:9px}.message-label-row label{align-items:center;color:#18342b;color:var(--memory-dark);display:inline-flex;font-size:13px;font-weight:750;gap:7px}.message-label-row label svg{color:#0a9468;color:var(--memory-green-700);font-size:16px}.character-limit{color:#718078;color:var(--memory-muted);font-size:11px;font-weight:600}.character-limit.exceeded{color:#c0392b;color:var(--memory-danger);font-weight:750}.memory-message-input{background:#fff;background:var(--memory-white);border:1px solid #d8e4de;border-radius:11px;color:#24352e;color:var(--memory-text);font-size:14px;line-height:1.65;min-height:130px;outline:none;padding:14px 15px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;transition:border-color var(--memory-transition),box-shadow var(--memory-transition);width:100%}.memory-message-input::placeholder{color:#a1ada7}.memory-message-input:hover{border-color:#b9cec3}.memory-message-input:focus{border-color:#12a876;border-color:var(--memory-green-600);box-shadow:0 0 0 3px #12a8761a}.memory-message-input:disabled{background:#f5f7f6;cursor:not-allowed}.message-helper{color:#8b9791;font-size:11px;line-height:1.5;margin:7px 0 0}.upload-memory-btn{align-items:center;background:linear-gradient(135deg,#075c43,#0a9468);background:linear-gradient(135deg,var(--memory-green-900),var(--memory-green-700));border-radius:10px;box-shadow:0 7px 18px #075c4326;color:#fff;color:var(--memory-white);cursor:pointer;display:flex;font-size:14px;font-weight:750;gap:9px;justify-content:center;margin-top:22px;min-height:48px;padding:0 20px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease,opacity .2s ease;transition:background var(--memory-transition),transform var(--memory-transition),box-shadow var(--memory-transition),opacity var(--memory-transition);width:100%}.upload-memory-btn svg{font-size:17px}.upload-memory-btn:hover:not(:disabled){background:linear-gradient(135deg,#063b2b,#087f5b);background:linear-gradient(135deg,var(--memory-green-950),var(--memory-green-800));box-shadow:0 10px 22px #075c4333;transform:translateY(-1px)}.upload-memory-btn:active:not(:disabled){transform:translateY(0)}.upload-memory-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.48}.upload-memory-btn.uploading{cursor:wait;opacity:.85}.upload-spinner{animation:memory-spin .7s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes memory-spin{to{transform:rotate(1turn)}}.memories-section{margin-top:42px}.memories-section-header{margin-bottom:19px}.memories-section-header h2{color:#18342b;color:var(--memory-dark);font-size:23px;font-weight:750;letter-spacing:-.3px;margin:0}.memories-section-header p{color:#718078;color:var(--memory-muted);font-size:13px;line-height:1.55;margin:5px 0 0}.tab-switch{background:#edf4f0;border:1px solid #e2eae6;border:1px solid var(--memory-border);border-radius:11px;margin-bottom:20px;padding:4px;width:-webkit-fit-content;width:fit-content}.tab-switch,.tab-switch button{align-items:center;display:flex}.tab-switch button{background:#0000;border-radius:8px;color:#6f7d76;cursor:pointer;font-size:12px;font-weight:700;gap:7px;min-height:39px;padding:0 14px;transition:color .2s ease,background .2s ease,box-shadow .2s ease;transition:color var(--memory-transition),background var(--memory-transition),box-shadow var(--memory-transition)}.tab-switch button svg{font-size:15px}.tab-switch button strong{align-items:center;background:#ffffff8c;border-radius:6px;color:#718078;display:inline-flex;font-size:10px;height:21px;justify-content:center;min-width:21px;padding:0 5px}.tab-switch button:hover:not(.active){color:#087f5b;color:var(--memory-green-800)}.tab-switch button.active{background:#fff;background:var(--memory-white);box-shadow:0 2px 7px #153f3017;color:#075c43;color:var(--memory-green-900)}.tab-switch button.active strong{background:#087f5b;background:var(--memory-green-800);color:#fff;color:var(--memory-white)}.upload-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.memory-card{background:#fff;background:var(--memory-white);border:1px solid #e2eae6;border:1px solid var(--memory-border);border-radius:15px;box-shadow:0 2px 8px #153f300f;box-shadow:var(--memory-shadow-sm);min-width:0;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;transition:transform var(--memory-transition),box-shadow var(--memory-transition),border-color var(--memory-transition)}.memory-card:hover{border-color:#d2e1da;box-shadow:0 10px 30px #153f3014;box-shadow:var(--memory-shadow);transform:translateY(-2px)}.memory-card-image{aspect-ratio:4/3;background:#edf3ef;overflow:hidden;position:relative;width:100%}.memory-card-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.memory-card:hover
.memory-card-image img{transform:scale(1.025)}.memory-status{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:7px;display:inline-flex;font-size:10px;font-weight:800;gap:5px;min-height:27px;padding:0 9px;position:absolute;right:11px;top:11px}.memory-status.pending{background:#fff8e8f0;border:1px solid #ead7a6;color:#8b641a}.memory-status.approved{background:#eaf8f1f2;border:1px solid #b9e3ce;color:#17835a;color:var(--memory-success)}.memory-status svg{font-size:12px}.memory-card-no-image{align-items:center;aspect-ratio:4/3;background:#f1f5f3;color:#a4b0aa;display:flex;font-size:35px;justify-content:center;width:100%}.memory-content{padding:15px 16px 17px}.memory-user{align-items:center;display:flex;gap:10px;min-width:0}.memory-avatar,.memory-user>img{border-radius:50%;flex:0 0 38px;height:38px;width:38px}.memory-user>img{border:2px solid #e3eee9;object-fit:cover}.memory-avatar{align-items:center;background:linear-gradient(135deg,#087f5b,#12a876);background:linear-gradient(135deg,var(--memory-green-800),var(--memory-green-600));color:#fff;color:var(--memory-white);display:flex;font-size:14px;font-weight:800;justify-content:center}.memory-user>div:last-child{min-width:0}.memory-user h4{color:#18342b;color:var(--memory-dark);font-size:13px;font-weight:750;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.memory-user span{color:#8a9690;display:block;font-size:10px;margin-top:2px}.memory-message{color:#4b5c54;font-size:12.5px;line-height:1.65;margin:13px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}.memories-loading{align-items:center;background:#fff;background:var(--memory-white);border:1px solid #e2eae6;border:1px solid var(--memory-border);border-radius:15px;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;min-height:260px;padding:30px}.memory-loading-spinner{animation:memory-spin .8s linear infinite;border:3px solid #dceae3;border-radius:50%;border-top:3px solid var(--memory-green-700);height:36px;margin-bottom:13px;width:36px}.memories-loading p{color:#718078;color:var(--memory-muted);font-size:13px;margin:0}.memories-empty{background:#fff;background:var(--memory-white);border:1px dashed #cbdcd4;border-radius:15px;flex-direction:column;grid-column:1/-1;min-height:280px;padding:35px;text-align:center}.empty-memory-icon,.memories-empty{align-items:center;display:flex;justify-content:center}.empty-memory-icon{background:#f2fbf7;background:var(--memory-green-50);border-radius:16px;color:#087f5b;color:var(--memory-green-800);font-size:25px;height:58px;margin-bottom:14px;width:58px}.memories-empty h3{color:#18342b;color:var(--memory-dark);font-size:16px;font-weight:750;margin:0}.memories-empty p{color:#718078;color:var(--memory-muted);font-size:12px;line-height:1.6;margin:7px 0 0;max-width:420px}.memories-page button:focus-visible,.memories-page textarea:focus-visible{outline:3px solid #12a87633;outline-offset:2px}@media (max-width:1000px){.memories-page{padding:28px 22px 50px}.selected-images-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.memories-page{padding:24px 17px 45px}.upload-card-box{padding:22px}.memories-header{margin-bottom:23px}.memories-header:before{height:62px}.memories-header>div{padding-left:16px}.memories-header h1{font-size:31px}.memories-header p{font-size:13px}.upload-card-header{align-items:flex-start}.selected-images-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.upload-grid{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.memory-content{padding:13px}}@media (max-width:560px){.memories-page{padding:20px 13px 38px}.memories-header{margin-bottom:20px}.memories-header:before{height:58px;width:3px}.memories-header>div{padding-left:13px}.memories-label{font-size:9px;letter-spacing:1.4px}.memories-header h1{font-size:28px;letter-spacing:-.5px}.memories-header p{font-size:12px;line-height:1.55;margin-top:7px}.upload-card-box{border-radius:15px;padding:17px}.upload-card-header{gap:11px;margin-bottom:19px}.upload-icon{border-radius:11px;flex-basis:44px;font-size:19px;height:44px;width:44px}.upload-card-header h2{font-size:16px}.upload-card-header p{font-size:11px;line-height:1.5;margin-top:4px}.memory-upload-area{border-radius:13px;min-height:225px}.upload-drop-content{min-height:225px;padding:20px 14px}.large-upload-icon{border-radius:14px;font-size:24px;height:52px;margin-bottom:11px;width:52px}.upload-drop-content h3{font-size:15px}.upload-drop-content p{font-size:11px;margin:5px 0}.upload-drop-content>span{font-size:9px;line-height:1.5;max-width:280px}.choose-images-btn{font-size:11px;margin-top:13px;min-height:38px;padding:0 14px}.selected-images-section{border-radius:12px;margin-top:18px;padding:13px}.selected-images-header{align-items:flex-start;margin-bottom:12px}.selected-images-header h3{font-size:13px}.selected-images-header span{font-size:10px}.clear-images-btn{font-size:10px;min-height:32px;padding:0 9px}.selected-images-grid{gap:7px;grid-template-columns:repeat(3,minmax(0,1fr))}.image-number{border-radius:5px;font-size:9px;height:20px;left:5px;min-width:20px;top:5px}.remove-image-btn{border-radius:6px;font-size:12px;height:23px;opacity:1;right:5px;top:5px;transform:scale(1);width:23px}.image-file-name{display:none}.memory-message-section{margin-top:19px}.message-label-row label{font-size:11px}.message-label-row label svg{font-size:14px}.character-limit{font-size:9px}.memory-message-input{border-radius:9px;font-size:12px;line-height:1.55;min-height:110px;padding:11px 12px}.message-helper{font-size:9px}.upload-memory-btn{border-radius:9px;font-size:12px;margin-top:17px;min-height:44px}.memories-section{margin-top:32px}.memories-section-header h2{font-size:19px}.memories-section-header p{font-size:11px}.tab-switch{margin-bottom:15px;width:100%}.tab-switch button{flex:1 1;font-size:10px;justify-content:center;min-height:37px;padding:0 8px}.tab-switch button svg{font-size:13px}.tab-switch button strong{font-size:9px;height:19px;min-width:19px}.upload-grid{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.memory-card{border-radius:11px}.memory-card-image,.memory-card-no-image{aspect-ratio:1/1}.memory-status{border-radius:5px;font-size:8px;min-height:22px;padding:0 6px;right:7px;top:7px}.memory-status svg{font-size:9px}.memory-content{padding:10px}.memory-user{gap:7px}.memory-avatar,.memory-user>img{flex-basis:30px;height:30px;width:30px}.memory-avatar{font-size:11px}.memory-user h4{font-size:10px}.memory-user span{font-size:8px}.memory-message{-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box;font-size:10px;line-height:1.5;margin-top:9px;overflow:hidden}.memories-empty{min-height:220px;padding:25px 18px}.empty-memory-icon{border-radius:13px;font-size:21px;height:48px;margin-bottom:11px;width:48px}.memories-empty h3{font-size:14px}.memories-empty p{font-size:10px;max-width:290px}.memories-loading{min-height:220px}.memory-loading-spinner{height:30px;width:30px}.memories-loading p{font-size:11px}}@media (max-width:380px){.memories-page{padding-left:10px;padding-right:10px}.upload-card-box{padding:14px}.upload-card-header h2{font-size:15px}.upload-card-header p{font-size:10px}.selected-images-grid{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.upload-grid{grid-template-columns:1fr}.memory-card-image,.memory-card-no-image{aspect-ratio:4/3}.memory-content{padding:12px}.memory-avatar,.memory-user>img{flex-basis:34px;height:34px;width:34px}.memory-message,.memory-user h4{font-size:11px}}@media (prefers-reduced-motion:reduce){.memories-page *,.memories-page :after,.memories-page :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}:root{--adssu-green-950:#063b20;--adssu-green-900:#07552d;--adssu-green-800:#08733b;--adssu-green-700:#0a8f49;--adssu-green-600:#16a05a;--adssu-green-500:#22b66a;--adssu-green-100:#dcfce7;--adssu-green-50:#f0fdf4;--text-dark:#17251d;--text:#34463b;--text-light:#718077;--border:#dce7df;--surface:#fff;--surface-soft:#f6faf7;--shadow-sm:0 4px 14px #063b200f;--shadow-md:0 12px 32px #063b201a;--shadow-lg:0 20px 50px #063b2024}.yearbook{box-sizing:border-box;margin:0 auto;max-width:1900px;padding:28px 40px 60px;width:100%}.yearbook__hero{background:linear-gradient(135deg,#063b20,#08733b);background:linear-gradient(135deg,var(--adssu-green-950),var(--adssu-green-800));border-radius:28px;box-shadow:0 20px 50px #063b2024;box-shadow:var(--shadow-lg);margin-bottom:35px;overflow:hidden;padding:45px 20px 55px;position:relative;text-align:center}.yearbook__hero:before{background:#ffffff12;height:420px;right:-150px;top:-220px;width:420px}.yearbook__hero:after,.yearbook__hero:before{border-radius:50%;content:"";position:absolute}.yearbook__hero:after{background:#ffffff0f;bottom:-190px;height:300px;left:-130px;width:300px}.yearbook__badge{align-items:center;background:#ffffff1a;border:1px solid #ffffff38;border-radius:999px;display:inline-flex;font-size:14px;font-weight:700;justify-content:center;letter-spacing:.02em;margin-bottom:16px;padding:9px 18px}.yearbook__badge,.yearbook__hero h1{color:#fff;position:relative;z-index:2}.yearbook__hero h1{font-size:clamp(42px,5vw,72px);font-weight:800;letter-spacing:-.035em;line-height:1.08;margin:0 0 18px}.yearbook__hero p{color:#ffffffd1;font-size:17px;line-height:1.8;margin:0 auto;max-width:760px;position:relative;z-index:2}.yearbook__tabs{display:flex;gap:12px;margin-bottom:25px;overflow-x:auto;padding:4px 3px 12px;scrollbar-width:thin}.yearbook__tabs button{background:#fff;border:1px solid #dce7df;border:1px solid var(--border);border-radius:999px;box-shadow:0 4px 14px #063b200f;box-shadow:var(--shadow-sm);color:#34463b;color:var(--text);cursor:pointer;flex-shrink:0;font-size:14px;font-weight:700;padding:13px 23px;transition:all .25s ease}.yearbook__tabs button:hover{border-color:#22b66a;border-color:var(--adssu-green-500);color:#08733b;color:var(--adssu-green-800);transform:translateY(-2px)}.yearbook__tabs button.active{background:linear-gradient(135deg,#07552d,#16a05a);background:linear-gradient(135deg,var(--adssu-green-900),var(--adssu-green-600));border-color:#08733b;border-color:var(--adssu-green-800);box-shadow:0 8px 20px #08733b33;color:#fff}.yearbook__featured{grid-gap:42px;align-items:center;background:linear-gradient(135deg,#fff,#f4faf6);border:1px solid #dce7df;border:1px solid var(--border);border-radius:30px;box-shadow:0 12px 32px #063b201a;box-shadow:var(--shadow-md);box-sizing:border-box;display:grid;gap:42px;grid-template-columns:minmax(380px,46%) 1px minmax(0,1fr);margin-bottom:45px;padding:40px;width:100%}.yearbook__cover{aspect-ratio:210/297;background:#e5eee8;border-radius:22px;box-shadow:0 18px 45px #063b202e;height:auto;margin:0 auto;max-width:560px;overflow:hidden;position:relative;width:100%}.yearbook__cover:after{border:1px solid #fff3;border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.yearbook__coverFrame{align-items:center;background:#e5eee8;display:flex;height:100%;justify-content:center;width:100%}.yearbook__cover img{background:#e5eee8;display:block;filter:saturate(1.06) contrast(1.03);height:100%;image-rendering:auto;object-fit:cover;object-position:center;width:100%}.yearbook__divider{background:linear-gradient(180deg,#0000,#cbdacf,#0000);height:480px;width:1px}.yearbook__featuredContent{min-width:0;padding-right:30px}.small-label{align-items:center;background:#dcfce7;background:var(--adssu-green-100);border-radius:999px;color:#08733b;color:var(--adssu-green-800);display:inline-flex;font-size:13px;font-weight:800;gap:8px;margin-bottom:20px;padding:9px 15px}.yearbook__featuredContent h2{color:#063b20;color:var(--adssu-green-950);font-size:clamp(42px,4vw,64px);font-weight:800;letter-spacing:-.035em;line-height:1.05;margin:0 0 18px}.yearbook__meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.yearbook__meta span{align-items:center;color:#718077;color:var(--text-light);display:inline-flex;font-size:14px;font-weight:600;gap:7px}.yearbook__meta svg{color:#0a8f49;color:var(--adssu-green-700);font-size:17px}.featured-program{align-items:center;background:#eaf5ed;border-radius:10px;color:#08733b;color:var(--adssu-green-800);display:inline-flex;font-size:15px;font-weight:700;margin:0 0 20px;padding:9px 15px}.featured-description{color:#718077;color:var(--text-light);font-size:16px;line-height:1.9;margin:0 0 35px;max-width:650px}.yearbook__controls{align-items:center;display:flex;gap:14px}.circle-btn{align-items:center;background:#fff;border:1px solid #cfded4;border-radius:50%;box-shadow:0 4px 14px #063b200f;box-shadow:var(--shadow-sm);color:#08733b;color:var(--adssu-green-800);cursor:pointer;display:flex;flex-shrink:0;height:50px;justify-content:center;transition:all .25s ease;width:50px}.circle-btn:hover{background:#08733b;background:var(--adssu-green-800);border-color:#08733b;border-color:var(--adssu-green-800);color:#fff;transform:translateY(-2px)}.circle-btn svg{font-size:21px}.open-btn{align-items:center;background:linear-gradient(135deg,#063b20,#0a8f49);background:linear-gradient(135deg,var(--adssu-green-950),var(--adssu-green-700));border:none;border-radius:999px;box-shadow:0 8px 20px #07552d33;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:800;gap:10px;justify-content:center;min-height:50px;padding:0 27px;transition:all .25s ease}.open-btn:hover{box-shadow:0 12px 28px #07552d47;transform:translateY(-3px)}.yearbook__students{background:#fff;border:1px solid #dce7df;border:1px solid var(--border);border-radius:28px;box-shadow:0 4px 14px #063b200f;box-shadow:var(--shadow-sm);margin-top:20px;padding:35px}.yearbook__header{align-items:flex-end;display:flex;gap:30px;justify-content:space-between;margin-bottom:30px}.section-label{color:#0a8f49;color:var(--adssu-green-700);display:block;font-size:12px;font-weight:800;letter-spacing:.12em;margin-bottom:8px;text-transform:uppercase}.yearbook__header h2{color:#063b20;color:var(--adssu-green-950);font-size:clamp(26px,3vw,38px);font-weight:800;line-height:1.15;margin:0 0 8px}.yearbook__header p{color:#718077;color:var(--text-light);font-size:14px;margin:0}.yearbook__studentCount{align-items:center;background:#f0fdf4;background:var(--adssu-green-50);border:1px solid #cfe1d5;border-radius:16px;display:flex;flex-direction:column;justify-content:center;min-width:105px;padding:15px 18px}.yearbook__studentCount strong{color:#07552d;color:var(--adssu-green-900);font-size:27px;line-height:1}.yearbook__studentCount span{color:#718077;color:var(--text-light);font-size:10px;font-weight:700;letter-spacing:.05em;margin-top:6px;text-transform:uppercase}.department-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.department-tabs button{background:#fff;border:1px solid #dce7df;border:1px solid var(--border);border-radius:999px;color:#34463b;color:var(--text);cursor:pointer;font-size:13px;font-weight:700;padding:10px 16px;transition:.2s ease}.department-tabs button:hover{border-color:#22b66a;border-color:var(--adssu-green-500);color:#08733b;color:var(--adssu-green-800)}.department-tabs button.active{background:#08733b;background:var(--adssu-green-800);border-color:#08733b;border-color:var(--adssu-green-800);color:#fff}.yearbook__actions{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 280px;margin-bottom:30px}.yearbook__search{align-items:center;background:#fff;border:1px solid #dce7df;border:1px solid var(--border);border-radius:15px;box-sizing:border-box;display:flex;gap:14px;height:58px;padding:0 20px;transition:all .2s ease;width:100%}.yearbook__search:focus-within{border-color:#22b66a;border-color:var(--adssu-green-500);box-shadow:0 0 0 4px #16a05a14}.yearbook__search svg{color:#0a8f49;color:var(--adssu-green-700);flex-shrink:0;font-size:20px}.yearbook__search input{background:#0000;border:none;color:#17251d;color:var(--text-dark);font-size:15px;outline:none;width:100%}.yearbook__search input::placeholder{color:#9aa69e}.yearbook__filter{background:#fff;border:1px solid #dce7df;border:1px solid var(--border);border-radius:15px;color:#34463b;color:var(--text);cursor:pointer;font-size:14px;font-weight:600;height:58px;outline:none;padding:0 18px;width:100%}.yearbook__filter:focus{border-color:#22b66a;border-color:var(--adssu-green-500);box-shadow:0 0 0 4px #16a05a14}.yearbook__grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(5,minmax(0,1fr))}.yearbook__card{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.yearbook__card:hover{box-shadow:0 20px 50px #063b2024;box-shadow:var(--shadow-lg)}.yearbook__image{aspect-ratio:4/5;background:#eaf2ed;height:auto;width:100%}.yearbook__image img{object-position:center;transition:transform .45s ease}.yearbook__card:hover
.yearbook__image img{transform:scale(1.05)}.yearbook__imageFallback{background:linear-gradient(135deg,#063b20,#16a05a);background:linear-gradient(135deg,var(--adssu-green-950),var(--adssu-green-600));color:#fff;font-size:48px;font-weight:800;letter-spacing:2px}.yearbook__image.image-error{align-items:center;background:#f1f5f3;display:flex;justify-content:center}.yearbook__image.image-error:after{color:#8b9991;content:"Photo unavailable";font-size:12px}.yearbook__info{padding:22px}.student-card__top{display:flex;height:0;justify-content:flex-end;position:relative;top:-5px}.yearbook__info h3{color:#17251d;color:var(--text-dark);font-size:20px;font-weight:800;line-height:1.3;margin:0 0 7px}.student-initials{align-items:center;background:#dcfce7;background:var(--adssu-green-100);border-radius:9px;box-sizing:border-box;color:#08733b;color:var(--adssu-green-800);display:inline-flex;font-size:11px;font-weight:800;height:32px;justify-content:center;margin-bottom:11px;min-width:34px;padding:0 9px}.student-nickname{color:#89968e;display:block;font-size:13px;font-style:italic;margin-bottom:8px}.yearbook__motto{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#718077;color:var(--text-light);display:-webkit-box;font-size:14px;line-height:1.65;margin:0 0 18px;min-height:46px;overflow:hidden}.yearbook__program{background:#f0f5f1;border-radius:10px;color:#08733b;color:var(--adssu-green-800);display:inline-flex;font-size:12px;font-weight:800;max-width:100%;overflow:hidden;padding:9px 13px;text-overflow:ellipsis;white-space:nowrap}.yearbook__program,.yearbook__state{align-items:center;box-sizing:border-box}.yearbook__state{display:flex;flex-direction:column;justify-content:center;min-height:55vh;padding:60px 30px;text-align:center}.yearbook__state h2{color:#063b20;color:var(--adssu-green-950);font-size:27px;margin:20px 0 8px}.yearbook__state p{color:#718077;color:var(--text-light);font-size:14px;line-height:1.8;margin:0 0 22px;max-width:600px}.yearbook__loader{animation:yearbookSpin .75s linear infinite;border:4px solid #dce9e0;border-radius:50%;border-top:4px solid var(--adssu-green-700);height:42px;width:42px}@keyframes yearbookSpin{to{transform:rotate(1turn)}}.yearbook__emptyIcon{align-items:center;background:#dcfce7;background:var(--adssu-green-100);border-radius:22px;color:#08733b;color:var(--adssu-green-800);display:flex;font-size:34px;height:80px;justify-content:center;width:80px}.yearbook__state--error>svg{color:#dc2626;height:48px;width:48px}.yearbook__studentLoading{color:#718077;color:var(--text-light);font-size:14px;gap:16px;min-height:280px}.yearbook__noStudents,.yearbook__studentLoading{align-items:center;display:flex;flex-direction:column;justify-content:center}.yearbook__noStudents{background:#f6faf7;background:var(--surface-soft);border:2px dashed #cbdacf;border-radius:20px;min-height:300px;padding:40px;text-align:center}.yearbook__noStudents>svg{color:#8fa197;font-size:38px;margin-bottom:13px}.yearbook__noStudents h3{color:#34463b;color:var(--text);font-size:19px;margin:0 0 8px}.yearbook__noStudents p{color:#718077;color:var(--text-light);font-size:13px;margin:0}.yearbook__card{background:#fff;border:1px solid #dce7df;border:1px solid var(--border);border-radius:20px;cursor:pointer;overflow:hidden;position:relative;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease}.yearbook__card:hover{border-color:#b9d2c1;box-shadow:0 22px 45px #073b2a2e,0 8px 18px #073b2a1a;transform:translateY(-7px)}.student-card__nickname{color:#087443;display:block;font-size:.9rem;font-style:italic;font-weight:600;line-height:1.3;margin-top:5px}.student-card__motto{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#667085;display:-webkit-box;font-size:.78rem;font-style:italic;line-height:1.45;margin:8px auto 0;max-width:90%;overflow:hidden}.yearbook__info h3{margin-bottom:3px}@media (max-width:768px){.student-card__nickname{font-size:.85rem}.student-card__motto{-webkit-line-clamp:2;font-size:.75rem}}.yearbook__image{isolation:isolate;overflow:hidden;position:relative}.yearbook__image img{display:block;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.22,1,.36,1),filter .4s ease;width:100%}.yearbook__card:hover .yearbook__image img{filter:brightness(.62);transform:scale(1.07)}.yearbook__imageFallback{align-items:center;display:flex;height:100%;justify-content:center;transition:transform .5s ease,filter .4s ease;width:100%}.yearbook__card:hover .yearbook__imageFallback{filter:brightness(.65);transform:scale(1.06)}.student-hover{align-items:flex-end;background:linear-gradient(0deg,#03261bfa 0,#05422ee0 38%,#07543c7a 65%,#07543c0d);box-sizing:border-box;display:flex;inset:0;opacity:0;padding:24px;pointer-events:none;position:absolute;transform:translateY(15px);transition:opacity .35s ease,visibility .35s ease,transform .4s cubic-bezier(.22,1,.36,1);visibility:hidden;z-index:10}.yearbook__card:hover .student-hover{opacity:1;transform:translateY(0);visibility:visible}.student-hover__content{color:#fff;opacity:0;transform:translateY(22px);transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s ease;width:100%}.yearbook__card:hover
.student-hover__content{opacity:1;transform:translateY(0)}.student-hover__label{color:#ffffffb8;display:block;font-size:9px;font-weight:800;letter-spacing:.16em;margin-bottom:8px;text-transform:uppercase}.student-hover__content h3{color:#fff;font-size:21px;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0}.student-hover__nickname{color:#ffffffc7;display:block;font-size:12px;font-style:italic;margin-top:5px}.student-hover__program{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff21;border:1px solid #fff3;border-radius:999px;color:#fff;display:inline-flex;font-size:10px;font-weight:700;gap:6px;margin-top:12px;padding:6px 10px}.student-hover__program svg{flex-shrink:0;height:13px;width:13px}.student-hover__motto{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#ffffffe0;display:-webkit-box;font-size:12px;font-style:italic;line-height:1.5;margin:12px 0 0;overflow:hidden}.student-hover__button{align-items:center;color:#fff;display:inline-flex;font-size:11px;font-weight:800;gap:7px;letter-spacing:.02em;margin-top:16px;transition:gap .25s ease,opacity .25s ease}.yearbook__card:hover
.student-hover__button{gap:12px}.student-hover__button svg{height:14px;width:14px}.yearbook__card:focus-visible{outline:3px solid #096b4c4d;outline-offset:4px}@media (max-width:700px){.student-hover{padding:18px}.student-hover__content h3{font-size:18px}.student-hover__motto{font-size:11px}}@media (max-width:480px){.student-hover{padding:16px}.student-hover__label{font-size:8px}.student-hover__content h3{font-size:16px}.student-hover__nickname{font-size:11px}.student-hover__program{font-size:9px;margin-top:8px;padding:5px 8px}.student-hover__motto{-webkit-line-clamp:2;font-size:10px;margin-top:8px}.student-hover__button{font-size:10px;margin-top:10px}}@media (hover:none) and (pointer:coarse){.yearbook__card:hover{box-shadow:none;transform:none}.yearbook__card:hover .yearbook__image img{filter:none;transform:none}.student-hover{display:none}}@media (min-width:1500px){.yearbook{max-width:1900px;padding-left:55px;padding-right:55px}.yearbook__featured{gap:45px;grid-template-columns:minmax(440px,46%) 1px minmax(0,1fr);padding:45px}.yearbook__cover{max-width:560px}.yearbook__divider{height:550px}.yearbook__grid{gap:28px;grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:1499px) and (min-width:1201px){.yearbook__grid{gap:20px;grid-template-columns:repeat(5,minmax(0,1fr))}.yearbook__info{padding:18px}.yearbook__info h3{font-size:17px}.yearbook__motto{font-size:13px}}@media (max-width:1200px){.yearbook{padding-left:25px;padding-right:25px}.yearbook__featured{gap:30px;grid-template-columns:minmax(330px,45%) 1px minmax(0,1fr);padding:30px}.yearbook__cover{max-width:480px}.yearbook__grid{gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}.yearbook__info{padding:18px}}@media (max-width:1000px){.yearbook__featured{gap:30px;grid-template-columns:1fr;min-height:auto}.yearbook__divider{display:none}.yearbook__cover{max-width:500px;width:min(100%,500px)}.yearbook__featuredContent{padding:10px 10px 20px}.yearbook__grid{gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.yearbook{padding:18px 16px 40px}.yearbook__hero{border-radius:22px;margin-bottom:25px;padding:40px 18px 45px}.yearbook__hero h1{font-size:40px}.yearbook__hero p{font-size:14px}.yearbook__featured{border-radius:22px;padding:25px}.yearbook__cover{border-radius:18px;width:min(100%,430px)}.yearbook__featuredContent h2{font-size:40px}.featured-description{font-size:14px}.yearbook__students{border-radius:22px;padding:25px 20px}.yearbook__actions{grid-template-columns:1fr}.yearbook__grid{gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.yearbook__image{aspect-ratio:4/5}.yearbook__header{align-items:flex-start;flex-direction:column}.yearbook__studentCount{align-self:flex-start;flex-direction:row;gap:8px}.yearbook__studentCount span{margin-top:0}}@media (max-width:600px){.yearbook{padding:12px 10px 35px}.yearbook__hero{border-radius:18px;padding:35px 15px 40px}.yearbook__hero h1{font-size:34px}.yearbook__hero p{font-size:13px;line-height:1.7}.yearbook__badge{font-size:12px;padding:8px 14px}.yearbook__tabs{margin-bottom:18px}.yearbook__tabs button{font-size:12px;padding:11px 17px}.yearbook__featured{border-radius:18px;padding:18px}.yearbook__cover{border-radius:15px;max-width:380px;width:100%}.yearbook__featuredContent{padding:5px}.yearbook__featuredContent h2{font-size:32px}.featured-program{font-size:13px}.featured-description{font-size:13px;margin-bottom:25px}.yearbook__controls{display:grid;grid-template-columns:46px 1fr 46px;width:100%}.circle-btn{height:46px;width:46px}.open-btn{font-size:12px;min-height:46px;padding:0 10px}.yearbook__students{border-radius:18px;padding:20px 15px}.yearbook__header h2{font-size:26px}.yearbook__grid{gap:18px;grid-template-columns:1fr}.yearbook__image{aspect-ratio:4/5}.yearbook__info{padding:18px}}@media (max-width:480px){.yearbook{padding:8px 7px 30px}.yearbook__hero{margin-bottom:20px;padding:30px 14px 35px}.yearbook__hero h1{font-size:29px;letter-spacing:-.025em}.yearbook__hero p{font-size:12px}.yearbook__featured{padding:14px}.yearbook__cover{max-width:340px;width:100%}.yearbook__featuredContent h2{font-size:28px}.small-label{font-size:11px;padding:8px 12px}.featured-description{line-height:1.7}.yearbook__students{padding:17px 12px}.yearbook__header h2{font-size:23px}.yearbook__image{aspect-ratio:4/5}.yearbook__info h3{font-size:18px}}@media (max-width:380px){.yearbook__hero h1{font-size:26px}.yearbook__cover{max-width:300px;width:100%}.yearbook__featuredContent h2{font-size:25px}.yearbook__controls{grid-template-columns:40px 1fr 40px}.circle-btn{height:40px;width:40px}.open-btn{font-size:11px;min-height:40px}.yearbook__image{aspect-ratio:4/5}}.yearbooks-page{background:radial-gradient(circle at 85% 0,rgba(16,185,129,.055),#0000 28%),#f5f8f6;box-sizing:border-box;color:#24352a;font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh;padding:42px 48px 70px;width:100%}.page-header{align-items:center;border-bottom:1px solid #dce6df;display:flex;gap:35px;justify-content:space-between;margin-bottom:44px;padding:0 0 30px}.page-title-area{display:flex;flex-direction:column;min-width:0}.page-eyebrow{color:#07815c;font-size:12px;font-weight:800;letter-spacing:1.7px;margin-bottom:9px;text-transform:uppercase}.page-title-area h2{color:#163d2b;font-size:clamp(30px,2.6vw,38px);font-weight:800;letter-spacing:-1px;line-height:1.15;margin:0;position:relative}.page-title-area h2:after{background:linear-gradient(90deg,#047857,#34d399);border-radius:10px;content:"";display:block;height:4px;margin-top:13px;width:52px}.page-title-area p{color:#74827a;font-size:14px;line-height:1.65;margin:14px 0 0;max-width:650px}.create-btn{align-items:center;background:linear-gradient(135deg,#064e3b,#087f5b);border:1px solid #064e3b;border-radius:10px;box-shadow:0 7px 18px #064e3b21;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:750;gap:10px;justify-content:center;min-height:50px;padding:0 23px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;white-space:nowrap}.create-btn:hover{background:linear-gradient(135deg,#047857,#059669);box-shadow:0 11px 25px #064e3b2e;transform:translateY(-2px)}.create-btn:active{transform:translateY(0)}.create-icon{align-items:center;border:1px solid #ffffffa6;border-radius:50%;display:inline-flex;font-size:17px;height:22px;justify-content:center;line-height:1;width:22px}.yearbook-section{margin-bottom:58px}.section-heading{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:25px}.section-title{align-items:center;display:flex;gap:15px;min-width:0}.section-line{background:linear-gradient(180deg,#047857,#34d399);border-radius:10px;flex-shrink:0;height:43px;width:5px}.section-title>div{min-width:0}.section-title h3{color:#203f2e;font-size:21px;font-weight:800;letter-spacing:-.25px;line-height:1.25;margin:0}.section-title p{color:#7b8981;font-size:13px;line-height:1.5;margin:6px 0 0}.section-count{align-items:center;background:#e8f7ef;border:1px solid #cbe8d8;border-radius:12px;box-shadow:0 3px 8px #064e3b0d;color:#087f5b;display:flex;font-size:13px;font-weight:800;height:38px;justify-content:center;min-width:38px;padding:0 10px}.card-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(285px,1fr))}.yearbook-card{background:#fff;border:1px solid #dfe8e2;border-radius:15px;box-shadow:0 3px 12px rgba(31,61,40,.045);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.yearbook-card:hover{border-color:#bddaca;box-shadow:0 16px 35px #1f3d281c;transform:translateY(-5px)}.status-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;display:inline-flex;font-size:10px;font-weight:800;justify-content:center;left:15px;letter-spacing:.8px;min-height:29px;padding:0 11px;position:absolute;top:15px;z-index:5}.draft-badge{background:#fffffff2;border:1px solid #d7e0da;box-shadow:0 3px 8px #0000000d;color:#65736a}.published-badge{background:#eaf8f0;border:1px solid #c6e7d4;box-shadow:0 3px 8px #064e3b0d;color:#087f5b}.yearbook-thumbnail{align-items:center;background:linear-gradient(145deg,#edf3ef,#f7f9f7);border-bottom:1px solid #e1e9e3;display:flex;height:350px;justify-content:center;overflow:hidden;position:relative;width:100%}.yearbook-thumbnail:after{background:linear-gradient(180deg,#ffffff08,#ffffff1f);content:"";inset:0;pointer-events:none;position:absolute}.yearbook-thumbnail img{background:#f4f7f5;display:block;height:100%;object-fit:contain;position:relative;transition:transform .35s ease,filter .35s ease;width:100%;z-index:1}.yearbook-card:hover
.yearbook-thumbnail img{transform:scale(1.025)}.cover-placeholder{align-items:center;background:radial-gradient(circle at 30% 20%,#ffffff1f,#0000 30%),linear-gradient(145deg,#064e3b,#087f5b 55%,#17633f);border:1px solid #043d2e;box-shadow:0 12px 30px #064e3b2e;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:88%;justify-content:center;padding:30px;position:relative;text-align:center;width:78%}.cover-placeholder:before{border:1px solid #ffffff47;content:"";inset:14px;pointer-events:none;position:absolute}.placeholder-school{font-size:10px;font-weight:700;letter-spacing:2.3px;margin-bottom:22px;opacity:.88}.placeholder-title{font-size:23px;font-weight:800;letter-spacing:1.8px;line-height:1.35;max-width:90%;text-transform:uppercase}.placeholder-line{background:#ffffffbf;border-radius:10px;height:2px;margin-top:24px;width:48px}.yearbook-card-content{display:flex;flex:1 1;flex-direction:column;padding:23px 23px 24px}.yearbook-card h4{color:#1f3d2b;font-size:18px;font-weight:800;line-height:1.4;margin:0 0 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metadata{display:flex;flex-direction:column;gap:5px;margin-bottom:21px}.metadata-label{color:#7a8a80;font-size:10px;font-weight:800;letter-spacing:.9px;text-transform:uppercase}.metadata-value{color:#4c6054;font-size:13px;font-weight:600;line-height:1.4}.card-actions{display:flex;flex-direction:column;gap:10px;margin-top:auto}.card-action{align-items:center;background:#fff;border:1px solid #b9d5c2;border-radius:9px;box-sizing:border-box;color:#17613a;cursor:pointer;display:flex;font-size:13px;font-weight:700;justify-content:space-between;min-height:45px;padding:0 15px;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;width:100%}.card-action:hover{background:linear-gradient(135deg,#064e3b,#087f5b);border-color:#064e3b;color:#fff;transform:translateY(-1px)}.arrow{font-size:18px;transition:transform .2s ease}.card-action:hover .arrow{transform:translateX(4px)}.pdf-download-action{align-items:center;background:#f7faf8;border:1px solid #d7e4da;border-radius:10px;color:#245c3a;cursor:pointer;display:flex;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:13px;font-weight:700;gap:9px;justify-content:center;letter-spacing:.01em;margin-top:10px;min-height:46px;padding:11px 16px;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;width:100%}.pdf-download-action .pdf-icon{align-items:center;background:#e7f1ea;border-radius:8px;color:#287044;display:inline-flex;font-size:17px;font-weight:800;height:28px;justify-content:center;transition:background-color .2s ease,color .2s ease,transform .2s ease;width:28px}.pdf-download-action:hover:not(:disabled){background:#eef6f0;border-color:#a9cbb2;box-shadow:0 5px 14px #20503114;color:#1d5835;transform:translateY(-1px)}.pdf-download-action:hover:not(:disabled) .pdf-icon{background:#d9ebdf;color:#1f693b;transform:translateY(-1px)}.pdf-download-action:active:not(:disabled){box-shadow:none;transform:translateY(0)}.pdf-download-action:disabled{background:#f1f5f2;border-color:#dce6df;box-shadow:none;color:#789080;cursor:wait;opacity:.9;transform:none}.pdf-download-action:disabled .pdf-icon{animation:pdfLoading 1.2s ease-in-out infinite;background:#e5ece7;color:#6d8375}@keyframes pdfLoading{0%,to{transform:rotate(0deg)}50%{transform:rotate(12deg)}}.pdf-download-action:focus-visible{border-color:#4d8c62;box-shadow:0 0 0 3px #3a7a4e26;outline:none}@media (max-width:768px){.pdf-download-action{font-size:12.5px;min-height:44px;padding:10px 14px}.pdf-download-action .pdf-icon{font-size:16px;height:26px;width:26px}}@media (max-width:480px){.pdf-download-action{font-size:12px;gap:7px;min-height:42px;padding:9px 12px}.pdf-download-action .pdf-icon{border-radius:7px;font-size:15px;height:24px;width:24px}}.delete-action{background:#fff;border:1px solid #e2e7e4;border-radius:9px;color:#b42318;cursor:pointer;font-size:13px;font-weight:650;min-height:43px;padding:0 15px;transition:background .2s ease,border-color .2s ease,color .2s ease;width:100%}.delete-action:hover{background:#fff5f4;border-color:#efb7b2;color:#912018}.empty-state{background:linear-gradient(145deg,#fff,#fbfdfc);border:1px dashed #c7d7cd;border-radius:15px;flex-direction:column;min-height:300px;padding:50px;text-align:center}.empty-icon,.empty-state{align-items:center;display:flex;justify-content:center}.empty-icon{background:#eaf6ef;border:1px solid #cbe0d1;border-radius:16px;box-shadow:0 5px 15px #064e3b0d;color:#327044;font-size:27px;height:58px;margin-bottom:18px;width:58px}.published-empty{font-size:20px}.empty-state h4{color:#304d39;font-size:18px;font-weight:800;margin:0 0 8px}.empty-state p{color:#829087;font-size:13px;line-height:1.7;margin:0 0 22px;max-width:460px}.empty-state button{background:linear-gradient(135deg,#064e3b,#087f5b);border:none;border-radius:9px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;min-height:43px;padding:0 20px;transition:transform .2s ease,box-shadow .2s ease}.empty-state button:hover{box-shadow:0 8px 18px #064e3b26;transform:translateY(-1px)}@media (max-width:1100px){.yearbooks-page{padding:34px 32px 60px}.page-title-area h2{font-size:32px}.card-grid{gap:24px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.yearbook-thumbnail{height:320px}}@media (max-width:850px){.yearbooks-page{padding:30px 24px 50px}.page-header{align-items:flex-start}.page-title-area h2{font-size:30px}.page-title-area p{font-size:13px}.card-grid{gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.yearbook-thumbnail{height:300px}}@media (max-width:650px){.yearbooks-page{padding:24px 17px 45px}.page-header{align-items:stretch;flex-direction:column;gap:22px;margin-bottom:35px;padding-bottom:24px}.page-title-area h2{font-size:28px}.page-title-area p{font-size:13px}.create-btn{min-height:50px;width:100%}.yearbook-section{margin-bottom:45px}.section-heading{align-items:flex-start;margin-bottom:20px}.section-title{gap:11px}.section-line{height:38px;width:4px}.section-title h3{font-size:18px}.section-title p{font-size:12px}.section-count{border-radius:10px;font-size:12px;height:34px;min-width:34px}.card-grid{gap:22px;grid-template-columns:1fr}.yearbook-thumbnail{height:390px}.yearbook-card-content{padding:21px}.yearbook-card h4{font-size:18px}.card-action,.metadata-value{font-size:13px}.card-action{min-height:47px}.delete-action{min-height:45px}}@media (max-width:420px){.yearbooks-page{padding:20px 13px 40px}.page-title-area h2{font-size:26px}.page-eyebrow{font-size:10px}.page-title-area p{font-size:12px}.yearbook-thumbnail{height:350px}.cover-placeholder{height:87%;padding:22px;width:80%}.placeholder-title{font-size:19px}.yearbook-card-content{padding:19px}.section-title h3{font-size:17px}.section-title p{font-size:11px}.empty-state{min-height:260px;padding:35px 20px}}@media (max-width:350px){.page-title-area h2{font-size:24px}.yearbook-thumbnail{height:315px}.yearbook-card h4{font-size:16px}.card-action,.delete-action{font-size:12px}}@media (hover:none){.yearbook-card:hover{box-shadow:0 3px 12px rgba(31,61,40,.045);transform:none}.card-action:hover,.create-btn:hover,.yearbook-card:hover .yearbook-thumbnail img{transform:none}}@media (prefers-reduced-motion:reduce){.arrow,.card-action,.create-btn,.delete-action,.yearbook-card,.yearbook-thumbnail img{transition:none!important}}:root{--green-dark:#063b2a;--green:#087447;--green-light:#1c9a68;--paper:#fffefa;--background:#e9efeb;--text:#1c2b24;--muted:#718078;--header-height:72px;--bottom-height:50px}.flipbook-page-wrapper,.flipbook-page-wrapper *,.flipbook-page-wrapper :after,.flipbook-page-wrapper :before{box-sizing:border-box}#root,body,html{margin:0;min-width:0;padding:0;width:100%}body,html{overflow:hidden}.flipbook-page-wrapper{background:radial-gradient(ellipse at center,#fff 0,#f1f5f2 42%,#e2ebe5 100%);color:#1c2b24;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;height:100vh;min-height:0;min-width:0;overflow:hidden;padding:0;width:100vw}.flipbook-container{background:#f8faf8;display:flex;flex-direction:column;height:100%;margin:0;min-height:0;min-width:0;overflow:hidden;width:100%}.flipbook-header{align-items:center;background:#fffffffa;border-bottom:1px solid #dce6df;display:flex;flex-shrink:0;gap:15px;height:72px;height:var(--header-height);justify-content:space-between;min-height:72px;min-height:var(--header-height);padding:9px 20px;width:100%;z-index:20}.flipbook-header-left{align-items:center;display:flex;gap:10px;min-width:0}.flipbook-header-logo{align-items:center;display:flex;flex:0 0 48px;height:48px;justify-content:center;width:48px}.flipbook-school-logo{display:block;height:100%;object-fit:contain;width:100%}.flipbook-header-text{display:flex;flex-direction:column;gap:2px;min-width:0}.logo-title{color:#063b2a;color:var(--green-dark);font-size:15px;font-weight:800;white-space:nowrap}.flipbook-current-title{color:#718078;color:var(--muted);font-size:11px;max-width:450px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flipbook-header-actions{align-items:center;display:flex;flex-shrink:0;gap:7px}.flipbook-back-btn,.flipbook-bottom-download,.flipbook-download-btn,.flipbook-error-btn{align-items:center;border:none;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:700;gap:7px;justify-content:center;transition:background .2s ease,transform .2s ease}.flipbook-download-btn{background:#063b2a;background:var(--green-dark);border-radius:8px;color:#fff;font-size:11px;height:38px;padding:0 14px}.flipbook-download-btn:hover{background:#087447;background:var(--green);transform:translateY(-1px)}.flipbook-back-btn{background:#edf6f1;border:1px solid #d6e7de;border-radius:8px;color:#063b2a;color:var(--green-dark);font-size:11px;height:38px;padding:0 13px}.flipbook-back-btn:hover{background:#e2efe8;transform:translateY(-1px)}.flipbook-book-surface{background:radial-gradient(ellipse at center 45%,#fff 0,#f3f7f4 43%,#e3ebe6 100%);display:flex;flex-direction:column;height:calc(100vh - 72px);height:calc(100vh - var(--header-height));min-height:0;overflow:hidden;position:relative;width:100%}.flipbook-reading-lights{background:radial-gradient(ellipse at center,#ffffffe6,#0000 65%);inset:0;pointer-events:none;position:absolute;z-index:0}.flipbook-book-info{align-items:center;display:flex;flex-shrink:0;gap:15px;height:68px;justify-content:space-between;margin:8px auto 0;position:relative;width:min(1100px,calc(100% - 40px));z-index:5}.flipbook-book-label{align-items:center;color:#087447;color:var(--green);display:flex;font-size:8px;font-weight:800;gap:5px;letter-spacing:1.3px}.flipbook-book-info h1{color:#063b2a;color:var(--green-dark);font-family:Georgia,Times New Roman,serif;font-size:clamp(18px,2.5vw,31px);font-weight:700;line-height:1.1;margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flipbook-book-info p{color:#718078;color:var(--muted);font-size:10px;margin:3px 0 0}.flipbook-page-count{align-items:center;background:#fffc;border:1px solid #063b2a1a;border-radius:9px;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;min-width:64px;padding:7px 10px}.flipbook-page-count strong{color:#063b2a;color:var(--green-dark);font-size:17px;line-height:1}.flipbook-page-count span{color:#718078;color:var(--muted);font-size:7px;font-weight:800;letter-spacing:1px;margin-top:3px}.flipbook-instruction{align-items:center;background:#fff9;border:1px solid #063b2a0f;border-radius:50px;color:#718078;color:var(--muted);display:flex;flex-shrink:0;font-size:8px;gap:6px;height:25px;justify-content:center;margin:0 auto;padding:0 10px;position:relative;width:-webkit-fit-content;width:fit-content;z-index:5}.flipbook-instruction-dot{background:#1c9a68;background:var(--green-light);border-radius:50%;height:5px;width:5px}.flipbook-open-book{flex:1 1;overflow:hidden;padding:4px 10px 8px;z-index:3}.flipbook-open-book,.flipbook-stage{align-items:center;display:flex;justify-content:center;min-height:0;position:relative;width:100%}.flipbook-stage{height:100%;min-width:0;overflow:visible;perspective:1600px}.flipbook-stage:before{background:#16271e33;border-radius:50%;bottom:2%;content:"";filter:blur(18px);height:30px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:min(800px,80%)}.yearbook-flipbook{filter:drop-shadow(0 15px 15px rgba(15,32,23,.18));margin:0 auto!important;max-height:100%!important;max-width:100%!important;overflow:visible!important;position:relative;z-index:2}.page,.yearbook-flipbook .page{background:linear-gradient(90deg,rgba(0,0,0,.035),#0000 7%,#0000 93%,rgba(0,0,0,.035)),#fffefa;background:linear-gradient(90deg,rgba(0,0,0,.035),#0000 7%,#0000 93%,rgba(0,0,0,.035)),var(--paper);border:1px solid #ded8ce;overflow:hidden;position:relative}.flipbook-page{background:#fff;height:100%;overflow:hidden;position:relative;width:100%}.flipbook-page:after{background:linear-gradient(90deg,rgba(0,0,0,.035),#0000 8%,#0000 92%,rgba(0,0,0,.035));content:"";inset:0;pointer-events:none;position:absolute;z-index:5}.flipbook-page-canvas{height:100%!important;max-height:100%;max-width:100%;width:100%!important}.flipbook-page-canvas,.flipbook-page-image{background:#fff;display:block;object-fit:contain}.flipbook-page-image{-webkit-user-drag:none;height:100%;-webkit-user-select:none;user-select:none;width:100%}.flipbook-bottom-bar{align-items:center;background:#ffffffd1;border:1px solid #063b2a14;border-radius:9px;box-shadow:0 3px 12px #052d1f0f;display:flex;flex-shrink:0;gap:10px;height:50px;height:var(--bottom-height);justify-content:space-between;margin:0 auto 8px;min-height:50px;min-height:var(--bottom-height);padding:5px 7px 5px 12px;position:relative;width:min(1100px,calc(100% - 40px));z-index:10}.flipbook-bottom-info{align-items:center;color:#718078;color:var(--muted);display:flex;font-size:10px;font-weight:600;gap:6px;min-width:0}.flipbook-bottom-info svg{color:#087447;color:var(--green);flex-shrink:0;font-size:14px}.flipbook-bottom-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flipbook-bottom-download{background:#063b2a;background:var(--green-dark);border-radius:7px;color:#fff;flex-shrink:0;font-size:9px;height:32px;padding:0 12px}.flipbook-bottom-download:hover{background:#087447;background:var(--green);transform:translateY(-1px)}.flipbook-bottom-accent{background:linear-gradient(90deg,#063b2a,#087447,#1c9a68);background:linear-gradient(90deg,var(--green-dark),var(--green),var(--green-light));flex-shrink:0;height:3px;width:100%}.flipbook-loading{flex-direction:column;height:100%;padding:20px;text-align:center}.flipbook-loading,.flipbook-loading-spinner{align-items:center;display:flex;justify-content:center}.flipbook-loading-spinner{background:#edf7f1;border-radius:50%;color:#087447;color:var(--green);height:52px;margin-bottom:13px;width:52px}.flipbook-loading-spinner svg{animation:flipbook-spin .9s linear infinite;font-size:23px}.flipbook-loading h2{color:#063b2a;color:var(--green-dark);font-family:Georgia,serif;font-size:20px;margin:0}.flipbook-loading p{color:#718078;color:var(--muted);font-size:11px;margin:6px 0 0}.flipbook-error{flex-direction:column;height:100%;padding:20px;text-align:center}.flipbook-error,.flipbook-error-icon{align-items:center;display:flex;justify-content:center}.flipbook-error-icon{background:#edf7f1;border-radius:50%;color:#087447;color:var(--green);height:58px;margin-bottom:14px;width:58px}.flipbook-error h2{color:#063b2a;color:var(--green-dark);font-family:Georgia,serif;font-size:21px;margin:0}.flipbook-error p{color:#718078;color:var(--muted);font-size:11px;line-height:1.5;margin:7px 0 18px;max-width:450px}.flipbook-error-btn{background:#063b2a;background:var(--green-dark);border-radius:8px;color:#fff;font-size:11px;height:38px;padding:0 17px}.spin{animation:flipbook-spin .9s linear infinite}@keyframes flipbook-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:900px){:root{--header-height:62px;--bottom-height:45px}.flipbook-header{padding:8px 13px}.flipbook-header-logo{flex-basis:40px;height:40px;width:40px}.logo-title{font-size:13px}.flipbook-current-title{font-size:9px;max-width:250px}.flipbook-back-btn,.flipbook-download-btn{font-size:10px;height:35px;padding:0 10px}.flipbook-book-info{height:57px;margin-top:5px;width:calc(100% - 24px)}.flipbook-book-info h1{font-size:20px}.flipbook-open-book{padding:2px 5px 5px}.flipbook-bottom-bar{margin-bottom:5px;width:calc(100% - 24px)}}@media (max-width:600px){:root{--header-height:55px;--bottom-height:40px}.flipbook-container,.flipbook-page-wrapper{height:100dvh;overflow:hidden;width:100vw}.flipbook-header{gap:5px;height:72px;height:var(--header-height);min-height:72px;min-height:var(--header-height);padding:6px 8px}.flipbook-header-left{gap:7px}.flipbook-header-logo{flex-basis:34px;height:34px;width:34px}.logo-title{font-size:10px}.flipbook-current-title{font-size:8px;max-width:145px}.flipbook-back-btn,.flipbook-download-btn{border-radius:7px;font-size:0;height:33px;min-height:33px;padding:0;width:33px}.flipbook-back-btn svg,.flipbook-download-btn svg{font-size:14px}.flipbook-book-surface{height:calc(100dvh - 72px);height:calc(100dvh - var(--header-height));overflow:hidden;width:100vw}.flipbook-book-info{height:46px;margin-top:4px;width:calc(100% - 14px)}.flipbook-book-label{font-size:6px;letter-spacing:.9px}.flipbook-book-info h1{font-size:16px;max-width:250px}.flipbook-book-info p{font-size:8px}.flipbook-page-count{border-radius:7px;min-width:48px;padding:5px 6px}.flipbook-page-count strong{font-size:14px}.flipbook-page-count span{font-size:5px}.flipbook-instruction{display:none}.flipbook-open-book{flex:1 1;min-height:0;overflow:hidden;padding:0 0 4px;width:100%}.flipbook-stage{height:100%;min-height:0;min-width:0;overflow:visible;width:100%}.flipbook-stage:before{bottom:2%;filter:blur(10px);height:18px;width:65%}.yearbook-flipbook{margin:0!important;max-height:100%!important;max-width:100vw!important}.flipbook-bottom-bar{border-radius:7px;height:50px;height:var(--bottom-height);margin:0 auto 4px;min-height:50px;min-height:var(--bottom-height);padding:4px 5px 4px 8px;width:calc(100% - 14px)}.flipbook-bottom-info{font-size:8px}.flipbook-bottom-info svg{font-size:12px}.flipbook-bottom-download{font-size:7px;height:28px;padding:0 8px}.flipbook-bottom-accent{height:2px}}@media (max-width:380px){:root{--header-height:51px}.flipbook-header{padding:5px 6px}.flipbook-header-logo{flex-basis:31px;height:31px;width:31px}.logo-title{font-size:9px}.flipbook-current-title{font-size:7px;max-width:120px}.flipbook-back-btn,.flipbook-download-btn{height:30px;min-height:30px;width:30px}.flipbook-back-btn svg,.flipbook-download-btn svg{font-size:13px}.flipbook-book-info{height:42px;width:calc(100% - 10px)}.flipbook-book-info h1{font-size:14px;max-width:210px}.flipbook-book-info p{font-size:7px}.flipbook-page-count{min-width:44px}.flipbook-bottom-bar{width:calc(100% - 10px)}}@media (max-width:900px) and (orientation:landscape){:root{--header-height:48px;--bottom-height:34px}.flipbook-header{height:72px;height:var(--header-height);min-height:72px;min-height:var(--header-height);padding:4px 9px}.flipbook-header-logo{flex-basis:30px;height:30px;width:30px}.logo-title{font-size:10px}.flipbook-current-title{font-size:7px}.flipbook-back-btn,.flipbook-download-btn{font-size:0;height:30px;min-height:30px;padding:0;width:30px}.flipbook-book-info{height:36px;margin-top:2px}.flipbook-book-info h1{font-size:14px}.flipbook-book-info p,.flipbook-book-label{display:none}.flipbook-page-count{padding:4px 7px}.flipbook-open-book{padding:0 2px 2px}.flipbook-bottom-bar{margin-bottom:2px;width:calc(100% - 10px)}.flipbook-bottom-download{height:24px}}.flipbook-back-btn:focus-visible,.flipbook-bottom-download:focus-visible,.flipbook-download-btn:focus-visible,.flipbook-error-btn:focus-visible{outline:2px solid #1b9a6859;outline-offset:2px}@media (prefers-reduced-motion:reduce){.flipbook-back-btn,.flipbook-bottom-download,.flipbook-download-btn,.flipbook-error-btn{transition:none}.flipbook-loading-spinner svg,.spin{animation:none}}
/*# sourceMappingURL=main.824cc51a.css.map*/