:root{--bg:#f4f6fa;--card:#fff;--text:#172033;--muted:#6f7b8f;--line:#e6eaf1;--primary:#14a800;--primary-h:#0f8c00;--primary-soft:#e8f7e5;--side:#fff;--danger:#d93025;--blue:#e7f0ff;--blue-t:#1f5fc9;--green:#e1f6dd;--green-t:#0e7a00;--gray:#eef1f6;--gray-t:#5a6577;--shadow:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.06);--r:12px}
[data-theme=dark]{--bg:#0d131c;--card:#151d2a;--text:#e7ecf4;--muted:#8a96a9;--line:#243049;--side:#111926;--primary-soft:#12301a;--blue:#16294a;--blue-t:#8db7ff;--green:#10301a;--green-t:#6fd66b;--gray:#1e2839;--gray-t:#a7b2c3;--shadow:none}
*{box-sizing:border-box}
body{margin:0;font:14px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
a{color:var(--blue-t);text-decoration:none}
h1{font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}h3{margin:0 0 14px;font-size:15px;font-weight:600}
.sub{margin:0 0 16px}.muted{color:var(--muted)}.nw{white-space:nowrap}.ta-c{text-align:center}
.i{width:16px;height:16px;flex:none;vertical-align:-3px}
/* sidebar */
.side{position:fixed;inset:0 auto 0 0;width:248px;background:var(--side);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}
.brand{padding:22px 22px 18px;font-weight:700;font-size:17px;letter-spacing:-.01em;display:flex;align-items:center;gap:10px}
.brand:before{content:"";width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#14a800,#6fda44)}
.side nav{flex:1;padding:6px 12px;display:flex;flex-direction:column;gap:2px}
.side nav a{display:flex;gap:12px;align-items:center;padding:10px 12px;color:var(--muted);border-radius:9px;font-weight:500}
.side nav a:hover{background:var(--gray);color:var(--text)}
.side nav a.active{background:var(--primary-soft);color:var(--green-t);font-weight:600}
.side nav .i{width:18px;height:18px}
.side-foot{padding:14px 16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:8px}
.who{display:flex;gap:10px;align-items:center;min-width:0}.who b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.who span:not(.avatar){font-size:12px;color:var(--muted)}
.logout{color:var(--muted);padding:6px;border-radius:8px}.logout:hover{background:var(--gray);color:var(--danger)}
.main{margin-left:248px;padding:30px 36px 60px;max-width:1480px}
.burger{display:none;margin-bottom:12px;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:6px 12px;color:var(--text)}
.head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:6px}
/* cards / buttons / forms */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-bottom:16px;box-shadow:var(--shadow)}
.empty{text-align:center;color:var(--muted);padding:48px}
.btn{display:inline-flex;gap:7px;align-items:center;border:1px solid var(--line);background:var(--card);color:var(--text);padding:8px 14px;border-radius:9px;cursor:pointer;font:inherit;font-weight:500;box-shadow:var(--shadow);white-space:nowrap}
.btn:hover{background:var(--gray)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-h)}
.btn.danger{color:var(--danger);border-color:var(--danger);box-shadow:none}.btn.danger:hover{background:var(--danger);color:#fff}
.btn-sm{padding:5px 10px;font-size:12.5px;border-radius:8px}
.icon-btn{border:0;background:none;color:var(--muted);cursor:pointer;padding:6px;border-radius:8px;display:inline-flex}.icon-btn:hover{background:var(--gray);color:var(--text)}
input,select,textarea{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--text);font:inherit}
input:disabled{background:var(--gray);color:var(--muted)}
input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--primary) 55%,transparent);outline-offset:-1px;border-color:var(--primary)}
label,.lbl{display:block;font-weight:600;font-size:13px;margin-bottom:14px}
label input,label select,label textarea{margin-top:6px;font-weight:400}.lbl{margin-bottom:6px}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}.form-grid .full{grid-column:1/-1}
.checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
label.chk{display:flex;align-items:center;gap:8px;font-weight:400;margin:0}label.chk input{width:auto;margin:0}
.flash{padding:11px 16px;border-radius:10px;margin-bottom:16px;background:var(--green);color:var(--green-t);font-weight:500}.flash.err{background:#fde8e6;color:var(--danger)}
.pill{display:inline-block;padding:2px 10px;border-radius:99px;font-size:12px;font-weight:600}
.pill.blue{background:var(--blue);color:var(--blue-t)}.pill.green{background:var(--green);color:var(--green-t)}.pill.gray{background:var(--gray);color:var(--gray-t)}
.avatar{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:11px;font-weight:700;flex:none;background:hsl(var(--h) 65% 90%);color:hsl(var(--h) 55% 28%);border:1px solid hsl(var(--h) 55% 80%)}
[data-theme=dark] .avatar{background:hsl(var(--h) 40% 22%);color:hsl(var(--h) 70% 80%);border-color:hsl(var(--h) 35% 32%)}
.profile{display:inline-flex;align-items:center;gap:10px}
/* statuses */
.st,.stsel{white-space:nowrap;display:inline-block;padding:4px 12px;border-radius:99px;font-size:12.5px;font-weight:600;border:0}
.stsel{width:auto;appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:26px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' stroke='%23888' stroke-width='1.6'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}
.st-waiting-for-invite{background:#a61b12!important;color:#fff!important}
.st-invite-sent{background:#d9ead3!important;color:#2f6b2a!important}
.st-invite-accepted{background:#2b7a52!important;color:#fff!important}
.st-active{background:#b8e3a6!important;color:#1f5a14!important}
.st-work-submitted{background:#fde7ae!important;color:#6b4e00!important}
.st-review-submitted{background:#2f7d4f!important;color:#fff!important}
.st-need-to-book{background:#f9d0c9!important;color:#a61b12!important}
.st-booked{background:#2f7d4f!important;color:#fff!important}
.st-contract-ended{background:#475569!important;color:#fff!important}
.st-closed{background:#5b2d8c!important;color:#fff!important}
.stsel option{background:#fff;color:#172033}
/* tables */
.table-wrap{padding:0;overflow-x:auto}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:middle}
th{font-size:12px;font-weight:600;color:var(--muted);background:var(--bg);white-space:nowrap;position:sticky;top:0}
tr:last-child>td{border-bottom:0}
.clickrow{cursor:pointer}.clickrow:hover td{background:var(--gray)}
.jt td,.jt th{padding:11px 14px}.jt .ttl{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:13px}
.hired{width:auto;padding:5px 8px;font-size:13px}.hired.saved{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}
.mini{display:inline-block;padding:1px 8px;border-radius:99px;background:var(--gray);color:var(--gray-t);font-size:12px;font-weight:500}.mini.yes{background:var(--green);color:var(--green-t)}
.jrow{cursor:pointer}.jrow:hover td{background:var(--bg)}.jrow.open td{background:var(--primary-soft)}
.num{white-space:nowrap}.chev{display:inline-grid;place-items:center;margin-right:8px;color:var(--muted);transition:transform .15s}.chev .i{width:13px;height:13px}.jrow.open .chev{transform:rotate(45deg);color:var(--green-t)}
.acts{white-space:nowrap;text-align:center}.acts>*{vertical-align:middle;margin:0 2px}
.join{color:var(--green-t);border-color:color-mix(in srgb,var(--green-t) 35%,transparent);background:var(--primary-soft);box-shadow:none}.join:hover{background:var(--green)}
.detail{display:none}.detail.open{display:table-row}.detail>td{background:var(--bg);padding:0}
.detail-in{padding:10px 24px 24px;position:sticky;left:0;width:min(1180px,calc(100vw - 248px - 74px))}
@media(max-width:860px){.detail-in{width:calc(100vw - 30px);padding:10px 14px 20px}}
.meta{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin:8px 0 14px}
.sec{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--accent,var(--line));border-radius:12px;padding:14px 16px 16px;margin:0 0 14px}
.sec>header{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.sec h4{margin:0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent,var(--text))}
.sec .copytext{background:var(--bg);border:0;line-height:1.65}.sec .copytext.strong{font-size:15.5px;font-weight:600}
.sec .scroll{max-height:320px;overflow:auto}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px;align-items:start;margin-bottom:0}
.conv .msg{margin-bottom:10px}.conv .n{background:var(--accent);color:#fff;margin-top:4px}
.conv .bubble{border-radius:4px 14px 14px 14px;background:color-mix(in srgb,var(--accent) 10%,var(--bg));border:1px solid color-mix(in srgb,var(--accent) 22%,transparent)}
.conv .copy{margin-top:6px}
.sec .count{margin-left:0}
.actions{display:flex;gap:8px;align-items:center}.actions form{margin:0}
.kebab{display:inline-block;position:relative}.kebab summary{list-style:none;cursor:pointer;color:var(--muted);padding:6px;border-radius:8px;display:inline-flex}.kebab summary::-webkit-details-marker{display:none}.kebab summary:hover,.kebab[open] summary{background:var(--gray);color:var(--text)}
.menu{position:fixed;z-index:50;min-width:150px;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px rgba(16,24,40,.14);padding:5px;text-align:left}
.menu a,.menu button{display:flex;gap:8px;align-items:center;width:100%;padding:8px 10px;border:0;background:none;color:var(--text);font:inherit;border-radius:7px;cursor:pointer;text-align:left}
.menu a:hover,.menu button:hover{background:var(--gray)}.menu form{margin:0}.danger-t{color:var(--danger)!important}
/* filters / tabs */
.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:12px}
.filters select{width:auto;min-width:160px}.filters .search{flex:1;min-width:220px;position:relative}
.filters .search .i{position:absolute;left:12px;top:11px;color:var(--muted)}.filters .search input{padding-left:36px}
.tabs{display:flex;gap:4px;margin:6px 0 16px;border-bottom:1px solid var(--line)}
.tabs a{padding:10px 16px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:500}.tabs a.active{color:var(--text);border-color:var(--primary);font-weight:600}
.count{display:inline-block;background:var(--gray);color:var(--gray-t);border-radius:99px;font-size:11.5px;padding:0 8px;margin-left:4px}
/* account detail */
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;align-items:start}
.field{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.field:last-child{border:0}
.field .lbl{flex:0 0 160px;margin:0;font-weight:500;color:var(--muted)}.field .val{flex:1;font-weight:600;word-break:break-word}
.field .val input,.field .val select{padding:5px 8px;margin:0}
.edit-ico{border:0;background:none;cursor:pointer;color:var(--muted);padding:5px;border-radius:7px;display:inline-flex;opacity:.6}.field:hover .edit-ico{opacity:1}.edit-ico:hover{background:var(--gray);color:var(--text)}
.field.saving{opacity:.5}
/* job details */
.meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:14px 0}.meta dt{font-size:12px;color:var(--muted)}.meta dd{margin:2px 0 0;font-weight:600;word-break:break-all}
.blk{margin:16px 0}.blk-h{font-weight:600;font-size:13px;margin-bottom:6px;display:flex;gap:10px;align-items:center}
.copytext{background:var(--card);border:1px solid var(--line);border-radius:9px;padding:10px 13px}.pre{white-space:pre-wrap}
.copy{border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:7px;font-size:12px;padding:2px 10px;cursor:pointer;font-family:inherit}.copy:hover{color:var(--text)}.copy.done{color:var(--green-t);border-color:var(--green-t)}
.msg{display:flex;gap:10px;align-items:flex-start;margin-bottom:8px}.msg .copytext{flex:1}.n{flex:0 0 24px;height:24px;border-radius:50%;background:var(--gray);text-align:center;font-size:12px;line-height:24px;color:var(--gray-t);font-weight:600;margin-top:6px}
.listfield .row{display:flex;gap:8px;align-items:flex-start;margin-bottom:8px}.listfield .row textarea{flex:1}.listfield{margin-bottom:14px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:16px}.stat{display:flex;flex-direction:column;gap:2px;margin:0}.stat b{font-size:26px;letter-spacing:-.02em}
.auth{display:grid;place-items:center;min-height:100vh}.auth-card{width:min(390px,92vw);padding:30px}.auth-card h1{font-size:22px}
@media(max-width:860px){.side{transform:translateX(-100%);transition:transform .2s}.side.show{transform:none;box-shadow:0 0 40px rgba(0,0,0,.25)}.main{margin-left:0;padding:18px 14px 50px}.burger{display:inline-block}.form-grid{grid-template-columns:1fr}.field .lbl{flex-basis:120px}}

.cname{min-width:150px;padding:5px 8px;font-size:13px;border-color:transparent;background:transparent}.cname:hover{border-color:var(--line)}.cname:focus{background:var(--card)}.cname.saved{border-color:var(--primary);background:var(--primary-soft)}

.bill-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:0 0 14px}.bill-sum dt{font-size:12px;color:var(--muted)}.bill-sum dd{margin:2px 0 0;font-weight:600}.bill-sum .big{font-size:22px;color:var(--green-t)}
.bill-form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;padding:12px;background:var(--bg);border-radius:10px;margin-bottom:12px}
.bill-form label{margin:0;flex:0 0 auto}.bill-form input{width:160px}.bill-prev{padding:9px 4px;color:var(--muted)}.bill-prev b{color:var(--text)}
.bill-hist{width:100%;max-width:520px}.bill-hist th,.bill-hist td{padding:8px 12px;background:none;position:static}.ta-r{text-align:right}

.meta .prev{grid-column:1/-1}.chip{display:inline-block;background:var(--gray);color:var(--text);border-radius:99px;padding:2px 12px;margin:2px 6px 2px 0;font-weight:500;font-size:13px}

.bookdate{width:auto;padding:5px 8px;font-size:13px}.bookdate:disabled{opacity:.45}.bookdate.need{border-color:var(--danger);box-shadow:0 0 0 2px #fde8e6}.bookdate.saved{border-color:var(--primary)}

.tile{gap:10px;padding:18px}.tile-top{display:flex;gap:12px;align-items:center}.tile-top .avatar{width:40px;height:40px;font-size:13px}.tile-top b{display:block;font-size:15px}.tl{display:block;font-size:12.5px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tile-meta{display:flex;gap:6px;flex-wrap:wrap}.tile:hover{border-color:var(--primary);box-shadow:0 4px 14px rgba(20,168,0,.12)}

.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-bottom:16px}
.tile{display:flex;flex-direction:column;gap:12px;color:var(--text);margin:0;padding:18px;transition:border-color .15s,box-shadow .15s,transform .15s}
.tile:hover{transform:translateY(-1px)}.tile-top b{color:var(--text)}.tile-foot{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}
.sect{margin:22px 0 10px;font-size:15px}.stat .pos{color:var(--green-t)}

.pill,.profile,.profile b{white-space:nowrap}
.at td{white-space:nowrap}.at .ttl{max-width:200px;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
.filters #accCount{margin-left:auto;padding:0 6px;white-space:nowrap}

img.avatar{object-fit:cover;background:var(--gray)}.avatar.lg{width:76px;height:76px;font-size:24px}
.acc-head{display:flex;gap:18px;align-items:center}.avatar-box{position:relative;width:76px;height:76px;flex:none}
.photo-btn{position:absolute;right:-4px;bottom:-4px;width:28px;height:28px;border-radius:50%;border:2px solid var(--card);background:var(--primary);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}.photo-btn .i{width:14px;height:14px}
.photo-actions{font-size:13px}.linkbtn{border:0;background:none;color:var(--blue-t);cursor:pointer;padding:0;font:inherit}.linkbtn:hover{text-decoration:underline}.photo-remove{color:var(--danger)}
.avatar-box.busy{opacity:.5}

.badge{--bg:#eceff3;--fg:#5a6577;background:var(--bg);color:var(--fg);white-space:nowrap}
.b-none{--bg:#eceff3;--fg:#6b7686}
.b-rising{--bg:#dcf5e3;--fg:#157a3a}
.b-top{--bg:#dbeafe;--fg:#1d4ed8}
.b-plus{--bg:#ece3ff;--fg:#6d28d9}
.b-expert{--bg:#fdeec7;--fg:#92580a}
.b-c0{--bg:#d9f3f1;--fg:#0f766e}.b-c1{--bg:#fde2ef;--fg:#be185d}.b-c2{--bg:#ffe6d5;--fg:#c2410c}.b-c3{--bg:#e0e7ff;--fg:#4338ca}.b-c4{--bg:#ecfccb;--fg:#4d7c0f}
[data-theme=dark] .b-none{--bg:#222c3d;--fg:#a7b2c3}[data-theme=dark] .b-rising{--bg:#10301a;--fg:#6fd66b}[data-theme=dark] .b-top{--bg:#16294a;--fg:#8db7ff}
[data-theme=dark] .b-plus{--bg:#2a1d4d;--fg:#c4a8ff}[data-theme=dark] .b-expert{--bg:#3a2a0c;--fg:#f5c76b}
[data-theme=dark] .b-c0{--bg:#0f3330;--fg:#5eead4}[data-theme=dark] .b-c1{--bg:#3b1428;--fg:#f9a8d4}[data-theme=dark] .b-c2{--bg:#3b1d0d;--fg:#fdba74}[data-theme=dark] .b-c3{--bg:#1e2150;--fg:#a5b4fc}[data-theme=dark] .b-c4{--bg:#25330d;--fg:#bef264}

.rk{display:inline-grid;place-items:center;min-width:26px;height:26px;border-radius:50%;font-size:12px;font-weight:700;background:var(--gray);color:var(--gray-t)}
.rk.r1{background:#fdeec7;color:#92580a}.rk.r2{background:#e5e9f0;color:#475569}.rk.r3{background:#fbe0cc;color:#9a4a12}
[data-theme=dark] .rk.r1{background:#3a2a0c;color:#f5c76b}[data-theme=dark] .rk.r2{background:#2a3446;color:#cbd5e1}[data-theme=dark] .rk.r3{background:#3b2411;color:#f0a671}

.tile-top{position:relative}.tile-rank{margin-left:auto}.tile-tot{font-size:12.5px}

.head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.view-sel{display:inline-flex;align-items:center;gap:8px;margin:0;background:var(--card);border:1px solid var(--line);border-radius:9px;padding:0 10px;box-shadow:var(--shadow);color:var(--muted)}
.view-sel select{border:0;background:transparent;width:auto;padding:8px 4px;margin:0;font-weight:500;color:var(--text);cursor:pointer}.view-sel select:focus{outline:none}
.views[data-view=cards] .view-table{display:none}.views[data-view=table] .view-cards{display:none}
.acards{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px}
.acard{margin:0;padding:22px;cursor:pointer;display:flex;flex-direction:column;gap:14px;transition:transform .15s,box-shadow .15s,border-color .15s}
.acard:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 8px 24px rgba(20,168,0,.12)}
.avatar.xl{width:62px;height:62px;font-size:19px}
.ac-top{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}.ac-id{flex:1;min-width:0}
.ac-name{display:block;font-size:17px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}
.ac-pills{display:flex;gap:6px;flex-wrap:wrap}.ac-rank{width:34px;height:34px;font-size:14px;flex:none}
.ac-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line)}
.ac-earn{background:var(--bg);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:2px}.ac-earn b{font-size:24px;letter-spacing:-.02em}
.ac-sub{margin-bottom:-6px;font-weight:500}
.ac-stats{display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:12px;border-bottom:1px solid var(--line)}
.ac-stats>div{display:flex;flex-direction:column;gap:2px;padding:0 12px;border-left:1px solid var(--line)}.ac-stats>div:first-child{border-left:0;padding-left:2px}
.ac-stats b{font-size:20px}.ac-stats .muted{font-size:12.5px;white-space:nowrap}
.ac-jobs{border-bottom:0;padding-bottom:0}.ac-jobs b{font-size:18px}
.ac-join{display:flex;gap:8px;align-items:center;justify-content:center;padding:11px;border-radius:11px;border:1px solid color-mix(in srgb,var(--green-t) 40%,transparent);background:var(--primary-soft);color:var(--green-t);font-weight:600}
.ac-join:hover{background:var(--green)}.ac-join.off{background:var(--gray);color:var(--muted);border-color:var(--line);font-weight:500}
/* profile cards: 3 per row on desktop */
.acards{grid-template-columns:repeat(3,minmax(0,1fr))}
.ac-join,.ac-jobs{margin-top:auto}.ac-jobs+.ac-join{margin-top:0}
@media(max-width:1100px){.acards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.acards{grid-template-columns:1fr}}