@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f7f8fa;color:#192525;font:16px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #82b7ae;outline-offset:3px}.shell{display:flex;min-height:100vh}aside{width:255px;background:white;border-right:1px solid #e6ebea;padding:32px 20px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;gap:11px;align-items:center;font:800 22px Manrope,sans-serif}.brand-icon{background:#174e46;color:white;width:42px;height:42px;border-radius:12px;display:grid;place-items:center}.brand small{display:block;font:600 10px 'DM Sans';letter-spacing:1.8px;color:#778280;margin-top:5px}.workspace{display:flex;align-items:center;gap:11px;background:#f5f7f6;border:1px solid #e8ecea;border-radius:9px;padding:12px;margin:34px 0 28px;font-size:14px;font-weight:600}.avatar,.profile{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e4ece8;color:#355d50;font-size:12px;font-weight:700}.workspace small{display:block;color:#7b8682;font-size:12px;margin-top:4px;font-weight:400}.nav-label{font-size:11px;letter-spacing:1.8px;color:#8d9795;font-weight:700;margin:0 12px 12px}.companies-label{margin-top:32px;display:flex;justify-content:space-between}.nav{display:flex;align-items:center;gap:11px;width:100%;background:none;padding:12px;border-radius:8px;text-align:left;color:#65736f;font-size:14px;margin:3px 0}.nav>span:last-child,.nav small{margin-left:auto}.nav .company-name{margin-left:0!important;flex:1}.nav.active{background:#eaf3ef;color:#1d5b4b;font-weight:700}.subtle{margin-top:10px;font-size:13px}.sidebar-bottom{margin-top:auto;padding:30px 10px 0;color:#4f655d;font-size:12px}.sidebar-bottom small{display:block;margin-top:9px;color:#89948f;font-size:12px}.lock-dot{display:inline-block;width:6px;height:6px;background:#456c5c;border-radius:50%;margin-right:7px}main{flex:1;min-width:0}header{height:84px;border-bottom:1px solid #e6ebea;display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#fff}.breadcrumb{font-size:14px;color:#586a62}.breadcrumb span{margin:0 16px;color:#abb5b1}.profile{width:37px;height:37px}.content{padding:38px 42px 20px;max-width:1450px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.eyebrow{color:#69907f;font-size:11px;letter-spacing:2px;font-weight:700;margin:0 0 10px}h1{font:800 34px Manrope,sans-serif;letter-spacing:-1px;margin:0}.description{margin:10px 0 0;color:#7b8782;font-size:15px}.actions{display:flex;gap:10px}.primary,.secondary{display:inline-flex;gap:9px;align-items:center;justify-content:center;padding:12px 17px;border-radius:8px;font-size:14px;font-weight:600;white-space:nowrap}.primary{background:#1d5a49;color:white}.primary:hover{background:#123f34}.secondary{background:white;border:1px solid #dce3df;color:#40564d}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:31px 0}.stats>div{display:flex;gap:18px;align-items:center;border:1px solid #e2e8e4;background:#fff;border-radius:11px;padding:23px}.stats svg{color:#719585;background:#edf4f0;border-radius:10px;box-sizing:content-box;padding:13px;width:22px;height:22px}.stats span{color:#7a8981;font-size:13px}.stats strong{display:block;color:#213f32;font:800 26px Manrope;margin-bottom:4px}.toolbar{display:flex;gap:12px;margin-bottom:29px}.search{background:white;border:1px solid #dde4e0;display:flex;align-items:center;gap:10px;border-radius:8px;padding:0 13px;flex:1;color:#86948c}.search input{width:100%;border:0;background:transparent;padding:13px 0;outline:none;font-size:14px}select{background:white;border:1px solid #dde4e0;padding:12px;border-radius:8px;font-size:14px;color:#50665a;max-width:100%}.section-title{display:flex;align-items:center;justify-content:space-between;margin:25px 0 16px}.section-title h2{font:700 18px Manrope;margin:0}.section-title h2 span{font:500 12px 'DM Sans';border-radius:5px;background:#e8eeeb;padding:3px 7px;margin-left:8px;color:#688074}.section-title small{color:#8a958f;font-size:12px}.albums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.album{text-align:left;border:1px solid #dfe6e1;border-radius:10px;padding:0;overflow:hidden;background:white}.album.selected{outline:2px solid #32775d}.album-cover{height:128px;background:#e8efeb;display:grid;place-items:center;position:relative;color:#7a9d8b}.album-cover img{width:100%;height:100%;object-fit:cover}.album-cover span{position:absolute;bottom:10px;right:10px;background:#ffffffdd;color:#496354;font-size:11px;padding:4px 8px;border-radius:5px}.album-caption{padding:14px}.album-caption strong{display:block;font-size:14px}.album-caption small{display:block;color:#8b958e;font-size:12px;margin-top:5px}.add-album{min-height:187px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #c1d2c7;border-radius:10px;background:#f0f5f2;color:#698471;gap:12px}.add-album>span{padding:9px;background:white;border-radius:50%;display:flex}.add-album strong{font-size:14px}.add-album small{font-size:12px;color:#8a9d90}.empty{border:1px solid #e2e8e4;background:white;border-radius:12px;text-align:center;padding:47px 25px 50px;color:#72847b}.empty-icon{display:grid;place-items:center;width:67px;height:67px;margin:0 auto 20px;background:#eff4f1;color:#709984;border-radius:18px}.empty h3{color:#304d3b;font:700 19px Manrope;margin:0 0 12px}.empty p{font-size:14px;margin-bottom:23px}.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.photo{background:white;text-align:left;padding:0 0 15px;border:1px solid #e2e8e4;border-radius:10px;overflow:hidden}.photo img{width:100%;height:190px;object-fit:cover}.photo strong,.photo small{display:block;margin:12px 13px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.photo small{font-size:12px;color:#819088;margin-top:5px}footer{display:flex;justify-content:space-between;margin-top:32px;padding:18px 0;border-top:1px solid #e1e8e3;color:#88998c;font-size:12px}.text-button{color:#276c53;background:none;font-size:13px}.notice{display:flex;align-items:center;gap:8px;color:#367052;font-size:14px;margin:12px 0}.alert{background:#fff0ed;color:#98473a;border-radius:7px;padding:12px;font-size:14px}.alert button{background:none;text-decoration:underline;color:inherit}dialog{width:500px;max-width:calc(100% - 32px);border:1px solid #dce6df;border-radius:17px;padding:32px;color:#244033;max-height:90vh;overflow:auto;box-shadow:0 30px 100px #142d2530}dialog::backdrop{background:#16282088;backdrop-filter:blur(3px)}.close{position:absolute;top:16px;right:16px;background:none;color:#728a7a;padding:4px}.close svg{width:20px}dialog h2{font:800 23px Manrope;margin:16px 0 10px}dialog p{font-size:14px;color:#7b8e80;line-height:1.6}.modal-icon{display:inline-flex;padding:13px;background:#edf4ef;border-radius:12px}dialog label{display:block;font-size:14px;font-weight:600;margin:22px 0}dialog input:not([type=file]),dialog select{display:block;width:100%;padding:13px;border:1px solid #d4e0d7;border-radius:7px;margin-top:9px;background:#fff}.full{width:100%;margin-top:8px}.drop-zone{border:1px dashed #abc6b4;border-radius:10px;min-height:160px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;color:#578168;background:#f3f8f4;cursor:pointer}.drop-zone strong{font-size:14px}.drop-zone small{font-size:12px;font-weight:400}.drop-zone input{max-width:100%;font-size:12px}.large-photo{width:100%;max-height:55vh;object-fit:contain;margin-top:15px}.download{margin-top:10px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1450px){.albums,.photo-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1100px){aside{width:220px}.content{padding:30px 25px}.albums,.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.heading{align-items:flex-start;flex-direction:column}.stats>div{padding:17px;gap:11px}header{padding:0 25px}}@media(max-width:760px){.shell{display:block}aside{width:100%;border-right:0;border-bottom:1px solid #e1e8e3;padding:18px}.workspace,.sidebar-bottom,.nav-label,.nav{display:none}.brand{font-size:20px}header{height:58px;padding:0 18px}.content{padding:25px 18px}.stats{gap:8px;margin:24px 0}.stats>div{padding:13px 10px;gap:0}.stats svg{display:none}.stats strong{font-size:24px}.stats span{font-size:12px}.toolbar{flex-direction:column}.albums,.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:30px}.actions{width:100%}.actions button{flex:1;padding:12px 10px}.empty{padding:35px 16px}.photo img{height:160px}footer span{display:none}dialog{padding:25px}}@media(prefers-reduced-motion:reduce){.spin{animation:none}}

.company-directory{margin:25px 0 30px}.company-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.company-card{display:flex;align-items:center;gap:12px;text-align:left;background:#fff;border:1px solid #dfe7e1;border-radius:10px;padding:17px 15px;min-height:85px;color:#254333}.company-card:hover{border-color:#77a08b;background:#f0f7f2}.company-card-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:10px;background:#eaf2ed;color:#507a63}.company-card>div{min-width:0;flex:1}.company-card strong{display:block;font-size:14px;line-height:1.5}.company-card small{display:block;margin-top:5px;font-size:12px;color:#7d9183}.company-number{font-size:11px;color:#9aaa9f;align-self:flex-start}.company-directory .section-title small{font-size:13px}.nav{flex-shrink:0}.sidebar-bottom{flex-shrink:0}@media(max-width:1100px){.company-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.company-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.company-card{padding:12px;align-items:flex-start;gap:8px}.company-card-icon{width:28px;height:28px;border-radius:7px}.company-card-icon svg{width:17px}.company-number{display:none}.company-directory .section-title{align-items:flex-start;gap:10px}.company-directory .section-title small{max-width:150px;text-align:right;font-size:12px}}@media(max-width:390px){.company-grid{grid-template-columns:1fr}}

.company-card-wrap,.album-wrap{position:relative;min-width:0}.company-card-wrap .company-card,.album-wrap .album{width:100%;height:100%}.company-card-wrap .company-card{padding-right:15px}.company-number{display:none}.delete-icon{background:#fff;border:1px solid #e5d8d5;color:#9c554b;border-radius:7px;width:28px;height:28px;display:grid;place-items:center}.delete-icon:hover{background:#fff0ed;color:#a83b2c;border-color:#d7a79f}.company-delete{position:absolute;right:9px;top:50%;transform:translateY(-50%)}.album-delete{position:absolute;right:10px;top:10px}.danger,.danger-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:600}.danger{background:#b43e32;color:white}.danger:hover{background:#962f25}.danger-outline{background:white;color:#9f493f;border:1px solid #e2c8c3}.danger-icon{background:#fff0ed;color:#b43e32}.delete-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.actions{flex-wrap:wrap}.album-caption{padding-right:14px}@media(max-width:760px){.actions .danger-outline{flex-basis:100%}.company-card-wrap .company-card{padding-right:12px}}

.login-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;background:radial-gradient(ellipse at top,#e6f1e9,transparent 65%),#f5f8f6}.login-brand{display:flex;align-items:center;gap:12px;font:800 25px Manrope;margin-bottom:35px}.login-brand small{display:block;font:600 10px 'DM Sans';letter-spacing:2px;color:#738d7d;margin-top:5px}.login-card{width:440px;max-width:100%;background:#fff;border:1px solid #dae6dc;border-radius:17px;padding:35px;box-shadow:0 20px 65px #2449330c}.login-card h1{font-size:28px;margin-top:20px}.login-card p{font-size:14px;line-height:1.6;color:#718575}.login-card label{display:block;font-size:14px;font-weight:600;margin:22px 0}.login-card input{display:block;margin-top:9px;width:100%;padding:13px;border:1px solid #d3e0d7;border-radius:8px;background:#fff}.login-private{display:block;text-align:center;color:#8c9c90;font-size:12px;margin-top:26px}.admin-header{display:flex;align-items:center;gap:14px}.admin-badge{font-size:12px;color:#537763;background:#edf4ef;padding:6px 10px;border-radius:5px}@media(max-width:760px){.admin-badge{display:none}.admin-header{gap:8px}.admin-header .secondary{padding:8px 10px;font-size:12px}.admin-header .profile{display:none}.login-card{padding:28px}}