.modern-projects{max-width:1180px;margin:auto}.modern-projects .page-intro{margin-bottom:28px}.modern-project-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #2b3547;padding-bottom:18px;margin-bottom:25px}.modern-project-tabs{display:flex;gap:7px;flex-shrink:0}.modern-project-tabs button{border:0;font-size:11px;padding:8px 12px;color:#929fb8;min-height:36px}.modern-project-tabs .active{color:#d5c9fa;background:#29223f}.modern-project-tabs small{font-size:10px;margin-right:5px}.modern-project-tools{display:flex;gap:10px;align-items:center}.modern-project-tools input{width:240px;padding:9px 12px;font-size:11px;min-height:39px}.modern-project-view{display:flex;gap:5px}.modern-project-view button{min-width:36px;min-height:36px;padding:6px;color:#91a2bf}.modern-project-view button[aria-pressed="true"]{border-color:#8b78b9;color:#c4b5fd;background:#2b253f}.modern-project-view svg{width:17px;height:17px;display:block}.modern-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.modern-project-card{background:#151e2c;border:1px solid #303d52;border-radius:13px;min-width:0;position:relative}.modern-project-cover{display:grid;grid-template-columns:1fr 1fr;gap:4px;height:145px;background:#142138;padding:10px;border-radius:13px 13px 0 0;overflow:hidden}.modern-project-cover.single{grid-template-columns:1fr}.project-preview-tile{min-width:0;overflow:hidden;background:#1a2338;border-radius:7px;display:grid;place-items:center}.project-preview-tile svg{width:100%;height:100%;max-height:125px}.modern-project-cover.empty-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:#141c2c;color:#8394b0;font-size:10px}.empty-cover svg{width:32px;height:32px;color:#9b8cbb}.modern-project-body{padding:17px 18px}.modern-project-title{display:flex;align-items:center;gap:8px;margin-bottom:12px}.modern-project-title h2{font-size:14px;font-weight:600;line-height:1.7;margin:0;overflow-wrap:anywhere;flex:1}.project-favorite-mark{color:#c4b5fd;font-size:13px}.modern-project-menu{position:relative;flex-shrink:0}.modern-project-menu summary{list-style:none;cursor:pointer;color:#8292ad;font-size:17px;letter-spacing:2px;padding:3px 5px}.modern-project-menu>div{position:absolute;left:0;top:30px;z-index:25;min-width:190px;padding:8px;background:#202b40;border:1px solid #4b5b76;border-radius:10px;box-shadow:0 10px 30px #0008}.modern-project-menu button{display:block;width:100%;text-align:right;background:none;border:0;font-size:11px;padding:7px 9px}.project-count-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px;min-height:23px}.project-count-tags span{font-size:9px;padding:3px 7px;border-radius:5px;background:#243048;color:#9bacc6}.modern-project-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#8394b1;border-top:1px solid #2d3b52;padding-top:13px}.modern-project-meta a{color:#b8a5e6}.new-project-placeholder{padding:24px;background:#111a29;border:1px dashed #42516a;border-radius:13px;min-height:259px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.new-project-placeholder>span{font-size:35px;color:#ab99de;margin-bottom:9px}.new-project-placeholder strong{font-size:15px;font-weight:500;margin-bottom:7px}.new-project-placeholder small{color:#8f9eb7;font-size:10px}.new-project-placeholder b{font-size:11px;font-weight:500;margin-top:18px;border:1px solid #685988;background:#241e35;padding:7px 18px;border-radius:8px;color:#d1bfef}.modern-project-empty{grid-column:1/-1;text-align:center;padding:35px;color:#9ba9c1}.modern-project-empty h2{font-size:18px}.modern-project-empty p{font-size:11px}.modern-recent{margin-top:28px}.modern-recent .section-head{margin:0 0 16px}.modern-recent h2{font-size:16px}.modern-recent .section-head>span{font-size:10px;color:#8c9db8}.modern-recent-list{border:1px solid #303d52;border-radius:12px;overflow:hidden}.modern-recent-row{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#141c2c;border-bottom:1px solid #2d3a50}.modern-recent-row:last-child{border:0}.modern-recent-row:hover{background:#1b263a}.recent-kind-icon{height:34px;width:34px;border-radius:8px;display:grid;place-items:center;background:#2c2342;color:#c7b2eb;flex-shrink:0}.recent-kind-icon svg{width:17px;height:17px}.modern-recent-row strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.modern-recent-row small{display:block;font-size:10px;color:#8e9fb9;margin-top:3px}.modern-recent-row time{margin-right:auto;font-size:10px;color:#8191aa;white-space:nowrap}.recent-empty{padding:25px;color:#8d9eb8;font-size:12px;background:#131c2b}.recent-empty a{color:#c4b5fd;margin-right:8px}.modern-project-grid.list-mode{grid-template-columns:1fr}.list-mode .modern-project-card{display:flex;align-items:stretch}.list-mode .modern-project-cover{width:150px;height:auto;min-height:120px;flex:0 0 150px;border-radius:0 13px 13px 0}.list-mode .modern-project-body{flex:1;min-width:0}.list-mode .new-project-placeholder{min-height:100px}.list-mode .new-project-placeholder>span{font-size:23px}.list-mode .new-project-placeholder small,.list-mode .new-project-placeholder b{display:none}@media(max-width:1150px){.modern-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modern-project-toolbar{align-items:stretch;flex-direction:column}.modern-project-tools{justify-content:space-between}.modern-project-tools input{width:100%}}@media(max-width:600px){.modern-project-grid{grid-template-columns:1fr}.modern-project-tabs{flex-wrap:wrap}.modern-project-tabs button{font-size:10px;padding:8px 9px}.modern-project-toolbar{gap:12px}.modern-project-tools input{font-size:12px}.modern-project-cover{height:155px}.modern-recent-row{padding:13px;gap:10px}.modern-recent-row time{display:none}.modern-recent-row strong{font-size:11px}.list-mode .modern-project-cover{width:90px;flex-basis:90px}.list-mode .modern-project-meta{flex-wrap:wrap}.modern-projects .page-intro{gap:14px}}