.projects-app{display:flex;height:100%;background:#fff;font-family:Tahoma,sans-serif;font-size:12px}.projects-sidebar{width:130px;background:#f5f4ea;border-right:1px solid #aca899;padding:8px 4px}.projects-sidebar button{display:block;width:100%;text-align:left;padding:4px 8px;background:transparent;border:none;cursor:pointer;font-size:12px;border-radius:2px}.projects-sidebar button.active{background:#316ac5;color:#fff}.projects-main{flex:1;padding:12px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;align-content:start}.project-card{background:#fff;border:1px solid #aca899;padding:8px;display:flex;flex-direction:column;gap:6px}.project-thumb{width:100%;height:100px;object-fit:cover;background:#eee}.project-body h3{margin:0;font-size:13px}.project-body p{margin:4px 0;color:#444;font-size:11px}.project-tags{display:flex;gap:4px;flex-wrap:wrap}.project-tag{background:#eef5ff;border:1px solid #c5d9f1;font-size:10px;padding:1px 6px;border-radius:2px}.project-links{display:flex;gap:8px;margin-top:4px;font-size:11px}.socials-app{height:100%;background:#fff;display:flex;flex-direction:column;font-family:Tahoma,sans-serif;font-size:12px}.socials-header{background:linear-gradient(180deg,#5682d6,#3b5fb2);color:#fff;padding:10px 14px;display:flex;align-items:center;gap:10px}.socials-header .avatar{width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid #fff;overflow:hidden}.socials-header h2{margin:0;font-size:14px}.socials-header .subtitle{font-size:11px;opacity:.9}.socials-list{flex:1;overflow:auto;padding:8px}.social-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:4px;cursor:pointer;text-decoration:none;color:inherit}.social-row:hover{background:#e7f0fe}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.status-dot.online{background:#3c973d}.status-dot.away{background:#f5a623}.status-dot.busy{background:#c83a3a}.contact-app{height:100%;background:#fff;display:flex;flex-direction:column;font-family:Tahoma,sans-serif;font-size:12px}.contact-toolbar{border-bottom:1px solid #aca899;padding:6px 8px;background:#ece9d8;display:flex;gap:8px}.contact-fields{padding:10px 12px;display:grid;grid-template-columns:60px 1fr;gap:6px 10px;border-bottom:1px solid #aca899}.contact-fields label{color:#444;align-self:center;font-weight:700}.contact-fields input[type=text]{padding:3px 6px;border:1px inset #aca899;font-family:inherit;font-size:12px;background:#fff}.contact-fields input[readonly]{background:#f0f0f0;color:#333}.contact-body{flex:1;padding:10px}.contact-body textarea{width:100%;height:100%;font-family:inherit;font-size:12px;padding:6px;border:1px inset #aca899;resize:none;box-sizing:border-box}