:root{--deep:#073f35;--deep-2:#0a5143;--mint:#18a77c;--mint-light:#dff8ee;--gold:#d6ad55;--surface:#f3f7f5;--shadow-soft:0 12px 35px rgba(7,63,53,.08);--shadow-premium:0 30px 80px rgba(7,63,53,.16)}
body{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;background:linear-gradient(180deg,#fff 0,#f9fbfa 100%);letter-spacing:-.006em}.app-page{background:radial-gradient(circle at 90% 0,rgba(24,167,124,.09),transparent 28%),var(--surface)}
.topbar{height:82px;border-bottom:1px solid rgba(7,63,53,.09);box-shadow:0 5px 25px rgba(7,63,53,.04)}.brand{color:var(--deep);line-height:1}.brand>span:last-child{display:flex;flex-direction:column;gap:5px}.brand small{font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:#74867f;font-weight:750}.brandmark{position:relative;background:linear-gradient(145deg,var(--deep),#0a735c);border-radius:13px;box-shadow:0 9px 22px rgba(7,63,53,.22)}.brandmark i{width:17px;height:20px;border:4px solid #fff;border-top:0;border-radius:0 0 12px 12px;position:relative}.brandmark i:after{content:"";position:absolute;width:8px;height:8px;border-radius:8px 0 8px 0;background:#c9f25c;right:-8px;top:-6px}.topbar nav{gap:8px}.topbar nav>a{padding:10px 12px;border-radius:10px;transition:.2s ease}.topbar nav>a:hover{background:#edf6f2;color:var(--deep)}.topbar nav .nav-cta{background:linear-gradient(135deg,var(--deep),#096b55);box-shadow:0 8px 20px rgba(7,63,53,.18)}.logout-link{color:#7c8b86!important}
.hero{padding-top:105px}.hero h1{color:var(--deep);text-wrap:balance}.hero-copy>p{font-size:1.22rem;line-height:1.7}.hero-app{border:1px solid rgba(7,63,53,.12);background:linear-gradient(155deg,#fff 15%,#eaf8f2);box-shadow:var(--shadow-premium)}.pickup{box-shadow:0 7px 20px rgba(7,63,53,.05);border-color:rgba(7,63,53,.08)}.report-cta,.btn.primary{background:linear-gradient(135deg,var(--deep),#0c946f);box-shadow:0 10px 28px rgba(7,63,53,.2);transition:transform .2s,box-shadow .2s}.btn.primary:hover,.report-cta:hover{transform:translateY(-2px);box-shadow:0 15px 32px rgba(7,63,53,.27)}.btn.secondary{border-color:rgba(7,63,53,.15);color:var(--deep);box-shadow:0 5px 16px rgba(7,63,53,.04)}
.feature,.audience-grid article{border-color:rgba(7,63,53,.1);box-shadow:var(--shadow-soft);transition:transform .22s,box-shadow .22s}.feature:hover,.audience-grid article:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(7,63,53,.12)}.feature.featured{background:linear-gradient(145deg,var(--deep),#08755d)}.dark{background:linear-gradient(145deg,#052f28,var(--deep))}.cta{border:1px solid rgba(7,63,53,.08);box-shadow:var(--shadow-soft)}
.app-shell{padding-top:52px}.page-head{margin-bottom:32px}.page-head h1{font-size:clamp(2.5rem,4vw,3.65rem);color:var(--deep);line-height:1}.page-head p{font-size:1.05rem;margin-top:10px}.premium-chip{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid rgba(7,63,53,.12);background:#fff;border-radius:99px;color:var(--deep);font-weight:750;box-shadow:var(--shadow-soft)}.premium-chip i{width:8px;height:8px;background:#18a77c;border-radius:50%;box-shadow:0 0 0 5px rgba(24,167,124,.12)}
.stat,.panel,.form-card,.table-wrap{border:1px solid rgba(7,63,53,.1);box-shadow:var(--shadow-soft)}.stat{position:relative;overflow:hidden;padding:25px}.stat:before{content:"";position:absolute;right:-22px;top:-22px;width:75px;height:75px;border:16px solid rgba(24,167,124,.07);border-radius:50%}.stat strong{color:var(--deep);font-size:2.35rem}.panel h2{color:var(--deep)}.table-wrap{border-radius:20px}th{background:#edf4f1;color:#566b64;padding-top:16px;padding-bottom:16px}tbody tr{transition:background .18s}tbody tr:hover{background:#f4faf7}.badge{border:1px solid rgba(7,63,53,.08)}
.settings-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:24px;align-items:start}.premium-form{max-width:none;padding:30px}.form-title{display:flex;align-items:center;gap:15px;padding-bottom:22px;border-bottom:1px solid #e3ece8}.form-title h2{margin:0;color:var(--deep);font-size:1.55rem}.form-title p{margin:4px 0 0;color:var(--muted)}.form-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,var(--deep),#0a8567);color:#d8ff70;font-size:1.35rem;box-shadow:0 9px 22px rgba(7,63,53,.2)}.premium-form fieldset{border:0;padding:15px 0;margin:0}.premium-form legend,.premium-form label{font-weight:780;color:#183b31}.field-help{margin:0 0 10px;color:var(--muted);font-size:.87rem}.field input,.field select,.field textarea{border-color:#cbdad4;min-height:49px;transition:border .2s,box-shadow .2s}.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--mint);box-shadow:0 0 0 4px rgba(24,167,124,.11)}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.check-card{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #dce7e2;border-radius:13px;background:#fff;cursor:pointer;font-size:.9rem;transition:.18s}.check-card:hover{border-color:#8bcbb6;background:#f6fbf9}.check-card input{accent-color:var(--mint);width:17px;height:17px}.waste-dot{width:10px;height:10px;border-radius:50%;background:#919b98}.waste-dot.bio{background:#74a83e}.waste-dot.paper{background:#318bd3}.waste-dot.yellow{background:#e0ad21}.waste-dot.rest{background:#35413d}.waste-dot.special{background:#a45391}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--mint-light);color:var(--deep);font-weight:850}.check-card>span:last-child{display:flex;flex-direction:column}.check-card small{font-size:.73rem;color:var(--muted);font-weight:600}.rules-column{display:grid;gap:13px}.rules-head{display:flex;justify-content:space-between;align-items:center}.rules-head strong{font-size:1.8rem;color:var(--deep);margin-right:6px}.rules-head p{margin:0;color:var(--muted);font-size:.86rem}.rule-card{background:linear-gradient(145deg,#fff,#f9fcfb);border:1px solid rgba(7,63,53,.1);border-radius:19px;padding:22px;box-shadow:var(--shadow-soft)}.rule-top{display:flex;justify-content:space-between;gap:16px}.rule-top h3{color:var(--deep);margin:4px 0}.rule-top p{margin:0;color:var(--muted)}.days-badge{height:max-content;white-space:nowrap;padding:7px 10px;border-radius:99px;background:var(--mint-light);color:#087458;font-size:.78rem;font-weight:850}.rule-meta{display:grid;gap:6px;padding:16px 0;color:#5f716b;font-size:.86rem;border-bottom:1px solid #e5ece9}.text-danger{border:0;background:none;color:#a6473f;font-weight:750;padding:12px 0 0;cursor:pointer}.empty-state{text-align:center;padding:45px 25px}.empty-state>span{display:grid;place-items:center;margin:0 auto 15px;width:52px;height:52px;border-radius:16px;background:var(--mint-light);color:var(--deep);font-size:1.4rem}.empty-state h3{color:var(--deep)}.empty-state p{color:var(--muted)}
.notification-list{max-width:850px;display:grid;gap:10px}.notification-card{display:grid;grid-template-columns:48px 1fr;gap:15px;padding:20px;background:#fff;border:1px solid rgba(7,63,53,.1);border-radius:17px;box-shadow:var(--shadow-soft)}.notification-card.unread{border-left:4px solid var(--mint);background:linear-gradient(90deg,#f0fbf7,#fff 35%)}.notification-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#edf5f2;color:var(--deep);font-size:1.3rem}.notification-card p{margin:4px 0;color:var(--muted)}.notification-card small{color:#84938e}footer{border-top-color:rgba(7,63,53,.1)}
@media(max-width:1000px){.topbar nav{gap:2px}.topbar nav>a{padding:9px 7px;font-size:.84rem}.settings-grid{grid-template-columns:1fr}.rules-column{grid-template-columns:repeat(2,minmax(0,1fr))}.rules-head{grid-column:1/-1}}
@media(max-width:850px){.topbar{height:70px}.topbar nav{top:70px;padding:14px}.topbar nav>a{padding:12px}.brand small{display:none}.rules-column{grid-template-columns:1fr}.page-head{align-items:flex-start}.premium-chip{margin-top:5px}}
@media(max-width:560px){.app-shell{padding:35px 15px 75px}.premium-form{padding:20px}.check-grid{grid-template-columns:1fr}.rule-top{flex-direction:column}.days-badge{width:max-content}.page-head h1{font-size:2.55rem}.notification-card{grid-template-columns:40px 1fr;padding:16px}.notification-icon{width:38px;height:38px}.topbar{padding:0 14px}}
.hero-visual{position:relative;min-height:590px}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:30px;box-shadow:var(--shadow-premium);filter:saturate(.9) contrast(1.02)}.hero-visual:after{content:"";position:absolute;inset:0;border-radius:30px;background:linear-gradient(180deg,transparent 45%,rgba(4,46,38,.5));pointer-events:none}.hero-visual .hero-app{position:absolute;z-index:2;right:-30px;bottom:34px;width:min(88%,470px);padding:20px;transform:rotate(1deg);box-shadow:0 28px 70px rgba(2,34,28,.28)}.hero-visual .pickup{padding:10px;margin:7px 0}.hero-visual .pickup>b{width:38px;height:38px}.hero-visual .report-cta{padding:12px}.photo-label{position:absolute;z-index:3;left:22px;bottom:22px;color:#fff;display:flex;flex-direction:column;text-shadow:0 2px 10px rgba(0,0,0,.35)}.photo-label b{font-size:1rem}.photo-label small{color:rgba(255,255,255,.78)}
.workflow-visual{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:stretch}.workflow-visual figure{margin:0;position:relative;min-height:390px;border-radius:24px;overflow:hidden}.workflow-visual figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(3,32,27,.8))}.workflow-visual figure img{width:100%;height:100%;object-fit:cover}.workflow-visual figcaption{position:absolute;z-index:2;left:25px;right:25px;bottom:24px;display:flex;flex-direction:column}.workflow-visual figcaption strong{font-size:1.2rem}.workflow-visual figcaption span{color:#c5d7d1}.workflow-visual .steps{grid-template-columns:1fr}.workflow-visual .steps li{background:rgba(255,255,255,.035);align-items:center}.workflow-visual .steps li>b{display:grid;place-items:center;flex:0 0 45px;height:45px;border-radius:14px;background:rgba(201,242,92,.11)}
@media(max-width:1050px){.hero-visual .hero-app{right:15px;width:min(82%,430px)}}
@media(max-width:850px){.hero-visual{min-height:620px}.hero-visual .hero-app{right:18px}.workflow-visual{grid-template-columns:1fr}.workflow-visual figure{min-height:430px}}
@media(max-width:560px){.hero-visual{min-height:560px}.hero-photo{border-radius:22px}.hero-visual .hero-app{left:15px;right:15px;bottom:18px;width:auto}.hero-visual .pickup:nth-of-type(3){display:none}.photo-label{top:18px;bottom:auto}.workflow-visual figure{min-height:330px}.workflow-visual figcaption{left:18px;bottom:18px}}
.website-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.captcha-box{display:flex;align-items:center;gap:12px;margin-bottom:10px}.captcha-box img{display:block;max-width:220px;border:1px solid rgba(7,63,53,.16);border-radius:12px;background:#edf8f3}.captcha-refresh{border:0;background:transparent;color:#08745d;font:inherit;font-weight:750;cursor:pointer;padding:8px}.captcha-refresh:hover{text-decoration:underline}@media(max-width:520px){.captcha-box{align-items:flex-start;flex-direction:column}}
.admin-metrics{grid-template-columns:repeat(6,minmax(120px,1fr));margin-bottom:22px}.admin-search{margin-bottom:28px}.admin-search .form-row{align-items:end}.page-head.compact{margin-top:34px;margin-bottom:12px}.page-head.compact h2{margin:4px 0 0}.inline-admin-form{display:inline-flex;align-items:center;gap:6px;margin:3px}.inline-admin-form select{min-width:125px;padding:8px 30px 8px 10px;border:1px solid rgba(7,63,53,.16);border-radius:9px;background:#fff}@media(max-width:1000px){.admin-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.admin-metrics{grid-template-columns:repeat(2,1fr)}}
.event{grid-template-columns:64px minmax(0,1fr) auto}.event-copy{min-width:0;display:grid;gap:3px}.event-copy strong,.event-copy small{display:block;overflow:hidden;text-overflow:ellipsis}.event-copy small{color:var(--muted);line-height:1.35}.report-table-thumb{display:block;width:70px;height:52px;object-fit:cover;border-radius:10px;border:1px solid rgba(7,63,53,.12);box-shadow:0 5px 14px rgba(7,63,53,.1)}.report-table-placeholder{display:grid;place-items:center;width:70px;height:52px;border-radius:10px;background:#edf4f1;color:#739087;font-size:1.5rem}.report-event{grid-template-columns:58px minmax(0,1fr) auto}.report-event-thumb,.report-event-placeholder{width:58px;height:58px;border-radius:11px}.report-event-thumb{display:block;object-fit:cover;border:1px solid rgba(7,63,53,.12)}.report-event-placeholder{display:grid;place-items:center;background:#dfece7;color:#073f35;font-weight:900}@media(max-width:560px){.report-event{grid-template-columns:52px minmax(0,1fr)}.report-event .badge{grid-column:2}.report-event-thumb,.report-event-placeholder{width:52px;height:52px}}
.field-optional{color:var(--muted);font-weight:500}.photo-preview-grid,.report-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:12px;margin-top:12px}.photo-preview-grid figure{margin:0}.photo-preview-grid img,.report-gallery img{display:block;width:100%;height:125px;object-fit:cover;border-radius:12px;border:1px solid rgba(7,63,53,.13)}.photo-preview-grid figcaption{padding:5px 2px;color:var(--muted);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-gallery{margin:18px 0 26px}.report-gallery a:first-child{grid-column:span 2}.report-gallery a:first-child img{height:262px}@media(max-width:560px){.report-gallery a:first-child{grid-column:span 1}.report-gallery a:first-child img{height:180px}}

/* Professional system administration */
.admin-console{max-width:1240px}.admin-hero{align-items:center;padding:8px 0 2px}.admin-hero h1{font-size:clamp(2.7rem,4.5vw,4.15rem)}.admin-export-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-export-actions .btn{background:#fff;box-shadow:0 8px 24px rgba(7,63,53,.07)}
.admin-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:24px 0 18px}.admin-metrics .metric{position:relative;display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:9px;min-height:116px;padding:20px;background:linear-gradient(145deg,#fff,#f6fbf9);border:1px solid rgba(7,63,53,.1);border-radius:17px;box-shadow:0 10px 28px rgba(7,63,53,.07);overflow:hidden}.admin-metrics .metric:after{content:"";position:absolute;right:-23px;top:-25px;width:75px;height:75px;border:14px solid rgba(24,167,124,.07);border-radius:50%}.admin-metrics .metric strong{position:relative;z-index:1;color:var(--deep);font-size:1.95rem;line-height:1}.admin-metrics .metric small{position:relative;z-index:1;color:#667b74;font-size:.68rem;font-weight:800;line-height:1.35;letter-spacing:.06em;text-transform:uppercase}.admin-metrics .metric:nth-child(3){background:linear-gradient(145deg,#fffdf7,#fff)}.admin-metrics .metric:nth-child(3):after{border-color:rgba(214,173,85,.14)}
.admin-section-nav{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px;padding:7px;background:rgba(255,255,255,.76);border:1px solid rgba(7,63,53,.1);border-radius:14px;box-shadow:0 8px 24px rgba(7,63,53,.05)}.admin-section-nav a{padding:10px 14px;border-radius:9px;color:var(--deep);font-size:.88rem;font-weight:800;text-decoration:none}.admin-section-nav a:hover{background:#e6f4ef}
.admin-search{padding:18px 20px;margin:0 0 30px}.admin-search .form-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end}.admin-search .field{margin:0}.admin-search .btn{min-width:125px}.admin-console .page-head.compact{margin:38px 0 12px;scroll-margin-top:95px}.admin-console .page-head.compact h2{font-size:2rem;line-height:1.1}.admin-table{border-radius:16px;overflow:auto}.admin-table th{background:#eaf3ef;font-size:.7rem;letter-spacing:.08em}.admin-table td{vertical-align:middle}.admin-table tbody tr:hover{background:#f4faf7}.admin-source{display:inline-flex;padding:5px 8px;border-radius:7px;background:#eaf3ef;color:#315a4e;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem;font-weight:700}
.admin-diagnostic{display:grid;grid-template-columns:minmax(210px,.55fr) minmax(0,1.45fr);gap:18px;align-items:start;margin:14px 0 18px;padding:18px 20px;border:1px solid #edc9a2;border-left:4px solid #c97229;border-radius:14px;background:#fffaf4;box-shadow:0 9px 28px rgba(102,57,15,.07)}.admin-diagnostic div{display:grid;gap:5px}.admin-diagnostic strong{color:#713b16}.admin-diagnostic small{color:#8b684d}.admin-diagnostic code{display:block;padding:12px 14px;border-radius:10px;background:#3e281b;color:#fff4e8;font-size:.78rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:1050px){.admin-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.admin-search .form-row{grid-template-columns:1fr}.admin-search .btn{width:100%}.admin-diagnostic{grid-template-columns:1fr}.admin-export-actions{width:100%}}@media(max-width:560px){.admin-metrics{grid-template-columns:repeat(2,1fr)}.admin-metrics .metric{min-height:105px;padding:16px}.admin-section-nav a{flex:1;text-align:center}.admin-export-actions .btn{flex:1}}