:root{--green:#6cc24a;--teal:#17b0a3;--blue:#1c7ed6;--navy:#17233d;--grad:linear-gradient(90deg,#6cc24a 0%,#17b0a3 50%,#1c7ed6 100%);--bg:#f4f7fb;--card:#fff;--line:#e6ebf3;--muted:#7b879c;--text:#26334d;--red:#e03131;--amber:#f59f00;--green-s:#2f9e44;--sidebar-w:250px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px}a{color:inherit;text-decoration:none}button{font-family:inherit}@keyframes hkAurora1{0%{transform:translate(0) scale(1)}to{transform:translate(110px,70px) scale(1.12)}}@keyframes hkAurora2{0%{transform:translate(0) scale(1.05)}to{transform:translate(-130px,-80px) scale(.95)}}@keyframes hkCardIn{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hkLogoIn{0%{opacity:0;transform:translateY(24px) scale(.55) rotate(-10deg)}65%{opacity:1;transform:translateY(-6px) scale(1.05) rotate(2deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes hkFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes hkGlow{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.9;transform:scale(1.12)}}@keyframes hkRing{0%{transform:scale(.7);opacity:.7}to{transform:scale(1.6);opacity:0}}@keyframes hkShine{0%{transform:translate(-130%) skew(-18deg)}to{transform:translate(230%) skew(-18deg)}}@keyframes hkTextIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes hkLine{0%{background-position:0% 0%}to{background-position:200% 0%}}@keyframes hkFade{0%{opacity:0}to{opacity:1}}@keyframes hkSpin{to{transform:rotate(360deg)}}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:20px;background:radial-gradient(1400px 800px at 50% 110%,#0c2a47,#071628 45%,#040b17)}.login-wrap:before,.login-wrap:after{content:"";position:absolute;border-radius:50%;filter:blur(100px);opacity:.5;pointer-events:none}.login-wrap:before{width:640px;height:640px;top:-20%;left:-8%;background:radial-gradient(circle,rgba(108,194,74,.7) 0%,rgba(23,176,163,.35) 45%,transparent 70%);animation:hkAurora1 16s ease-in-out infinite alternate}.login-wrap:after{width:760px;height:760px;bottom:-28%;right:-10%;background:radial-gradient(circle,rgba(28,126,214,.75) 0%,rgba(23,176,163,.3) 45%,transparent 70%);animation:hkAurora2 19s ease-in-out infinite alternate}.login-card{position:relative;z-index:1;width:100%;max-width:920px;display:flex;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 40px 100px #010818a6;animation:hkCardIn .75s cubic-bezier(.2,.8,.2,1) both}.login-left{flex:0 0 46%;position:relative;overflow:hidden;padding:56px 32px;text-align:center;color:#fff;background:linear-gradient(160deg,#0b1f3a,#0e2d52 55%,#0a2443);display:flex;flex-direction:column;align-items:center;justify-content:center}.login-left:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(108,194,74,.28),transparent 45%),radial-gradient(circle at 80% 85%,rgba(28,126,214,.35),transparent 50%)}.login-left:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#6cc24a,#17b0a3,#1c7ed6,#6cc24a);background-size:200% 100%;animation:hkLine 4s linear infinite}.logo-wrap{position:relative;width:190px;height:190px;display:flex;align-items:center;justify-content:center;margin-bottom:22px}.logo-glow{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;background:radial-gradient(circle,rgba(23,176,163,.6) 0%,rgba(28,126,214,.3) 45%,transparent 70%);filter:blur(14px);animation:hkGlow 3.6s ease-in-out infinite}.logo-ring{position:absolute;top:22px;right:22px;bottom:22px;left:22px;border-radius:50%;border:1.5px solid rgba(109,179,255,.55);animation:hkRing 3.2s ease-out infinite}.logo-ring.g{border-color:#6cc24a8c;animation-delay:1.6s}.logo-img{position:relative;animation:hkLogoIn 1.2s cubic-bezier(.2,.9,.2,1.2) both,hkFloat 5s ease-in-out 1.3s infinite}.logo-img img{width:132px;height:132px;object-fit:contain;display:block;filter:drop-shadow(0 14px 28px rgba(0,0,0,.45)) drop-shadow(0 0 18px rgba(23,176,163,.35))}.logo-shine{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;-webkit-mask-image:url(/logo.png);mask-image:url(/logo.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.logo-shine i{position:absolute;top:-30%;bottom:-30%;width:38%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);animation:hkShine 3.2s linear infinite}.brand-title{position:relative;font-size:32px;font-weight:800;letter-spacing:5px;line-height:1;animation:hkTextIn .8s ease .4s both}.brand-sub{position:relative;font-size:12px;font-weight:800;letter-spacing:6px;margin-top:8px;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:hkTextIn .8s ease .5s both}.brand-tag{position:relative;color:#d6e2f5bf;margin-top:20px;font-size:13.5px;line-height:1.6;max-width:280px;animation:hkTextIn .8s ease .6s both}.login-right{flex:1;padding:52px 48px;display:flex;flex-direction:column;justify-content:center}.login-right h1{font-size:26px;color:var(--navy)}.login-right .hint{color:var(--muted);font-size:14px;margin:4px 0 26px}.lang-switch{display:flex;gap:6px;justify-content:center;margin-top:18px}.lang-switch button{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:9px;padding:5px 12px;font-size:12px;font-weight:700;cursor:pointer}.lang-switch button.on{background:var(--grad);color:#fff;border-color:transparent}.login-foot{text-align:center;margin-top:26px}.login-foot .a{font-size:12px;color:#9aa5ba}.login-foot .b{font-size:9.5px;font-weight:800;letter-spacing:2px;color:#b3bccc;margin-top:6px}label.fld{display:block;font-size:11px;font-weight:800;letter-spacing:.6px;color:#33425e;margin-bottom:6px}.input,select.input,textarea.input{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;font-size:14px;background:#fff;color:var(--text);outline:none;transition:.2s;font-family:inherit}.input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #17b0a32e}select.input{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:36px;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:13px}select.input:focus{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317b0a3' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}select.input::-ms-expand{display:none}textarea.input{min-height:90px;resize:vertical}.btn{border:0;border-radius:13px;padding:12px 20px;font-weight:800;font-size:14px;letter-spacing:.6px;color:#fff;background-image:var(--grad);cursor:pointer;box-shadow:0 10px 24px #17b0a352;transition:.25s}.btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.btn:disabled{opacity:.65;cursor:default;transform:none}.btn.wide{width:100%;padding:15px;font-size:15px;letter-spacing:1.5px}.btn.ghost{background:#fff;background-image:none;color:var(--blue);border:1.5px solid var(--blue);box-shadow:none}.btn.ghost:hover{background:#1c7ed612}.btn.grey{background:#eef1f6;background-image:none;color:#5b6b86;box-shadow:none}.btn.danger{background:#fff;background-image:none;color:var(--red);border:1.5px solid #ffc9c9;box-shadow:none}.btn.sm{padding:8px 14px;font-size:12.5px;border-radius:10px}.err{background:#fff5f5;border:1px solid #ffc9c9;color:#c92a2a;padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:14px}.ok{background:#ebfbee;border:1px solid #b2f2bb;color:#2b8a3e;padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:14px}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:linear-gradient(170deg,#0b1f3a,#0e2d52 60%,#0a2443);color:#cfe0f5;display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:20}.sidebar .head{padding:22px 18px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar .head img{width:40px;height:40px;object-fit:contain}.sidebar .head .t{font-size:15px;font-weight:800;color:#fff;letter-spacing:1px;line-height:1.15}.sidebar .head .s{font-size:9.5px;letter-spacing:2px;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.sidebar nav{flex:1;padding:14px 10px;overflow-y:auto}.sidebar a.item{display:flex;align-items:center;gap:12px;padding:7px 10px;border-radius:13px;margin-bottom:5px;font-size:14px;font-weight:600;color:#b8cbe6;transition:.18s}.sidebar a.item:hover{background:#ffffff12;color:#fff}.sidebar a.item.on{background:#4ade801f;color:#fff;position:relative}.sidebar a.item.on:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:#4ade80}.sidebar a.item.on .ic{background:linear-gradient(145deg,#4ade80,#16a34a);border-color:#4ade8080;box-shadow:0 6px 18px #22c55e73;color:#fff}.sidebar a.item .ic{width:38px;height:38px;min-width:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.05);flex-shrink:0;transition:.18s;color:#cbd9ee}.sidebar a.item:hover .ic{background:#ffffff1f;transform:translateY(-1px);color:#fff}.sidebar .foot{padding:14px 16px;border-top:1px solid rgba(255,255,255,.08);font-size:10px;letter-spacing:1.5px;color:#cfe0f573;text-align:center;font-weight:700}.main{flex:1;margin-left:var(--sidebar-w);display:flex;flex-direction:column;min-width:0;min-height:100vh}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:15}.topbar h2{font-size:19px;color:var(--navy)}.topbar .right{display:flex;align-items:center;gap:12px}.who{display:flex;align-items:center;gap:9px;font-size:13px}.who .av{width:34px;height:34px;border-radius:50%;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}.who .nm{font-weight:700;color:var(--navy);line-height:1.2}.who .rl{font-size:11px;color:var(--muted)}.content{padding:22px 24px 24px;animation:hkFade .3s ease;flex:1 0 auto}.burger{display:none}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 2px 10px #17233d0a}.card+.card{margin-top:16px}.grid>.card+.card,.grid>.card{margin-top:0}.grid{align-items:stretch}.grid>.card,.grid>.stat{display:flex;flex-direction:column;height:100%}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}.toolbar .grow{flex:1;min-width:220px}.grid{display:grid;gap:14px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#fff}table.tbl{width:100%;border-collapse:collapse;font-size:13px;min-width:1050px}table.tbl.fit{min-width:0;table-layout:fixed}table.tbl.fit th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;vertical-align:middle;font-size:10.5px;letter-spacing:.3px;padding:12px 10px}table.tbl.fit td.ell{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}table.tbl .c,table.tbl th.c{text-align:center}table.tbl.fit th,table.tbl.fit td{padding:11px 8px}table.tbl th{background:#f7f9fc;color:#41506b;font-weight:800;font-size:11px;letter-spacing:.5px;text-transform:uppercase;padding:12px 10px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;position:sticky;top:0}table.tbl td{padding:11px 10px;border-bottom:1px solid #f0f3f8;vertical-align:middle}table.tbl tbody tr{cursor:pointer;transition:.15s}table.tbl tbody tr:hover{background:#f7fbff}table.tbl tr.row-red{background:#fff5f5}table.tbl tr.row-red:hover{background:#ffecec}table.tbl tr.row-amber{background:#fff9db}table.tbl tr.row-amber:hover{background:#fff3bf}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11.5px;font-weight:800;white-space:nowrap}.b-preparing{background:#e7f5ff;color:#1971c2}.b-submitted{background:#e6fcf5;color:#0ca678}.b-won{background:#ebfbee;color:#2f9e44}.b-late{background:#fff4e6;color:#e8590c}.b-not_participated{background:#f1f3f5;color:#5c6773}.b-new{background:#e7f5ff;color:#1971c2}.b-in_progress{background:#fff9db;color:#e67700}.b-delivered{background:#e6fcf5;color:#0ca678}.b-closed{background:#f1f3f5;color:#5c6773}.cat{display:inline-block;padding:3px 9px;border-radius:8px;background:#eef2f9;color:#41506b;font-size:11.5px;font-weight:800}.days{font-weight:800}.days.red{color:var(--red)}.days.amber{color:#e67700}.days.ok{color:#40506b}.money{font-variant-numeric:tabular-nums;white-space:nowrap}.money.p{color:var(--green-s);font-weight:700}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;position:relative;overflow:hidden}.stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#94a3b8}.stat.red:before{background:var(--red)}.stat.amber:before{background:#e67700}.stat.green:before{background:var(--green-s)}.stat .lbl{font-size:12px;color:#41506b;font-weight:800;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat.red .lbl{color:#b02525}.stat.amber .lbl{color:#b35c00}.stat.green .lbl{color:#217a37}.stat .val{font-size:26px;font-weight:800;color:var(--navy);margin-top:6px}.stat.red .val{color:var(--red)}.stat.amber .val{color:#e67700}.stat.green .val{color:var(--green-s)}.empty{text-align:center;color:var(--muted);padding:44px 20px;font-size:14px}.spin{width:34px;height:34px;border:3px solid #e6ebf3;border-top-color:var(--teal);border-radius:50%;animation:hkSpin .9s linear infinite;margin:40px auto}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0911208c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:28px 16px;overflow-y:auto;animation:hkFade .2s ease}.modal{background:#fff;border-radius:20px;width:100%;max-width:980px;box-shadow:0 40px 90px #01081866;animation:hkCardIn .35s cubic-bezier(.2,.8,.2,1) both;overflow:hidden}.modal .m-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.modal .m-head h3{font-size:18px;color:var(--navy)}.modal .m-head .x{border:0;background:#f1f4f9;width:34px;height:34px;border-radius:10px;cursor:pointer;font-size:17px;color:#5b6b86}.modal .m-body{padding:22px}.modal .m-foot{padding:16px 22px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end;background:#fafbfd;position:sticky;bottom:0}.modal.sm{max-width:540px}.part-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;margin-bottom:8px;background:#fbfcfe}.part-row .nm{font-weight:700;flex:1}.range-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.range-row .input{max-width:110px}.chk{display:flex;align-items:center;gap:9px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13.5px;font-weight:600;color:#41506b}.chk input{width:17px;height:17px;accent-color:var(--teal);cursor:pointer}.warn{background:#fff9db;border:1px solid #ffe066;color:#845ef7;color:#8a6d00;padding:11px 14px;border-radius:11px;font-size:13px;margin-bottom:12px}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:16px;flex-wrap:wrap}.tabs button{border:0;background:none;padding:10px 14px;font-size:13.5px;font-weight:700;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent}.tabs button.on{color:var(--blue);border-bottom-color:var(--blue)}.feed .it{padding:11px 0;border-bottom:1px solid #f0f3f8;font-size:13.5px}.feed .it:last-child{border-bottom:0}.feed .w{font-weight:700;color:var(--navy)}.feed .d{color:var(--muted);font-size:11.5px}.log-line{font-size:13px;padding:9px 0;border-bottom:1px solid #f0f3f8}.log-line b{color:var(--navy)}.log-line .old{color:#c92a2a;text-decoration:line-through}.log-line .new{color:#2b8a3e;font-weight:700}@media (max-width:1400px){:root{--sidebar-w:74px}.sidebar .head{justify-content:center;padding:18px 8px 14px}.sidebar .head>div{display:none}.sidebar a.item{justify-content:center;padding:6px;gap:0;font-size:0}.sidebar a.item .ic{margin:0}.sidebar .foot{font-size:0;padding:10px}.content{padding:18px 16px}.app-footer{margin:12px 16px 16px}.topbar{padding:0 16px}}@media (max-width:1250px){table.tbl.fit .h-lg{display:none}}@media (max-width:1400px){table.tbl.fit th,table.tbl.fit td{padding:11px 7px;font-size:12.5px}table.tbl.fit th{font-size:10px}}@media (max-width:1050px){table.tbl.fit .h-md,.who .nm,.who .rl{display:none}}@media (max-width:820px){.login-card{flex-direction:column;max-width:460px}.login-left{flex:none;padding:38px 24px}.login-right{padding:32px 24px}.logo-wrap{width:150px;height:150px}.logo-img img{width:104px;height:104px}.g4,.g3,.g2{grid-template-columns:1fr}:root{--sidebar-w:0px}.sidebar{width:250px;flex:0 0 250px;transform:translate(-100%);transition:transform .25s}.sidebar.open{transform:none;box-shadow:0 0 40px #00000073}.sidebar .head{justify-content:flex-start;padding:22px 18px 16px}.sidebar .head>div{display:block}.sidebar a.item{justify-content:flex-start;padding:11px 14px;gap:11px;font-size:14px}.sidebar .foot{font-size:10px;padding:14px 16px}.main{margin-left:0}.burger{display:flex;border:0;background:#f1f4f9;width:38px;height:38px;border-radius:10px;align-items:center;justify-content:center;font-size:18px;cursor:pointer}.topbar h2{font-size:16px}.tbl-wrap{border:0;background:transparent;overflow:visible}table.tbl.fit,table.tbl.fit tbody,table.tbl.fit tr,table.tbl.fit td{display:block;width:auto}table.tbl.fit thead{display:none}table.tbl.fit tr{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin-bottom:10px;box-shadow:0 2px 8px #17233d0d}table.tbl.fit tr.row-red{border-color:#ffc9c9;background:#fff5f5}table.tbl.fit tr.row-amber{border-color:#ffe066;background:#fff9db}table.tbl.fit td{border:0;padding:6px 0;text-align:right;display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:none;white-space:normal;overflow:visible}table.tbl.fit td.ell{max-width:none;white-space:normal;overflow:visible;text-overflow:clip}table.tbl.fit td:before{content:attr(data-label);font-size:11px;font-weight:800;letter-spacing:.3px;color:#7b879c;text-transform:uppercase;text-align:left;flex:0 0 auto}table.tbl.fit td.num{font-size:14px}table.tbl.fit .h-lg,table.tbl.fit .h-md{display:flex}.modal{border-radius:16px}.modal .m-body{padding:16px}.toolbar .grow{min-width:100%}.toolbar .input{max-width:none!important;width:100%}.app-footer{flex-direction:column;text-align:center;gap:10px}}.app-footer{margin:12px 24px 18px;padding:9.6px 24px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.app-footer .fl{display:flex;align-items:center;gap:10.4px}.app-footer .fl img{height:28px;width:auto;object-fit:contain}.app-footer .ft{line-height:1}.app-footer .ft .n{font-size:13.5px;font-weight:800;color:#0f172a;letter-spacing:-.2px;line-height:1.1}.app-footer .ft .c{font-size:10.5px;color:#64748b;font-weight:500;margin-top:1.6px}.app-footer .fp{display:inline-flex;align-items:center;gap:5.6px;padding:4px 9.6px;border:1px solid #e5e7eb;border-radius:8px;transition:all .15s}.app-footer .fp:hover{border-color:#4f46e5;background:#eef2ff}.app-footer .fp .fi{width:16px;height:12px;border-radius:2px;box-shadow:0 0 0 1px #00000014;display:inline-block;flex-shrink:0}.app-footer .fp .ph{font-size:11.5px;font-weight:700;color:#0f172a;letter-spacing:.1px}.app-footer .fb{font-size:10px;color:#94a3b8;font-weight:600;letter-spacing:.7px;white-space:nowrap}.app-footer .fb b{background:linear-gradient(135deg,#4f46e5,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;letter-spacing:.9px;font-size:11px}@media (max-width:900px){.app-footer{flex-direction:column;text-align:center}}