*{margin:0;padding:0;box-sizing:border-box}
::selection{background:#000;color:#FFF}
body{background:#FFF;color:#000;font-family:'Montserrat',sans-serif;min-height:100vh}
a{color:#000}
button{cursor:pointer;font-family:'Montserrat',sans-serif}

/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06)}
.nav-inner{max-width:1200px;margin:0 auto;padding:10px 48px;display:flex;align-items:center;justify-content:space-between}
.nav-logo{height:44px}
.nav-right{display:flex;align-items:center;gap:20px}
.nav-user{font-family:'Space Mono',monospace;font-size:.65rem;color:#999;letter-spacing:.04em}
.nav-bell{position:relative;background:none;border:none;font-size:1.1rem;color:#555}
.nav-bell .badge{position:absolute;top:-4px;right:-6px;background:#E87A20;color:#FFF;font-size:.5rem;font-weight:700;padding:1px 4px;border-radius:8px;font-family:'Space Mono',monospace}
.nav-back{color:#000;text-decoration:none;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.btn-logout{background:none;border:1px solid #DDD;border-radius:6px;padding:4px 12px;font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#999;transition:all .3s}
.btn-logout:hover{border-color:#000;color:#000}

/* SECTION LABEL */
.section-label{font-family:'Space Mono',monospace;font-size:.6rem;font-weight:700;letter-spacing:.35em;text-transform:uppercase;color:#BBB;margin-bottom:48px;text-align:center}

/* MAIN CONTENT */
.main{max-width:1200px;margin:0 auto;padding:90px 48px 60px}

/* LOGIN */
.login-box{max-width:400px;margin:120px auto;text-align:center}
.login-box h2{font-size:1.3rem;font-weight:800;letter-spacing:-.02em;margin-bottom:32px}
.form-group{margin-bottom:16px;text-align:left}
.form-group label{display:block;font-family:'Space Mono',monospace;font-size:.55rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#999;margin-bottom:6px}
.form-group input{width:100%;padding:12px 16px;border:1px solid #DDD;border-radius:6px;font-size:.85rem;font-family:'Montserrat',sans-serif;transition:border-color .3s;outline:none}
.form-group input:focus{border-color:#000}
.btn-primary{width:100%;padding:14px;background:#000;color:#FFF;border:none;border-radius:6px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-top:8px;transition:background .3s}
.btn-primary:hover{background:#333}
.login-error{color:#C0392B;font-size:.75rem;margin-top:12px;display:none}

/* PROJECT GRID */
.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:32px}
.project-card{border:1px solid #E0E0E0;border-radius:8px;padding:28px;transition:border-color .3s,transform .3s;cursor:pointer;text-decoration:none;display:block;color:#000}
.project-card:hover{border-color:#000;transform:translateY(-4px)}
.project-card h3{font-size:.95rem;font-weight:800;margin-bottom:4px}
.project-card .project-meta{font-family:'Space Mono',monospace;font-size:.55rem;color:#999;letter-spacing:.04em;margin-bottom:12px}
.project-card .project-stats{display:flex;gap:20px}
.project-card .stat{text-align:center}
.project-card .stat-num{font-family:'Space Mono',monospace;font-size:1rem;font-weight:700;color:#1A6B73}
.project-card .stat-label{font-family:'Space Mono',monospace;font-size:.45rem;color:#AAA;margin-top:2px}

.btn-new-project{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:2px solid #000;border-radius:6px;background:none;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:all .3s;margin-bottom:32px}
.btn-new-project:hover{background:#000;color:#FFF}

/* PROJECT VIEW */
.project-header{margin-bottom:32px}
.project-header h2{font-size:1.3rem;font-weight:800;letter-spacing:-.02em}
.project-header .project-desc{font-size:.82rem;color:#555;margin-top:4px}

.tabs{display:flex;gap:0;border-bottom:1px solid #EEE;margin-bottom:32px}
.tab{padding:12px 24px;font-family:'Space Mono',monospace;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#999;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s;background:none;border-top:none;border-left:none;border-right:none}
.tab.active{color:#000;border-bottom-color:#000}
.tab:hover{color:#000}
.tab-content{display:none}
.tab-content.active{display:block}

/* FILES */
.dropzone{border:2px dashed #DDD;border-radius:8px;padding:40px;text-align:center;margin-bottom:24px;transition:border-color .3s,background .3s;cursor:pointer}
.dropzone:hover,.dropzone.dragover{border-color:#1A6B73;background:rgba(26,107,115,.03)}
.dropzone-text{font-family:'Space Mono',monospace;font-size:.7rem;color:#AAA;letter-spacing:.04em}
.dropzone-text strong{color:#000}

.file-table{width:100%;border-collapse:collapse}
.file-table th{font-family:'Space Mono',monospace;font-size:.52rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#AAA;text-align:left;padding:8px 12px;border-bottom:1px solid #EEE}
.file-table td{padding:12px;border-bottom:1px solid #F5F5F5;font-size:.82rem;vertical-align:middle}
.file-table tr:hover{background:#FAFAFA}
.file-icon{font-family:'Space Mono',monospace;font-size:.7rem;font-weight:700;display:inline-block;width:40px;height:28px;line-height:28px;text-align:center;border:1px solid #DDD;border-radius:4px;color:#999;margin-right:8px}
.file-icon.pdf{border-color:#C0392B;color:#C0392B}
.file-icon.skp{border-color:#1A6B73;color:#1A6B73}
.file-icon.dwg{border-color:#E87A20;color:#E87A20}
.file-icon.img{border-color:#27AE60;color:#27AE60}
.version-pill{font-family:'Space Mono',monospace;font-size:.5rem;font-weight:700;padding:2px 8px;border:1px solid #1A6B73;border-radius:4px;color:#1A6B73;cursor:pointer;margin-left:8px}
.btn-download{background:none;border:1px solid #DDD;border-radius:4px;padding:4px 12px;font-size:.6rem;font-weight:700;letter-spacing:.06em;color:#555;transition:all .3s}
.btn-download:hover{border-color:#000;color:#000}

/* CHAT */
.chat-container{display:flex;flex-direction:column;height:500px;border:1px solid #EEE;border-radius:8px;overflow:hidden}
.chat-messages{flex:1;overflow-y:auto;padding:16px}
.chat-msg{margin-bottom:16px;display:flex;gap:10px}
.chat-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Space Mono',monospace;font-size:.6rem;font-weight:700;color:#FFF;flex-shrink:0}
.chat-avatar.bergwind{background:#1A6B73}
.chat-avatar.klumpers_kraus{background:#E87A20}
.chat-avatar.maerz{background:#C0392B}
.chat-avatar.extern{background:#555}
.chat-bubble{max-width:70%}
.chat-bubble .chat-name{font-family:'Space Mono',monospace;font-size:.52rem;font-weight:700;color:#999;margin-bottom:2px}
.chat-bubble .chat-text{font-size:.82rem;line-height:1.6;color:#333}
.chat-bubble .chat-time{font-family:'Space Mono',monospace;font-size:.45rem;color:#CCC;margin-top:2px}
.chat-system{text-align:center;font-family:'Space Mono',monospace;font-size:.55rem;color:#CCC;padding:8px 0}
.chat-input-bar{display:flex;border-top:1px solid #EEE}
.chat-input{flex:1;border:none;border-radius:0;padding:14px 16px;font-size:.82rem;font-family:'Montserrat',sans-serif;outline:none}
.chat-send{background:#000;color:#FFF;border:none;padding:14px 20px;font-size:.7rem;font-weight:700;letter-spacing:.06em}
.chat-send:hover{background:#333}

/* TEAM */
.member-list{list-style:none}
.member-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #F5F5F5}
.member-name{font-size:.85rem;font-weight:600}
.member-firma{font-family:'Space Mono',monospace;font-size:.55rem;color:#999}
.member-rolle{font-family:'Space Mono',monospace;font-size:.5rem;font-weight:700;padding:2px 8px;border:1px solid #DDD;border-radius:4px;color:#999;text-transform:uppercase;letter-spacing:.06em}
.member-rolle.leiter{border-color:#E87A20;color:#E87A20}

/* NOTIFICATIONS */
.notif-dropdown{position:absolute;top:100%;right:0;width:320px;background:#FFF;border:1px solid #EEE;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.1);display:none;z-index:200;max-height:400px;overflow-y:auto}
.notif-dropdown.open{display:block}
.notif-item{padding:12px 16px;border-bottom:1px solid #F5F5F5;cursor:pointer;transition:background .2s}
.notif-item:hover{background:#FAFAFA}
.notif-item.unread{border-left:3px solid #E87A20}
.notif-title{font-size:.78rem;font-weight:600}
.notif-body{font-size:.7rem;color:#777;margin-top:2px}
.notif-time{font-family:'Space Mono',monospace;font-size:.45rem;color:#CCC;margin-top:4px}

/* MODAL */
.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:none;z-index:300;align-items:center;justify-content:center}
.modal-overlay.open{display:flex}
.modal{background:#FFF;border-radius:10px;padding:40px;max-width:480px;width:90%}
.modal h3{font-size:1rem;font-weight:800;margin-bottom:20px}
.modal .btn-cancel{background:none;border:1px solid #DDD;border-radius:6px;padding:10px 20px;font-size:.72rem;font-weight:700;letter-spacing:.06em;margin-right:8px}

/* RESPONSIVE */
@media(max-width:768px){
    .main{padding:80px 20px 40px}
    .nav-inner{padding:10px 20px}
    .project-grid{grid-template-columns:1fr}
    .chat-container{height:400px}
    .tabs{overflow-x:auto}
}